@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse}:root{--bg-deep:#f7f5f0;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#fcfcfc;--accent-primary:#b8624a;--accent-secondary:#d67a5f;--accent-success:#00d68f;--accent-warning:#ffd84d;--accent-danger:#ff3d7f;--ms-primary:#3b82f6;--text-primary:#1f1d1b;--text-muted:#56524d;--text-faint:#5a6478;--border-subtle:#1a1d261a;--border-strong:#1a1d262e;--font-display:"Instrument Serif", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--glow-cyan:0 0 20px #b8624a26;--glow-magenta:0 0 24px #b8624a26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--sparte-kfz:#b8624a;--sparte-sach:#d67a5f;--sparte-leben:#3b82f6;--sparte-kranken:#00d68f;--sparte-haftpflicht:#a78bfa;--sparte-gewerbe:#f97316;--sparte-uebergreifend:#94a3b8;--sparte-spam:#64748b;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--grid-color:#1a1d260a;--grid-size:64px}html,body{height:100%}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-deep);background:var(--bg-deep);font-size:14px;font-weight:400;line-height:1.5;overflow-x:hidden}body:before,body:after{display:none}#app{z-index:1;min-height:100vh;position:relative}a:hover{color:var(--accent-secondary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,textarea,select{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:14px;transition:border-color .2s}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff6a1a1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.container{width:100%;max-width:1200px;padding-inline:var(--space-lg);margin-inline:auto}.container--narrow{max-width:800px}.container--wide{max-width:1440px}.section{padding-block:var(--space-3xl)}.section--sm{padding-block:var(--space-xl)}.grid{gap:var(--space-lg);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex--center{justify-content:center;align-items:center;display:flex}.flex--between{justify-content:space-between;align-items:center;display:flex}.flex--col{flex-direction:column;display:flex}.flex--wrap{flex-wrap:wrap}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.headline{font-family:var(--font-body);letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.15}.headline--xl{font-size:clamp(2.2rem,5vw,3.8rem)}.headline--lg{font-size:clamp(1.6rem,3.5vw,2.5rem)}.headline--md{font-size:clamp(1.25rem,2.5vw,1.75rem)}.serif{font-family:var(--font-display);letter-spacing:-.01em;font-style:italic;font-weight:400}.subheadline{font-family:var(--font-body);color:var(--text-muted);font-size:1.1rem;font-weight:400;line-height:1.6}.eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;color:var(--accent-secondary);font-size:.75rem;font-weight:500}.body-text{font-family:var(--font-body);color:var(--text-muted);font-size:.95rem;font-weight:400;line-height:1.6}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);font-size:.6875rem;font-weight:400}.gradient-text{color:var(--accent-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-center{align-items:center}.items-start{align-items:flex-start}.text-center{text-align:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}}.bg-card{background-color:var(--bg-card)}.bg-elevated{background-color:var(--bg-elevated)}.w-full{width:100%}.mp-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#ffffffd9;width:100%;position:sticky;top:0}.mp-header__inner{max-width:1200px;padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.mp-header__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-display);letter-spacing:-1px;color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.mp-header__logo-icon{margin-right:4px;font-size:1.15rem}.mp-header__logo-text{background:linear-gradient(90deg, var(--text-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mp-header__nav{align-items:center;gap:0;display:flex}.mp-header__step{color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-size:.68rem;transition:all .2s;display:flex;position:relative}.mp-header__dot{background:var(--border-strong);border:1px solid #0000;border-radius:50%;width:8px;height:8px;transition:all .2s}.mp-header__step--active{color:var(--accent-primary)}.mp-header__step--active .mp-header__dot{background:var(--accent-primary);box-shadow:var(--glow-cyan)}.mp-header__step--past{color:var(--text-primary)}.mp-header__step--past .mp-header__dot{background:var(--accent-success)}.mp-header__step--future{color:var(--text-faint);opacity:.5}.mp-header__step-label{display:inline-block}@media (width<=768px){.mp-header__step-label{display:none}}.mp-header__connector{background:var(--border-subtle);width:32px;height:1px;transition:all .2s}.mp-header__connector--done{background:var(--accent-success)}.email-card{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;transition:background-color .2s,border-color .25s,box-shadow .25s;display:flex;position:relative}.email-card:hover{background:var(--bg-card-hover);border-color:#b8624a40;box-shadow:0 0 24px #b8624a14}.email-card__header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.email-card__sender{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.email-card__date{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-size:.6875rem}.email-card__subject{font-family:var(--font-body);color:var(--text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.email-card__preview{font-family:var(--font-body);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.email-card__badges{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.email-card--unread{border-left:2px solid var(--accent-primary)}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:3px 8px;font-size:.625rem;font-weight:400;line-height:1;display:inline-flex}.badge--sparte-kfz{color:var(--sparte-kfz);background:#00e5ff1a;border:1px solid #00e5ff33}.badge--sparte-sach{color:var(--sparte-sach);background:#ff3ec91a;border:1px solid #ff3ec933}.badge--sparte-leben{color:var(--sparte-leben);background:#ffd84d1a;border:1px solid #ffd84d33}.badge--sparte-kranken{color:var(--sparte-kranken);background:#00d68f1a;border:1px solid #00d68f33}.badge--sparte-haftpflicht{color:var(--sparte-haftpflicht);background:#a78bfa1a;border:1px solid #a78bfa33}.badge--sparte-gewerbe{color:var(--sparte-gewerbe);background:#f973161a;border:1px solid #f9731633}.badge--sparte-uebergreifend{color:var(--sparte-uebergreifend);background:#94a3b81a;border:1px solid #94a3b833}.badge--sparte-spam{color:var(--sparte-spam);background:#64748b1a;border:1px solid #64748b33}.badge--prio-hoch{color:var(--accent-danger);background:#ff47571f;border:1px solid #ff475740}.badge--prio-mittel{color:var(--accent-warning);background:#ffd84d1f;border:1px solid #ffd84d40}.badge--prio-niedrig{color:var(--accent-success);background:#00d68f1f;border:1px solid #00d68f40}.badge--vorgangsart{color:var(--accent-primary);background:0 0;border:1px solid #b8624a59}.stats-card{gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;transition:border-color .25s,box-shadow .25s;display:flex}.stats-card:hover{border-color:var(--border-strong);box-shadow:0 4px 24px #00000040}.stats-card__value{font-family:var(--font-display);letter-spacing:-2px;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.stats-card__value--cyan{color:var(--accent-primary)}.stats-card__value--green{color:var(--accent-success)}.stats-card__value--pink{color:var(--accent-secondary)}.stats-card__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);font-size:.6875rem}.stats-card__delta{font-family:var(--font-mono);color:var(--accent-success);font-size:.6875rem}.stats-card__delta--negative{color:var(--accent-danger)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-size:.6875rem;font-weight:400;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{color:#fff;background:var(--accent-primary);border-color:#0000;box-shadow:0 4px 15px -5px #b8624a66}.btn--primary:hover{background:var(--accent-secondary);box-shadow:0 8px 25px -8px #b8624a80}.btn--accent{color:#fff;background:var(--text-primary);border-color:#0000;box-shadow:0 4px 15px -5px #1f1d1b66}.btn--accent:hover{background:var(--text-muted);box-shadow:0 8px 25px -8px #1f1d1b66}.btn--ghost{color:var(--text-muted);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#b8624a0f}.btn--sm{padding:6px 12px;font-size:.625rem}.filter-bar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;display:flex;overflow-x:auto}.filter-bar__item{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:5px 12px;font-size:.625rem;transition:color .2s,background-color .2s,border-color .2s}.filter-bar__item:hover{color:var(--text-primary);background:#1a1d260a}.filter-bar__item--active{color:var(--accent-primary);background:#b8624a14;border-color:#b8624a4d}.filter-bar__divider{background:var(--border-subtle);flex-shrink:0;width:1px;height:20px}.detail-panel{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:1px;height:100%;display:grid;overflow:hidden}.detail-panel__left,.detail-panel__right{background:var(--bg-card);padding:var(--space-lg);overflow-y:auto}.detail-panel__left{border-right:1px solid var(--border-subtle)}.detail-panel__section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-faint);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);font-size:.625rem}.detail-panel__mail-body{font-family:var(--font-body);color:var(--text-muted);white-space:pre-wrap;font-size:.875rem;line-height:1.7}.detail-panel__analysis-item{gap:var(--space-xs);padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.detail-panel__analysis-item:last-child{border-bottom:none}.detail-panel__analysis-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);font-size:.625rem}.detail-panel__analysis-value{font-family:var(--font-body);color:var(--text-primary);font-size:.875rem;font-weight:500}.progress-bar{background:var(--bg-elevated);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;box-shadow:0 0 12px #b8624a59}.progress-bar--lg{border-radius:5px;height:10px}.progress-bar--lg .progress-bar__fill{border-radius:5px}.slider-input{appearance:none;background:var(--bg-elevated);cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-sm);background:var(--accent-primary);border:2px solid var(--bg-deep);width:18px;height:18px;box-shadow:var(--glow-cyan);cursor:pointer;transition:transform .15s,box-shadow .2s}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 28px #b8624a66}.slider-input::-moz-range-thumb{border-radius:var(--radius-sm);background:var(--accent-primary);border:2px solid var(--bg-deep);width:18px;height:18px;box-shadow:var(--glow-cyan);cursor:pointer;transition:transform .15s,box-shadow .2s}.slider-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 28px #b8624a66}.slider-input::-moz-range-track{background:var(--bg-elevated);border:none;border-radius:3px;height:6px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.modal-overlay--visible{opacity:1;visibility:visible}.modal-overlay__content{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:90vw;max-width:960px;max-height:85vh;transition:transform .3s cubic-bezier(.22,1,.36,1);position:relative;overflow-y:auto;transform:translateY(16px)scale(.97);box-shadow:0 24px 80px #0009}.modal-overlay--visible .modal-overlay__content{transform:translateY(0)scale(1)}.modal-overlay__close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex;position:absolute}.modal-overlay__close:hover{color:var(--text-primary);background:#ffffff0f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 16px #b8624a26}50%{box-shadow:0 0 32px #b8624a4d,0 0 64px #b8624a1a}}@keyframes scanLine{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardSort{0%{opacity:.6;transform:translateY(-8px)scale(.96)}50%{opacity:.8;transform:translateY(4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s both fadeIn}.animate-slide-in-right{animation:.5s cubic-bezier(.22,1,.36,1) both slideInRight}.animate-slide-in-up{animation:.5s cubic-bezier(.22,1,.36,1) both slideInUp}.animate-pulse{animation:2.5s ease-in-out infinite pulse}.animate-scan-line{animation:2s ease-in-out both scanLine}.animate-typewriter{white-space:nowrap;border-right:2px solid var(--accent-primary);animation:1.8s steps(40,end) both typewriter,.6s step-end infinite blinkCaret;overflow:hidden}@keyframes blinkCaret{0%,to{border-color:#0000}50%{border-color:var(--accent-primary)}}.animate-count-up{animation:.6s cubic-bezier(.22,1,.36,1) both countUp}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%) 0 0/200% 100%;animation:2s ease-in-out infinite shimmer}.animate-card-sort{animation:.45s cubic-bezier(.22,1,.36,1) both cardSort}.animate-spin{animation:.6s linear infinite spin}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.48s}.stagger-7{animation-delay:.56s}.stagger-8{animation-delay:.64s}.stagger-9{animation-delay:.72s}.stagger-10{animation-delay:.8s}.transition-all{transition:all .25s}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.transition-transform{transition:transform .25s cubic-bezier(.22,1,.36,1)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}