@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Plus+Jakarta+Sans:ital,wght@0,400..700;1,400..500&family=Instrument+Serif:ital@1&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--cream-50:#fffbf4;--cream-100:#fff8f0;--cream-200:#faf1e2;--cream-300:#f1e5ce;--cream-400:#e9decd;--cream-500:#c9b89a;--cream-600:#8e7e62;--cream-700:#5c5141;--cream-800:#3b342a;--cream-900:#1f1b14;--cayenne-50:#fdecee;--cayenne-100:#fad0d5;--cayenne-300:#f08891;--cayenne-500:#e63946;--cayenne-600:#c9202d;--cayenne-700:#9f1822;--cayenne-900:#5c0e14;--indigo-50:#eaeff6;--indigo-100:#d0dae9;--indigo-300:#7a8fae;--indigo-500:#3f5a80;--indigo-700:#1d3557;--indigo-900:#0e1b30;--mango-100:#fce6cc;--mango-300:#f8bf85;--mango-500:#f4a261;--mango-700:#c57a3a;--plantain-100:#d6eeea;--plantain-300:#7ec8bd;--plantain-500:#2a9d8f;--plantain-700:#1b6b62;--sea-100:#dbe7ee;--sea-300:#8eb1c4;--sea-500:#457b9d;--sea-700:#2d5a77;--bg:var(--cream-100);--bg-elevated:#fff;--bg-sunken:var(--cream-200);--fg:var(--indigo-700);--fg-muted:var(--cream-600);--fg-subtle:var(--indigo-300);--fg-on-accent:var(--cream-50);--border:var(--cream-300);--border-strong:var(--cream-400);--accent:var(--cayenne-500);--accent-hover:var(--cayenne-600);--accent-press:var(--cayenne-700);--accent-fg:var(--cream-50);--accent-bg:var(--cayenne-50);--accent-border:var(--cayenne-100);--accent-2:var(--indigo-700);--accent-2-hover:var(--indigo-900);--chrome-bg:var(--indigo-700);--chrome-bg-deep:var(--indigo-900);--chrome-fg:var(--cream-100);--chrome-fg-muted:var(--indigo-300);--chrome-border:#ffffff14;--chrome-active:#ffffff1a;--success:var(--plantain-500);--success-bg:var(--plantain-100);--success-fg:var(--plantain-700);--info:var(--sea-500);--info-bg:var(--sea-100);--info-fg:var(--sea-700);--warning:var(--mango-500);--warning-bg:var(--mango-100);--warning-fg:var(--mango-700);--danger:var(--cayenne-500);--danger-bg:var(--cayenne-50);--danger-fg:var(--cayenne-700);--font-display:"Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-accent:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-4xl:4rem;--fs-3xl:2.75rem;--fs-2xl:2rem;--fs-xl:1.5rem;--fs-lg:1.25rem;--fs-md:1.0625rem;--fs-base:.9375rem;--fs-sm:.8125rem;--fs-xs:.6875rem;--lh-tight:1.08;--lh-snug:1.22;--lh-normal:1.5;--tracking-eyebrow:.14em;--tracking-display:-.022em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-pill:999px;--shadow-xs:0 0 0 3px var(--cayenne-50);--shadow-sm:0 1px 2px #1d35570f, 0 2px 8px #1d35570f;--shadow-md:0 6px 16px #1d35571a, 0 2px 6px #1d35570f;--shadow-lg:0 24px 48px #0e1b3038;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.24s;--dur-page:.32s;--ease-out:cubic-bezier(.22, 1, .36, 1);--sidebar-w:256px;--sidebar-w-collapsed:72px;--topbar-h:64px}.btn{--_bg:var(--accent);--_fg:var(--accent-fg);--_bd:transparent;justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-base);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--_bd);background:var(--_bg);height:40px;color:var(--_fg);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-weight:600;line-height:1;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--secondary{--_bg:var(--accent-2);--_fg:var(--cream-50)}.btn--secondary:hover{background:var(--accent-2-hover)}.btn--outline{--_bg:transparent;--_fg:var(--fg);--_bd:var(--border-strong)}.btn--outline:hover{background:var(--cream-200)}.btn--ghost{--_bg:transparent;--_fg:var(--sea-500)}.btn--ghost:hover{background:var(--sea-100)}.btn--danger{--_bg:var(--cayenne-50);--_fg:var(--cayenne-700);--_bd:var(--cayenne-100)}.btn--danger:hover{background:var(--cayenne-100)}.btn--sm{height:32px;font-size:var(--fs-sm);padding:0 var(--space-3)}.btn--lg{height:48px;font-size:var(--fs-md);padding:0 var(--space-6)}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.btn--block{width:100%}.btn svg{width:18px;height:18px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card--pad{padding:var(--space-6)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);display:flex}.card__title{font-size:var(--fs-lg)}.card__body{padding:var(--space-6)}.badge{align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-sm);background:var(--cream-200);color:var(--fg-muted);white-space:nowrap;font-weight:600;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge--success{background:var(--success-bg);color:var(--success-fg)}.badge--info{background:var(--info-bg);color:var(--info-fg)}.badge--warning{background:var(--warning-bg);color:var(--warning-fg)}.badge--danger{background:var(--danger-bg);color:var(--danger-fg)}.badge--neutral{background:var(--indigo-50);color:var(--indigo-700)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-sm);color:var(--fg);font-weight:600}.field__hint{font-size:var(--fs-sm);color:var(--fg-muted)}.field__error{font-size:var(--fs-sm);color:var(--danger-fg);font-weight:500}.input,.select,.textarea{width:100%;font-family:var(--font-body);font-size:var(--fs-base);color:var(--fg);background:var(--bg-elevated);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-3);height:40px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:88px}.input:focus,.select:focus,.textarea:focus{border-color:var(--sea-500);box-shadow:var(--shadow-xs);outline:none}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input--invalid,.select--invalid,.textarea--invalid{border-color:var(--cayenne-500)}.input--with-prefix{padding-left:38px}.field__control{position:relative}.field__prefix{left:var(--space-3);color:var(--fg-subtle);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.field__prefix svg{width:18px;height:18px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%238e7e62' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}.switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--radius-pill);background:var(--cream-400);width:40px;height:22px;transition:background var(--dur-base) var(--ease-out)}.switch__thumb{width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--plantain-500)}.switch input:checked+.switch__track+.switch__thumb{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:var(--shadow-xs)}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.table thead th{text-align:left;font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:700}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{transition:background var(--dur-fast) var(--ease-out)}.table tbody tr:hover{background:var(--cream-100)}.table tbody tr:last-child td{border-bottom:none}.table__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.avatar{background:var(--indigo-100);color:var(--indigo-700);font-weight:700;font-size:var(--fs-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.stat{gap:var(--space-2);padding:var(--space-6);flex-direction:column;display:flex}.stat__icon{border-radius:var(--radius-sm);width:40px;height:40px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.stat__icon svg{width:22px;height:22px}.stat__value{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:var(--tracking-display);font-weight:700}.stat__label{font-size:var(--fs-sm);color:var(--fg-muted)}.stat__delta{font-size:var(--fs-sm);align-items:center;gap:4px;font-weight:600;display:inline-flex}.stat__delta--up{color:var(--plantain-700)}.stat__delta--down{color:var(--cayenne-600)}.modal__overlay{z-index:50;padding:var(--space-12) var(--space-4);animation:overlay-in var(--dur-slow) var(--ease-out);background:#0e1b3073;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:modal-in var(--dur-page) var(--ease-out)}.modal--wide{max-width:720px}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);display:flex}.modal__title{font-size:var(--fs-xl)}.modal__sub{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:var(--space-1)}.modal__body{padding:0 var(--space-6) var(--space-4)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);display:flex}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.toast-stack{bottom:var(--space-6);right:var(--space-6);z-index:80;gap:var(--space-3);flex-direction:column;max-width:380px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);background:var(--indigo-700);color:var(--cream-100);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toast-in var(--dur-slow) var(--ease-out);display:flex}.toast__icon{flex-shrink:0;margin-top:1px}.toast__icon svg{width:18px;height:18px}.toast--success .toast__icon{color:var(--plantain-300)}.toast--danger .toast__icon{color:var(--cayenne-300)}.toast--info .toast__icon{color:var(--sea-300)}.toast__msg{font-size:var(--fs-base);line-height:var(--lh-snug)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.spinner{border:2px solid var(--cream-300);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);color:var(--fg-muted);flex-direction:column;display:flex}.empty__icon{border-radius:var(--radius-md);background:var(--cream-200);width:56px;height:56px;color:var(--cream-600);justify-content:center;align-items:center;display:flex}.empty__icon svg{width:28px;height:28px}.iconbtn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover{background:var(--cream-200);color:var(--fg)}.iconbtn svg{width:20px;height:20px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--fg);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-snug);margin:0}p{margin:0}a{color:var(--sea-500);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--sea-500);outline-offset:2px}::selection{background:var(--cayenne-100);color:var(--cayenne-900)}*{scrollbar-width:thin;scrollbar-color:var(--cream-400) transparent}.eyebrow{font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);font-weight:700}.accent-serif{font-family:var(--font-accent);font-style:italic}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login__brand{background:radial-gradient(120% 80% at 80% 0%, #f4a2612e, transparent 60%), radial-gradient(90% 60% at 0% 100%, #e6394638, transparent 55%), var(--indigo-700);color:var(--cream-100);padding:var(--space-12);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login__logo{width:220px;height:auto;padding:var(--space-4) var(--space-5);background:var(--cream-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm,0 2px 8px #0e1b302e);align-self:flex-start;position:relative}.login__pannye{opacity:.06;background-image:repeating-linear-gradient(45deg, var(--cream-100) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, var(--cream-100) 0 1px, transparent 1px 14px);pointer-events:none;position:absolute;inset:0}.login__brand-body{max-width:30ch;position:relative}.login__display{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);margin-top:var(--space-8);color:var(--cream-100);text-align:left;text-wrap:balance}.login__display em{font-family:var(--font-accent);color:var(--mango-500);font-style:italic}.login__lede{margin-top:var(--space-4);color:var(--indigo-100);font-size:var(--fs-md)}.login__foot{color:var(--indigo-300);font-size:var(--fs-sm);position:relative}.login__form-wrap{padding:var(--space-12);background:var(--bg);justify-content:center;align-items:center;display:flex}.login__form{width:100%;max-width:380px}.login__title{font-size:var(--fs-2xl);margin-top:var(--space-2)}.login__sub{color:var(--fg-muted);margin-top:6px;margin-bottom:var(--space-8)}.login__fields{gap:var(--space-4);flex-direction:column;display:flex}.login__row{justify-content:space-between;align-items:center;display:flex}.login__remember{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--fg);cursor:pointer;display:flex}.login__error{align-items:center;gap:var(--space-2);background:var(--cayenne-50);color:var(--cayenne-700);border:1px solid var(--cayenne-100);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--fs-sm);font-weight:500;display:flex}.login__error svg{flex-shrink:0;width:18px;height:18px}.login__demo{margin-top:var(--space-8);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-4);background:var(--cream-100)}.login__demo h4{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg);font-weight:700}.login__demo-list{margin-top:var(--space-2);flex-direction:column;gap:6px;display:flex}.login__demo-btn{justify-content:space-between;gap:var(--space-3);text-align:left;cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);width:100%;padding:8px var(--space-3);font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);display:flex}.login__demo-btn:hover{border-color:var(--sea-300);background:var(--sea-100)}.login__demo-btn .mono{color:var(--fg-muted);font-size:var(--fs-xs)}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (width<=860px){.login{grid-template-columns:1fr}.login__brand{display:none}.login__form-wrap{padding:var(--space-8) var(--space-4)}}.notif{position:relative}.notif__count{border-radius:var(--radius-pill);background:var(--cayenne-500);color:#fff;text-align:center;border:2px solid var(--bg-elevated);box-sizing:content-box;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.notif__pop{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-md);z-index:40;animation:modal-in var(--dur-base) var(--ease-out);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif__head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.notif__head strong{font-size:var(--fs-md)}.notif__markall{color:var(--sea-500);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.notif__markall:hover{text-decoration:underline}.notif__list{max-height:380px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif__item{align-items:flex-start;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;border:none;border-bottom:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out);background:0 0;display:flex}.notif__item:hover{background:var(--cream-100)}.notif__item--unread,.notif__item--unread:hover{background:var(--sea-100)}.notif__icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.notif__icon svg{width:18px;height:18px}.notif__icon--danger{background:var(--cayenne-50);color:var(--cayenne-600)}.notif__icon--warning{background:var(--mango-100);color:var(--mango-700)}.notif__icon--info{background:var(--sea-100);color:var(--sea-700)}.notif__icon--success{background:var(--plantain-100);color:var(--plantain-700)}.notif__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif__title{font-weight:600;font-size:var(--fs-base);color:var(--fg)}.notif__text{font-size:var(--fs-sm);color:var(--fg-muted)}.notif__time{font-size:var(--fs-xs);color:var(--fg-subtle);margin-top:2px}.notif__dot{background:var(--cayenne-500);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif__empty{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;color:var(--fg-muted);font-size:var(--fs-sm);flex-direction:column;display:flex}.notif__empty svg{width:28px;height:28px;color:var(--plantain-500)}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns var(--dur-slow) var(--ease-out);display:grid}.shell--sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:var(--chrome-bg);color:var(--chrome-fg);border-right:1px solid var(--chrome-bg-deep);height:100vh;width:var(--sidebar-w);transition:width var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__brand{padding:var(--space-6) var(--space-6) var(--space-4);flex-shrink:0}.sidebar--collapsed .sidebar__brand{padding:var(--space-4) var(--space-3);justify-content:center;display:flex}.sidebar__monogram{justify-content:center;display:none}.sidebar--collapsed .sidebar__logo{display:none}.sidebar--collapsed .sidebar__monogram{display:flex}.sidebar__logo{width:100%;height:auto;padding:var(--space-3) var(--space-4);background:var(--cream-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm,0 2px 8px #0e1b302e);display:block}.sidebar__nav{padding:var(--space-2) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar__section{font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--chrome-fg-muted);padding:var(--space-4) var(--space-3) var(--space-2);white-space:nowrap;font-weight:700;overflow:hidden}.sidebar--collapsed .sidebar__section{opacity:0;pointer-events:none;height:0;margin:0;padding:0}.navlink{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--chrome-fg);font-size:var(--fs-base);transition:background var(--dur-fast) var(--ease-out);white-space:nowrap;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar--collapsed .navlink{justify-content:center;padding:10px}.navlink__label{text-overflow:ellipsis;min-width:0;transition:opacity var(--dur-fast) var(--ease-out);flex:1;overflow:hidden}.sidebar--collapsed .navlink__label{opacity:0;flex:0;width:0;overflow:hidden}.navlink:hover{background:var(--chrome-active);text-decoration:none}.navlink svg{opacity:.85;width:20px;height:20px}.navlink--active{background:var(--chrome-active);color:#fff;font-weight:600}.navlink--active:before{content:"";border-radius:var(--radius-pill);background:var(--cayenne-500);width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.sidebar--collapsed .navlink--active:before{top:4px;bottom:4px;left:0}.navlink--active svg{opacity:1;color:var(--mango-500)}.navlink__badge{font-size:var(--fs-xs);background:var(--cayenne-500);color:#fff;border-radius:var(--radius-pill);flex-shrink:0;margin-left:auto;padding:1px 7px;font-weight:700}.sidebar--collapsed .navlink__badge{place-items:center;min-width:16px;height:16px;margin:0;padding:0 4px;font-size:10px;display:grid;position:absolute;top:4px;right:4px}.sidebar__foot{padding:var(--space-3);border-top:1px solid var(--chrome-border);flex-shrink:0}.sidebar__collapse{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--chrome-fg-muted);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;font-weight:500;display:flex}.sidebar__collapse:hover{background:var(--chrome-active);color:var(--chrome-fg)}.sidebar__collapse svg{flex-shrink:0;width:18px;height:18px}.sidebar__collapse-label{white-space:nowrap;transition:opacity var(--dur-fast) var(--ease-out);overflow:hidden}.sidebar--collapsed .sidebar__collapse{justify-content:center;padding:10px}.sidebar--collapsed .sidebar__collapse-label{opacity:0;width:0;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);align-items:center;gap:var(--space-4);padding:0 var(--space-8);background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:20;display:flex;position:sticky;top:0}.topbar__search{flex:1;max-width:420px;position:relative}.topbar__search svg{width:18px;height:18px;color:var(--fg-subtle);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar__search input{width:100%;height:40px;padding:0 var(--space-3) 0 38px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--cream-100);font-size:var(--fs-base);color:var(--fg)}.topbar__search input:focus{border-color:var(--sea-500);background:#fff;outline:none}.search-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:40;max-height:min(420px,70vh);animation:modal-in var(--dur-base) var(--ease-out);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-panel__status{align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--fs-sm);color:var(--fg-muted);display:flex}.search-panel__status--error{color:var(--cayenne-700)}.search-panel__group+.search-panel__group{border-top:1px solid var(--border)}.search-panel__heading{padding:var(--space-3) var(--space-4) var(--space-2);font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);font-weight:700}.search-panel__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;color:var(--fg);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;display:flex}.search-panel__item:hover,.search-panel__item:focus-visible{background:var(--cream-200);outline:none}.search-panel__item svg{width:16px;height:16px;color:var(--fg-subtle);flex-shrink:0}.search-panel__item-body{flex:1;min-width:0}.search-panel__item-title{font-weight:600;font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-panel__item-meta{font-size:var(--fs-sm);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-panel__thumb{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:32px;height:32px;font-size:18px;display:grid;overflow:hidden}.search-panel__thumb img{object-fit:cover;width:100%;height:100%}.search-panel__more{width:100%;padding:var(--space-2) var(--space-4) var(--space-3);text-align:left;font-size:var(--fs-sm);color:var(--sea-700);cursor:pointer;background:0 0;border:none;font-weight:600;display:block}.search-panel__more:hover{text-decoration:underline}.topbar__spacer{flex:1}.topbar__actions{align-items:center;gap:var(--space-2);display:flex}.content{padding:var(--space-8);flex:1;width:100%;max-width:1280px;margin:0 auto}.usermenu{position:relative}.usermenu__trigger{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);padding:4px 6px 4px 8px;display:flex}.usermenu__trigger:hover{border-color:var(--border-strong)}.usermenu__name{font-size:var(--fs-sm);color:var(--fg);font-weight:600}.usermenu__role{font-size:var(--fs-xs);color:var(--fg-muted)}.usermenu__pop{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;padding:var(--space-2);z-index:30;animation:modal-in var(--dur-base) var(--ease-out);position:absolute;top:calc(100% + 8px);right:0}.usermenu__head{padding:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.usermenu__item{align-items:center;gap:var(--space-3);width:100%;padding:8px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-base);color:var(--fg);text-align:left;background:0 0;border:none;display:flex}.usermenu__item:hover{background:var(--cream-200)}.usermenu__item svg{width:18px;height:18px;color:var(--fg-muted)}.usermenu__item--danger{color:var(--cayenne-700)}.usermenu__item--danger svg{color:var(--cayenne-600)}.usermenu__divider{background:var(--border);height:1px;margin:var(--space-2) var(--space-3)}.usermenu__lang-label{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);font-weight:700;display:flex}.usermenu__lang-label svg{width:14px;height:14px}.usermenu__item--lang{font-size:var(--fs-sm)}.usermenu__item--active{background:var(--cream-200);font-weight:600}.sidebar-toggle{display:none}@media (width<=920px){.shell,.shell--sidebar-collapsed{grid-template-columns:1fr}.sidebar{z-index:60;width:var(--sidebar-w);transition:transform var(--dur-slow) var(--ease-out);position:fixed;transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar--collapsed{width:var(--sidebar-w)}.sidebar--collapsed .sidebar__section{opacity:1;height:auto;padding:var(--space-4) var(--space-3) var(--space-2);pointer-events:auto}.sidebar--collapsed .navlink{padding:10px var(--space-3);justify-content:flex-start}.sidebar--collapsed .navlink__label{opacity:1;flex:1;width:auto}.sidebar--collapsed .navlink__badge{min-width:0;height:auto;font-size:var(--fs-xs);margin-left:auto;padding:1px 7px;position:static}.sidebar--collapsed .sidebar__brand{padding:var(--space-6) var(--space-6) var(--space-4);display:block}.sidebar--collapsed .sidebar__logo{display:block}.sidebar--collapsed .sidebar__monogram,.sidebar--collapsed .sidebar__collapse{display:none}.sidebar-toggle{display:inline-flex}.sidebar-scrim{z-index:55;background:#0e1b3066;position:fixed;inset:0}.content{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}}.grid-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.row{align-items:center;gap:var(--space-3);display:flex}.col-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.stack{gap:var(--space-4);flex-direction:column;display:flex}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar__spacer{flex:1}@media (width<=720px){.col-2{grid-template-columns:1fr}}.roles-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.role-card{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.role-card__top{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.role-card__icon{border-radius:var(--radius-sm);background:var(--indigo-50);width:40px;height:40px;color:var(--indigo-700);place-items:center;display:grid}.role-card__icon svg{width:22px;height:22px}.role-card__meta{gap:var(--space-4);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--fg-muted);display:flex}.role-card__meta strong{color:var(--fg)}.matrix th.matrix__role,.matrix__cell{text-align:center}.matrix__group-row td{font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);background:var(--cream-100);font-weight:700}.matrix__yes{background:var(--plantain-100);width:22px;height:22px;color:var(--plantain-700);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.matrix__yes svg{width:15px;height:15px}.matrix__no{color:var(--cream-400);font-weight:700}.tx-page>*+*{margin-top:var(--space-6)}.tx-period{background:var(--cream-200);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.tx-period button{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--fg-muted);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:6px 12px;font-weight:600}.tx-period button:hover{color:var(--fg)}.tx-period button[aria-pressed=true]{background:var(--bg-elevated);color:var(--fg);box-shadow:var(--shadow-sm)}.tx-grid-2{gap:var(--space-4);grid-template-columns:1.3fr 1fr;display:grid}@media (width<=900px){.tx-grid-2{grid-template-columns:1fr}}.tx-insight{font-size:var(--fs-sm);color:var(--fg-muted)}.tx-insight strong{color:var(--fg)}.trend{position:relative}.trend__svg{width:100%;height:220px;display:block}.trend__grid{stroke:var(--border);stroke-width:1px}.trend__line{fill:none;stroke:var(--cayenne-500);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.trend__cursor{stroke:var(--cream-500);stroke-dasharray:3 3}.trend__dot{fill:var(--cayenne-500);stroke:#fff;stroke-width:2px}.trend__axis{font-size:var(--fs-xs);color:var(--fg-subtle);justify-content:space-between;margin-top:4px;display:flex}.trend__tip{background:var(--indigo-700);color:var(--cream-100);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none;flex-direction:column;align-items:flex-end;padding:6px 10px;display:flex;position:absolute;top:-4px;right:0}.trend__tip strong{font-family:var(--font-display);font-size:var(--fs-md)}.trend__tip span{font-size:var(--fs-xs);color:var(--indigo-100)}.bars{gap:var(--space-4);flex-direction:column;display:flex}.bars__row{flex-direction:column;gap:6px;display:flex}.bars__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.bars__label{font-weight:600;font-size:var(--fs-base)}.bars__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-sm)}.bars__track{border-radius:var(--radius-pill);background:var(--cream-200);height:10px;overflow:hidden}.bars__fill{border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--ease-out)}.bars__meta{font-size:var(--fs-sm);color:var(--fg-muted)}.donut{flex-direction:column;align-items:center;display:flex;position:relative}.donut__svg{width:168px;height:168px}.donut__track{stroke:var(--cream-200)}.donut__center{text-align:center;pointer-events:none;position:absolute;top:84px;left:0;right:0;transform:translateY(-50%)}.donut__center-value{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;line-height:1}.donut__center-label{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:2px}.donut__legend{margin:var(--space-4) 0 0;gap:var(--space-2);flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.donut__legend li{align-items:center;gap:var(--space-2);font-size:var(--fs-base);display:flex}.donut__swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.donut__legend-label{font-weight:600}.donut__legend-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-muted);font-size:var(--fs-sm);margin-left:auto}.tx-pagination{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.tx-pagination__info{font-size:var(--fs-sm);color:var(--fg-muted)}.tx-pagination__btns{gap:var(--space-2);display:flex}