:root{--font-display:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--akzent:#2340c9;--akzent-rgb:35, 64, 201;--akzent-text:#2340c9;--akzent-soft:#2340c914;--akzent-btn:#2340c9;--stempel:#c8322b;--daten-1:#141b2d;--daten-2:#9aa3b5;--daten-3:var(--akzent);--daten-akzent:#2340c9;--ok:#15803d;--warn:#b45309;--fehler:#c8322b;--info:#2340c9;--z1:#cbd5e1;--z2:#93c5fd;--z3:#86efac;--z4:#fde047;--z5:#fdba74;--z6:#fca5a5;--z7:#d8b4fe;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:8px;--r-xl:12px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.12s;--t-med:.2s;--sidebar-w:236px;--topbar-h:60px;--papier-schatten:0 1px 1px #141b2d1f, 0 10px 24px -10px #141b2d52;--nav-bg:#141b2d;--nav-text:#a9b2c6;--nav-text-aktiv:#fff;--nav-hover:#ffffff0f;--nav-marke:#7d93ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9edf2;--surface:#fff;--surface-2:#f3f5f8;--text:#141b2d;--text-2:#465066;--text-3:#5f6880;--linie:#d5dbe4;--linie-2:#c3cad6;--schatten:0 1px 2px #141b2d0d;--schatten-hover:0 6px 18px -6px #141b2d2e;--input-bg:#fff;--chip-bg:#eef1f6;--pult:#dbe1ea}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--surface:#141a2b;--surface-2:#1a2134;--text:#eef1f8;--text-2:#b6bdd0;--text-3:#8f98b0;--linie:#242c42;--linie-2:#323b55;--schatten:none;--schatten-hover:0 6px 20px #0006;--input-bg:#10162a;--chip-bg:#1d2439;--pult:#070b16;--akzent:#7d93ff;--akzent-rgb:125, 147, 255;--akzent-text:#9cadff;--akzent-soft:#7d93ff24;--akzent-btn:#3d5af1;--stempel:#f0675f;--daten-akzent:#6a80f0;--daten-1:#eef1f8;--daten-2:#5d6680;--papier-schatten:0 0 0 1px #ffffff0d, 0 14px 28px -12px #000000e6;--nav-bg:#070b16;--ok:#4ade80;--warn:#fbbf24;--fehler:#f0675f;--info:#9cadff}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14.5px;line-height:1.55;overflow-x:hidden}[hidden]{display:none!important}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:rgba(var(--akzent-rgb), .2)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;margin:0;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(26px,2.8vw,34px);font-weight:800}h2{letter-spacing:-.015em;font-size:19px;font-weight:700}h3{letter-spacing:-.01em;font-size:16px;font-weight:600}p{margin:0}.text-akzent{color:var(--akzent-text)}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.mono,.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:600}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.app__main{flex-direction:column;min-width:0;display:flex}.page{width:100%;max-width:1440px;padding:var(--s-6) var(--s-8) var(--s-12);margin:0 auto}.page__head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.page__head p{color:var(--text-2);margin-top:6px}.grid{gap:var(--s-5);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.row{align-items:center;gap:var(--s-3);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.stack{gap:var(--s-3);flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.gap-2{gap:var(--s-2)}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.mt-2{margin-top:var(--s-2)}.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.grow{flex:1;min-width:0}@media (width<=1180px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3,.span-4,.span-5,.span-7,.span-8,.span-6{grid-column:span 12}}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr)}.page{padding:var(--s-4) max(var(--s-4), env(safe-area-inset-right,0px)) calc(var(--mnav-h) + 36px + env(safe-area-inset-bottom,0px)) max(var(--s-4), env(safe-area-inset-left,0px))}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.grid-4{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.reveal,.reveal-stagger>*{animation:reveal .3s var(--ease-out) both}.reveal-stagger>:first-child{animation-delay:0s}.reveal-stagger>:nth-child(2){animation-delay:50ms}.reveal-stagger>:nth-child(3){animation-delay:.1s}.reveal-stagger>:nth-child(4){animation-delay:.15s}.reveal-stagger>:nth-child(5){animation-delay:.2s}.reveal-stagger>:nth-child(6){animation-delay:.25s}.reveal-stagger>:nth-child(7){animation-delay:.3s}.reveal-stagger>:nth-child(8){animation-delay:.35s}.reveal-stagger>:nth-child(n+9){animation-delay:.4s}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--linie-2);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}@media (hover:none) and (pointer:coarse){input:not(.input--code):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}.card{background:var(--surface);border:1px solid var(--linie);border-radius:var(--r-lg);box-shadow:var(--schatten);padding:var(--s-5);min-width:0;transition:border-color var(--t-fast), box-shadow var(--t-med);position:relative}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--linie-2);box-shadow:var(--schatten-hover)}.card--muted{background:var(--surface-2);box-shadow:none}.card__head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.card__head>*{min-width:0}.card__title{align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.card__title svg{color:var(--text-3);width:16px;height:16px}.card__sub{color:var(--text-3);font-size:13px}.btn{border-radius:var(--r-sm);border:1px solid var(--linie-2);background:var(--surface);height:36px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:550;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:hover{background:var(--surface-2)}.btn:active{background:var(--chip-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.chip:focus-visible,.nav__link:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.btn--primary{background:var(--akzent-btn);border-color:var(--akzent-btn);color:#fff}.btn--primary:hover{background:var(--akzent-btn);filter:brightness(1.1)}.btn--ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--chip-bg);color:var(--text)}.btn--danger{color:var(--fehler)}.btn--danger:hover{border-color:var(--fehler)}.btn--sm{height:30px;padding:0 10px;font-size:13px}.btn--lg{height:44px;padding:0 20px;font-size:14.5px}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:30px}.btn--block{width:100%}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{color:var(--text-2);font-size:13px;font-weight:550}.field__hint{color:var(--text-3);font-size:12.5px}.field__error{color:var(--fehler);font-size:12.5px}.input,.select,.textarea{border-radius:var(--r-sm);border:1px solid var(--linie-2);background:var(--input-bg);width:100%;height:38px;color:var(--text);transition:border-color var(--t-fast), box-shadow var(--t-fast);min-width:0;max-width:100%;padding:0 12px}input.input[type=date],input.input[type=time],input.input[type=datetime-local]{appearance:none;line-height:36px;display:block}input.input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}input.input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}.textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-soft);outline:none}.input--code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;height:52px;font-size:22px}.checkbox{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--akzent)}.switch{flex-shrink:0;width:36px;height:20px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{background:var(--linie-2);transition:background var(--t-fast);cursor:pointer;border-radius:99px;position:absolute;inset:0}.switch span:after{content:"";width:16px;height:16px;transition:transform var(--t-med) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--akzent)}.switch input:checked+span:after{transform:translate(16px)}.badge{border-radius:var(--r-xs);background:var(--chip-bg);height:22px;color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:550;display:inline-flex}.badge svg{width:12px;height:12px}.badge--akzent{background:var(--akzent-soft);color:var(--akzent-text)}.badge--ok{color:var(--ok)}.badge--warn{color:var(--warn)}.badge--fehler{color:var(--fehler)}.badge--info{color:var(--info)}.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.chip{border-radius:var(--r-pill);border:1px solid var(--linie-2);background:var(--surface);height:30px;color:var(--text-2);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:550;display:inline-flex}.chip:hover{color:var(--text)}.chip--active{border-color:var(--text);color:var(--text)}.segmented{border-radius:var(--r-sm);background:var(--chip-bg);gap:2px;padding:2px;display:inline-flex}.segmented button{height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:13px;font-weight:550}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.tabs{border-bottom:1px solid var(--linie);margin-bottom:var(--s-5);gap:2px;display:flex;overflow-x:auto}.tabs button{color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 12px;font-size:14px;font-weight:550;position:relative}.tabs button:hover,.tabs button[aria-selected=true]{color:var(--text)}.tabs button[aria-selected=true]:after{content:"";background:var(--text);height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.stat{flex-direction:column;gap:2px;min-width:0;display:flex}.stat__label{color:var(--text-3);font-size:12.5px;font-weight:500}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:650;line-height:1.15}.stat__value small{color:var(--text-3);letter-spacing:0;margin-left:3px;font-size:13px;font-weight:500}.stat__delta{color:var(--text-3);font-size:12.5px}.stat__delta--up{color:var(--ok)}.stat__delta--down{color:var(--fehler)}.progress{background:var(--chip-bg);border-radius:99px;height:6px;position:relative;overflow:hidden}.progress__bar{border-radius:inherit;background:var(--akzent);transition:width .6s var(--ease-out);position:absolute;inset:0 auto 0 0}.progress--neutral .progress__bar{background:var(--text)}.ring{place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring__track{stroke:var(--chip-bg)}.ring__value{stroke:var(--akzent);transition:stroke-dashoffset .9s var(--ease-out)}.ring__center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.ring__num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:650;line-height:1}.ring__label{color:var(--text-3);margin-top:4px;font-size:12px}.sidebar{height:100vh;padding:var(--s-5) var(--s-3) var(--s-4) 0;background:var(--nav-bg);color:var(--nav-text-aktiv);z-index:20;flex-direction:column;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 10px 22px 22px;font-size:16px;font-weight:800;display:flex}.brand__mark{color:#2340c9;background:#fff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.brand__mark svg{width:15px;height:15px}@media (width>=901px){.app{background:linear-gradient(to right, var(--nav-bg) var(--sidebar-w), transparent 0)}}.auth .brand__mark{background:var(--akzent-btn);color:#fff}.nav{flex-direction:column;gap:1px;display:flex}.nav__link{border-radius:0 var(--r-md) var(--r-md) 0;height:38px;color:var(--nav-text);transition:background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);align-items:center;gap:11px;padding:0 10px 0 22px;font-size:14.5px;font-weight:500;display:flex}.nav__link svg{color:currentColor;width:18px;height:18px}.nav__link:hover{background:var(--nav-hover);color:var(--nav-text-aktiv)}.nav__link.active{color:var(--nav-text-aktiv);box-shadow:inset 3px 0 0 var(--nav-marke);background:var(--nav-hover);font-weight:650}.nav__link.active svg{color:var(--nav-marke)}.sidebar .kbd{color:var(--nav-text);background:#ffffff14;border-color:#ffffff24}.sidebar__foot{flex-direction:column;gap:4px;margin-top:auto;display:flex}.topbar{z-index:15;height:var(--topbar-h);align-items:center;gap:var(--s-3);padding:0 var(--s-8);background:var(--bg);border-bottom:1px solid var(--linie);display:flex;position:sticky;top:0}.avatar{width:30px;height:30px;color:var(--text-2);background:var(--chip-bg);border:1px solid var(--linie);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.mobile-nav{display:none}:root{--mnav-h:64px}@media (width<=900px){.sidebar{display:none}.topbar{padding:0 max(var(--s-4), env(safe-area-inset-right,0px)) 0 max(var(--s-4), env(safe-area-inset-left,0px))}.mobile-nav{z-index:30;left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:max(10px, env(safe-area-inset-bottom,0px));height:var(--mnav-h);background:var(--nav-bg);border-radius:22px;justify-content:space-around;align-items:center;padding:0 6px;display:flex;position:fixed;box-shadow:0 14px 34px -12px #141b2d8c}.mobile-nav a{color:#8f99b0;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;height:100%;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.mobile-nav a svg{stroke-width:1.9px;flex-shrink:0;width:24px;height:24px}.mobile-nav a.active{color:#fff}.mobile-nav a.active svg{color:var(--nav-marke)}.mobile-nav a.mnav__scan{background:var(--akzent-btn);color:#fff;height:60px;box-shadow:0 10px 22px -8px #2340c9cc, 0 0 0 5px var(--bg);border-radius:20px;flex:0 0 60px;margin:-26px 6px 0;overflow:visible}.mobile-nav a.mnav__scan svg{stroke-width:2.1px;color:#fff;width:28px;height:28px}.mobile-nav a.mnav__scan.active{filter:brightness(1.12)}}.list{flex-direction:column;display:flex}.list__item{align-items:center;gap:var(--s-3);padding:10px 6px;display:flex}.list__item+.list__item{border-top:1px solid var(--linie)}.list__item--link{cursor:pointer;border-radius:var(--r-sm)}.list__item--link:hover{background:var(--surface-2)}.table-wrap{margin:0 calc(var(--s-5) * -1);padding:0 var(--s-5);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--linie);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:550}.table td{border-bottom:1px solid var(--linie);white-space:nowrap;font-variant-numeric:tabular-nums;padding:10px}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.clickable{cursor:pointer}.sport-icon{border-radius:var(--r-sm);background:var(--chip-bg);width:32px;height:32px;color:var(--text-2);flex-shrink:0;place-items:center;display:grid}.sport-icon svg{width:16px;height:16px}.modal-backdrop{z-index:100;padding:var(--s-4);background:#0a0c1073;place-items:center;animation:.15s both fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--linie);border-radius:var(--r-xl);width:min(540px,100%);max-height:calc(100dvh - 32px);padding:var(--s-6);animation:pop .18s var(--ease-out) both;overflow:auto;box-shadow:0 20px 50px -12px #00000040}.modal--wide{width:min(860px,100%)}.modal__head{margin-bottom:var(--s-5);justify-content:space-between;align-items:center;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(4px)}}.toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--linie);min-width:260px;max-width:380px;animation:pop .18s var(--ease-out) both;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex;box-shadow:0 8px 24px -8px #0000002e}.toast svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.toast--success svg{color:var(--ok)}.toast--error svg{color:var(--fehler)}.toast--info svg{color:var(--info)}@media (width<=900px){.toasts{bottom:calc(var(--mnav-h) + 16px + env(safe-area-inset-bottom,0px));left:16px;right:16px}.toast{max-width:none}}.skeleton{border-radius:var(--r-sm);background:var(--chip-bg);min-height:14px;animation:1.4s ease-in-out infinite skel}@keyframes skel{50%{opacity:.55}}.spinner{border:2px solid var(--linie-2);border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--s-10) var(--s-6);color:var(--text-2);flex-direction:column;align-items:center;gap:8px;display:flex}.empty__icon{border-radius:var(--r-md);background:var(--chip-bg);width:44px;height:44px;color:var(--text-3);place-items:center;margin-bottom:4px;display:grid}.empty__icon svg{width:20px;height:20px}.empty h3{color:var(--text)}.ai-label{color:var(--akzent-text);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.ai-label svg{width:14px;height:14px}.prose{color:var(--text-2);line-height:1.6}.prose p+p,.prose ul,.prose ol{margin-top:.6em}.prose strong{color:var(--text);font-weight:600}.prose ul,.prose ol{padding-left:1.2em}.prose h3,.prose h4{color:var(--text);margin-top:1em;margin-bottom:.3em}.chart-tooltip{background:var(--surface);border:1px solid var(--linie);border-radius:var(--r-sm);padding:8px 10px;font-size:12.5px;box-shadow:0 6px 18px -6px #00000026}.chart-tooltip__label{margin-bottom:4px;font-weight:600}.chart-tooltip__row{color:var(--text-2);align-items:center;gap:8px;display:flex}.chart-tooltip__row b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-weight:600}.recharts-cartesian-axis-tick-value{fill:var(--text-3);font-size:11.5px}.recharts-cartesian-grid line{stroke:var(--linie)}.legend{color:var(--text-2);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:1px;width:12px;height:2px;display:inline-block}.zone-1{--zone:var(--z1)}.zone-2{--zone:var(--z2)}.zone-3{--zone:var(--z3)}.zone-4{--zone:var(--z4)}.zone-5{--zone:var(--z5)}.zone-6{--zone:var(--z6)}.zone-7{--zone:var(--z7)}.auth{min-height:100vh;padding:var(--s-8) var(--s-4);place-items:center;display:grid}.auth__card{width:min(400px,100%);padding:var(--s-8)}.divider{background:var(--linie);height:1px;margin:var(--s-5) 0}.kbd{font-family:var(--font-mono);border:1px solid var(--linie-2);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.taginput{border:1px solid var(--linie-2);border-radius:var(--r-sm);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:5px 8px;display:flex}.taginput:focus-within{border-color:var(--text-3)}.taginput input{min-width:120px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:3px 2px;font-size:14px}.taginput__tag{border-radius:var(--r-pill);background:var(--chip-bg);color:var(--text);align-items:center;gap:2px;padding:2px 4px 2px 9px;font-size:13px;display:inline-flex}.taginput__tag button{width:20px;height:20px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.taginput__tag button:hover{color:var(--text);background:var(--linie)}.taginput__tag svg{width:12px;height:12px}.search{flex:1;min-width:0;display:block;position:relative}.search>svg{width:16px;height:16px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search .input{width:100%;padding-left:34px}.shortcuts{gap:var(--s-5) var(--s-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shortcuts h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:12px;font-weight:600}.shortcuts__row{align-items:center;gap:12px;padding:5px 0;font-size:13.5px;display:flex}.shortcuts__row dt{gap:4px;min-width:92px;display:flex}.shortcuts__row dd{color:var(--text-2);margin:0}@media (width<=640px){.shortcuts{grid-template-columns:minmax(0,1fr)}}@media (hover:none) and (pointer:coarse){.kbd-hint{display:none}}.toast__action{color:var(--akzent-text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;padding:2px 4px 2px 12px;font-weight:650}.toast__action:hover{text-decoration:underline}@media (width<=400px){.mobile-nav a{letter-spacing:-.01em;font-size:11px}}@media (width<=350px){.mobile-nav a{font-size:10px}.mobile-nav a svg{width:26px;height:26px}}@media (width<=640px){.modal-backdrop{padding:var(--s-2)}.modal{padding:var(--s-4);max-height:calc(100dvh - 16px)}.modal__head{margin-bottom:var(--s-4)}}.pmenu{position:relative}.pmenu__trigger{cursor:pointer;transition:border-color var(--t-fast)}.pmenu__trigger:hover,.pmenu__trigger[aria-expanded=true]{border-color:var(--linie-2);color:var(--text)}.pmenu__panel{z-index:40;background:var(--surface);border:1px solid var(--linie);border-radius:var(--r-md);min-width:220px;box-shadow:var(--schatten-hover);animation:pmenu-in var(--t-med) var(--ease-out);flex-direction:column;gap:1px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes pmenu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pmenu__who{border-bottom:1px solid var(--linie);flex-direction:column;gap:1px;min-width:0;margin-bottom:4px;padding:6px 10px 8px;display:flex}.pmenu__who b{color:var(--text);font-size:13.5px;font-weight:600}.pmenu__who span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pmenu__item{border-radius:var(--r-sm);width:100%;height:34px;font:inherit;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.pmenu__item svg{width:16px;height:16px;color:var(--text-3);flex-shrink:0}.pmenu__item:hover,.pmenu__item:focus-visible{background:var(--chip-bg);color:var(--text);outline:none}.pmenu__item.active{color:var(--text);font-weight:600}.pmenu__item.active svg{color:var(--akzent)}.pmenu__sep{background:var(--linie);height:1px;margin:4px 0}.pmenu__item--goals{display:none}@media (width<=900px){.pmenu__item--goals{display:flex}.topbar__desk{display:none}.topbar__date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.section-tabs{margin-bottom:var(--s-5);background:var(--chip-bg);border:1px solid var(--linie);border-radius:var(--r-sm);gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.section-tabs a{border-radius:var(--r-xs);height:28px;color:var(--text-3);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:550;display:inline-flex}.section-tabs a svg{width:15px;height:15px}.section-tabs a:hover{color:var(--text)}.section-tabs a.active{background:var(--surface);color:var(--text);box-shadow:var(--schatten)}.section-tabs a.active svg{color:var(--akzent)}[data-theme=dark] .section-tabs a.active{background:var(--linie-2)}.pmenu__panel--wide{width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--topbar-h) - 24px);overscroll-behavior:contain;overflow-y:auto}@media (width<=900px){.pmenu__panel--wide{max-height:calc(100dvh - var(--topbar-h) - var(--mnav-h) - env(safe-area-inset-bottom,0px) - 16px)}.pmenu__item{height:44px}}.pmenu__trigger{position:relative}.pmenu__trigger:after{content:"";border-radius:50%;position:absolute;inset:-6px}.nav__kbd{opacity:0;transition:opacity var(--t-fast)}.nav__link:hover .nav__kbd,.nav__link:focus-visible .nav__kbd{opacity:1}.sidebar__help{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:auto}.sidebar__help .kbd{opacity:.8}.nav__badge{border-radius:var(--r-pill);background:var(--chip-bg);min-width:18px;height:18px;color:var(--text-2);font-variant-numeric:tabular-nums;place-items:center;margin-left:6px;padding:0 5px;font-size:11px;font-weight:650;display:inline-grid}.nav__badge--alert{background:var(--fehler);color:#fff}.mobile-nav .mnav__item{position:relative}.mobile-nav .nav__badge{margin:0;position:absolute;top:6px;left:calc(50% + 6px)}
