:root{--canvas: #0A0D12;--surface: #10141C;--surface-2: #151A24;--surface-3: #1B2130;--hairline: #222A38;--hairline-soft: #1A2028;--fg: #E8EDF6;--fg-soft: #A7B2C4;--fg-mute: #6E7A8D;--fg-faint: #4A5464;--accent: #1FB6FF;--accent-soft: #63CDFF;--accent-deep: #0A8FD1;--accent-wash: rgba(31, 182, 255, .12);--accent-line: rgba(31, 182, 255, .3);--on-accent: #04121C;--ok: #34D399;--ok-wash: rgba(52, 211, 153, .13);--warn: #FBBF24;--warn-wash: rgba(251, 191, 36, .13);--err: #F87171;--err-wash: rgba(248, 113, 113, .13);--info: var(--accent);--info-wash: var(--accent-wash);--font-display: "Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: clamp(1.9rem, 1.5rem + 1.2vw, 2.5rem);--text-hero: clamp(2.75rem, 2rem + 3.4vw, 4.25rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);--dur-fast: .13s;--dur: .22s;--dur-slow: .52s;--ease: cubic-bezier(.22, 1, .36, 1);--rail-w: 254px;--rail-w-collapsed: 68px;--topbar-h: 60px;--z-drawer: 40;--z-modal: 50;--z-toast: 60;color-scheme:dark;--primary: var(--accent);--primary-hover: var(--accent-soft);--primary-text: var(--on-accent);--bg-app: var(--canvas);--bg-surface: var(--surface);--bg-card: var(--surface-2);--bg-sidebar: var(--surface);--bg-topbar: var(--surface);--text-main: var(--fg);--text-secondary: var(--fg-soft);--text-muted: var(--fg-mute);--border: var(--hairline);--border-strong: var(--hairline);--border-subtle: var(--hairline-soft);--success: var(--ok);--warning: var(--warn);--danger: var(--err);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--table-cell-py: var(--s-3);--table-cell-px: var(--s-4)}:root[data-theme=light],[data-theme=light]{--canvas: #F4F7FB;--surface: #FFFFFF;--surface-2: #FFFFFF;--surface-3: #EEF3F9;--hairline: #DCE4EF;--hairline-soft: #E8EEF6;--fg: #0D1520;--fg-soft: #45566C;--fg-mute: #6B7C93;--fg-faint: #97A5B8;--accent: #0F8FD6;--accent-soft: #2FA8EA;--accent-deep: #0A6EA6;--accent-wash: rgba(15, 143, 214, .1);--accent-line: rgba(15, 143, 214, .28);--on-accent: #FFFFFF;--ok: #0E9F6E;--warn: #B45309;--err: #DC2626;--ok-wash: rgba(14, 159, 110, .11);--warn-wash: rgba(180, 83, 9, .11);--err-wash: rgba(220, 38, 38, .1);--shadow-sm: 0 1px 2px rgba(16, 32, 56, .06);--shadow-md: 0 8px 24px -10px rgba(16, 32, 56, .16);--shadow-lg: 0 24px 60px -22px rgba(16, 32, 56, .24);color-scheme:light;--primary: var(--accent);--primary-hover: var(--accent-soft);--primary-text: var(--on-accent);--bg-app: var(--canvas);--bg-surface: var(--surface);--bg-card: var(--surface-2);--bg-sidebar: var(--surface);--bg-topbar: var(--surface);--text-main: var(--fg);--text-secondary: var(--fg-soft);--text-muted: var(--fg-mute);--border: var(--hairline);--border-strong: var(--hairline);--border-subtle: var(--hairline-soft);--success: var(--ok);--warning: var(--warn);--danger: var(--err)}[data-density=compact]{--table-cell-py: .35rem;--table-cell-px: .65rem}[data-density=compact] .table thead th,[data-density=compact] .table tbody td,[data-density=compact] .data-table thead th,[data-density=compact] .data-table tbody td{padding:.35rem .65rem!important;font-size:.8125rem!important}*,*:before,*:after{box-sizing:border-box}*{margin:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);overflow-x:hidden}img,svg{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-wash);color:var(--fg)}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--accent);color:var(--on-accent);padding:.5rem 1rem;z-index:1000;border-radius:var(--r-sm);font-weight:600}.skip-link:focus{top:1rem}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.018em;line-height:1.22;color:var(--fg)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}h4{font-size:var(--text-base)}p{line-height:1.62}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em}.label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);line-height:1.45}.muted{color:var(--fg-mute)}.soft{color:var(--fg-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:36px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--text-sm);font-weight:600;letter-spacing:-.005em;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active{transform:translateY(1px)}.btn svg{width:15px;height:15px;flex:none}.btn--primary,.btn-primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover,.btn-primary:hover{background:var(--accent-soft)}.btn--ghost,.btn-outline,.btn-secondary{background:transparent;border-color:var(--hairline);color:var(--fg-soft)}.btn--ghost:hover,.btn-outline:hover,.btn-secondary:hover{background:var(--surface-3);color:var(--fg);border-color:var(--hairline)}.btn--quiet,.btn-link{background:transparent;color:var(--fg-mute);padding:0 var(--s-3)}.btn--quiet:hover,.btn-link:hover{color:var(--fg);background:var(--surface-3)}.btn--danger,.btn-danger{background:var(--err-wash);color:var(--err);border-color:transparent}.btn--danger:hover,.btn-danger:hover{background:var(--err);color:#fff}.btn--sm,.btn-sm{height:30px;padding:0 var(--s-3);font-size:var(--text-xs)}.btn-xs{height:24px;padding:0 var(--s-2);font-size:.75rem}.btn--icon,.icon-btn{width:34px;height:34px;padding:0;border-radius:var(--r-md);color:var(--fg-mute);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hairline);background:var(--surface);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn--icon:hover,.icon-btn:hover{background:var(--surface-3);color:var(--fg)}.btn--icon svg,.icon-btn svg{width:17px;height:17px}.pill-btn{display:inline-flex;align-items:center;gap:var(--s-2);height:34px;padding:0 var(--s-3);border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);color:var(--fg-soft);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);transition:all var(--dur-fast) var(--ease)}.pill-btn:hover{background:var(--surface-3);color:var(--fg)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-block{width:100%}.field{display:grid;gap:var(--s-2)}.field>label,form label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--fg-soft);margin-bottom:.25rem}.input,.select,.textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select,textarea{width:100%;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);padding:0 var(--s-3);height:38px;font-size:var(--text-sm);color:var(--fg);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=date],[data-theme=light] input[type=datetime-local],[data-theme=light] select,[data-theme=light] textarea{background:var(--surface)}.textarea,textarea{height:auto;padding:var(--s-3);resize:vertical;min-height:96px;line-height:1.6}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--fg-faint)}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-wash)}.form-grid{display:grid;gap:var(--s-4)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.check{appearance:none;width:16px;height:16px;flex:none;border:1.5px solid var(--fg-faint);border-radius:4px;background:transparent;cursor:pointer;display:grid;place-content:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.check:after{content:"";width:8px;height:4px;border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(-45deg) scale(0);transition:transform var(--dur-fast) var(--ease);margin-top:-2px}.check:checked{background:var(--accent);border-color:var(--accent)}.check:checked:after{transform:rotate(-45deg) scale(1)}.check:indeterminate{background:var(--accent);border-color:var(--accent)}.check:indeterminate:after{width:8px;height:0;border-left:0;border-bottom:2px solid var(--on-accent);transform:none;margin-top:0}.app,.app-layout{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:100vh;transition:grid-template-columns var(--dur) var(--ease)}.app[data-rail=collapsed]{grid-template-columns:var(--rail-w-collapsed) minmax(0,1fr)}@media(min-width:1024px){.app,.app-layout{background:linear-gradient(to right,var(--surface) 0,var(--surface) var(--rail-w),var(--canvas) var(--rail-w))}.app[data-rail=collapsed]{background:linear-gradient(to right,var(--surface) 0,var(--surface) var(--rail-w-collapsed),var(--canvas) var(--rail-w-collapsed))}}.rail,.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--hairline);overflow:hidden;z-index:25}.rail__head,.sidebar-brand{display:flex;align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-4);border-bottom:1px solid var(--hairline);flex:none}.brand{display:flex;align-items:center;gap:var(--s-3);min-width:0}.brand__mark,.brand-icon{display:flex;align-items:flex-end;gap:3px;height:20px;flex:none}.brand__mark i{display:block;width:4px;border-radius:1.5px;background:var(--accent)}.brand__mark i:nth-child(1){height:8px;opacity:.45}.brand__mark i:nth-child(2){height:14px;opacity:.72}.brand__mark i:nth-child(3){height:20px}.brand__word,.brand-title{font-family:var(--font-display);font-weight:800;font-size:1.0625rem;letter-spacing:-.035em;line-height:1.2;white-space:nowrap;color:var(--fg)}.brand-version{font-family:var(--font-mono);font-size:.625rem;color:var(--accent);background:var(--accent-wash);padding:1px 6px;border-radius:var(--r-pill);margin-left:6px}.rail__scroll,.sidebar-nav{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-3);display:grid;gap:var(--s-5);align-content:start}.rail__scroll::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.rail__scroll::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:var(--r-pill)}.navgroup,.nav-group{display:grid;gap:2px}.navgroup__title,.nav-group-title{padding:0 var(--s-3) var(--s-2);font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap}.navlink,.nav-item{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--fg-soft);white-space:nowrap;width:100%;text-align:left;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.navlink svg,.nav-item svg{width:17px;height:17px;flex:none;stroke-width:1.7}.nav-item .nav-icon{width:20px;font-size:1.05rem;text-align:center}.navlink:hover,.nav-item:hover{background:var(--surface-3);color:var(--fg)}.navlink[aria-current=page],.nav-item.active{background:var(--accent-wash);color:var(--accent);font-weight:600}.navlink[aria-current=page]:before,.nav-item.active:before{content:"";position:absolute;left:calc(var(--s-3) * -1 + 1px);top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:var(--r-pill);background:var(--accent)}.navlink__tag{margin-left:auto;font-family:var(--font-mono);font-size:.625rem;font-weight:500;padding:1px 6px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--fg-mute)}.navlink__tag--live{background:var(--err-wash);color:var(--err)}.rail__foot{flex:none;border-top:1px solid var(--hairline);padding:var(--s-4);display:grid;gap:var(--s-3)}.usage{display:grid;gap:var(--s-2)}.usage__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);font-size:var(--text-xs)}.usage__bar{height:4px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.usage__fill{height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-slow) var(--ease)}.userchip{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-md);width:100%;text-align:left;transition:background var(--dur-fast) var(--ease)}.userchip:hover{background:var(--surface-3)}.userchip__meta{min-width:0;display:grid}.userchip__name{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userchip__sub{font-size:var(--text-xs);color:var(--fg-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app[data-rail=collapsed] .brand__word,.app[data-rail=collapsed] .navgroup__title,.app[data-rail=collapsed] .navlink span,.app[data-rail=collapsed] .navlink__tag,.app[data-rail=collapsed] .usage,.app[data-rail=collapsed] .userchip__meta,.app-layout[data-rail=collapsed] .nav-label,.app-layout[data-rail=collapsed] .nav-group-title,.app-layout[data-rail=collapsed] .brand-info{display:none!important}.app[data-rail=collapsed] .navlink,.app-layout[data-rail=collapsed] .nav-item,.app[data-rail=collapsed] .rail__head,.app-layout[data-rail=collapsed] .sidebar-brand{justify-content:center;padding-inline:0}.railscrim{display:none}.main,.app-main{min-width:0;width:100%;display:flex;flex-direction:column}.cmdbar,.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-5);background:color-mix(in srgb,var(--canvas) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}.crumbs,.topbar-left{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--fg-mute);min-width:0;flex-shrink:0}.crumbs b,.topbar-page-title{color:var(--fg);font-weight:600;font-size:var(--text-base);white-space:nowrap}.crumbs svg{width:14px;height:14px;opacity:.5;flex:none}.cmdbar__spacer,.topbar-spacer{flex:1;min-width:var(--s-2)}.searchtrigger,.topbar-search-trigger{display:flex;align-items:center;gap:var(--s-2);height:34px;min-width:160px;max-width:240px;flex-shrink:1;padding:0 var(--s-2) 0 var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);color:var(--fg-mute);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.searchtrigger:hover,.topbar-search-trigger:hover{border-color:var(--fg-faint);color:var(--fg-soft)}.searchtrigger svg{width:15px;height:15px;flex:none}.searchtrigger span,.topbar-search-trigger span{flex:1;text-align:left}.kbd,.kbd-shortcut{font-family:var(--font-mono);font-size:.625rem;font-weight:500;padding:2px 5px;border-radius:5px;border:1px solid var(--hairline);background:var(--surface-3);color:var(--fg-mute);line-height:1.4}.topbar-right{display:flex;align-items:center;gap:var(--s-2);margin-left:auto}.workspace-select{height:34px;padding:0 var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);font-size:var(--text-xs);color:var(--fg-soft);flex-shrink:0}#header-timer-container{display:flex;align-items:center;flex-shrink:0}.timer-widget{display:inline-flex;align-items:center;gap:var(--s-2);height:34px;padding:0 var(--s-2) 0 var(--s-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);font-size:var(--text-xs);flex-shrink:0;white-space:nowrap}.timer-display{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs);color:var(--fg);letter-spacing:.05em;min-width:58px;line-height:1}.timer-display.timer-active{color:var(--ok);animation:pulse-timer 1.5s ease-in-out infinite}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.65}}.timer-input{height:24px;width:100px;background:transparent;border:0;padding:0 var(--s-1);font-size:var(--text-xs);color:var(--fg)}.timer-input:focus{outline:none}.timer-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 var(--s-2);border-radius:var(--r-sm);font-size:.6875rem;font-weight:600;border:0;cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.timer-btn-start{background:var(--ok-wash);color:var(--ok)}.timer-btn-start:hover{background:var(--ok);color:#fff}.timer-btn-stop{background:var(--err-wash);color:var(--err)}.timer-btn-stop:hover{background:var(--err);color:#fff}.avatar{border-radius:50%;object-fit:cover;flex:none;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.avatar--sm,.avatar-sm{width:28px;height:28px;font-size:.8rem}.avatar--md{width:34px;height:34px;font-size:.95rem}.notifications-bell-wrap{position:relative}.notif-badge{position:absolute;top:-2px;right:-2px;background:var(--err);color:#fff;border-radius:var(--r-pill);font-size:.65rem;font-weight:700;padding:1px 5px;line-height:1.2}.notifications-dropdown{position:absolute;top:100%;right:0;margin-top:var(--s-2);width:320px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:100}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--hairline)}.notif-list{max-height:320px;overflow-y:auto}.notif-item{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--hairline-soft)}.notif-item.unread{background:var(--accent-wash)}.page,.app-content-body{flex:1;padding:var(--s-6) var(--s-5) var(--s-7);display:grid;gap:var(--s-5);align-content:start;max-width:1560px;width:100%;margin:0 auto}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.pagehead__title{display:grid;gap:var(--s-2)}.pagehead h1{font-size:var(--text-2xl);letter-spacing:-.03em}.pagehead__sub{font-size:var(--text-sm);color:var(--fg-mute)}.pagehead__actions{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.sechead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}.sechead h2{font-size:var(--text-md);letter-spacing:-.02em}.sechead__meta{font-size:var(--text-xs);color:var(--fg-mute)}.panel{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s-5);min-width:0}.panel--flush{padding:0;overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--hairline)}.panel__head h2{font-size:var(--text-md)}.grid{display:grid;gap:var(--s-5)}.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--2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.grid--1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}@media(max-width:1180px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--2-1,.grid--1-2,.grid--3{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.grid--2,.grid--4{grid-template-columns:minmax(0,1fr)}}.northstar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-6);align-items:center;padding:var(--s-6);border:1px solid var(--hairline);border-radius:var(--r-lg);background:radial-gradient(120% 150% at 0% 0%,var(--accent-wash) 0%,transparent 58%),var(--surface-2)}.northstar__lead{display:grid;gap:var(--s-3);min-width:0}.northstar__value{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.northstar__value .num{font-size:var(--text-hero);font-weight:600;line-height:1.1;letter-spacing:-.045em;color:var(--fg)}.northstar__spark{width:100%;height:50px;overflow:hidden}.substats{display:grid;gap:0;align-self:stretch}.substats__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--hairline)}.substats__row:last-child{border-bottom:0;padding-bottom:0}.substats__row:first-child{padding-top:0}.substats__label{font-size:var(--text-sm);color:var(--fg-soft)}.substats__value{display:flex;align-items:baseline;gap:var(--s-3)}.substats__value .num{font-size:var(--text-md);font-weight:500}@media(max-width:900px){.northstar{grid-template-columns:minmax(0,1fr);gap:var(--s-5);padding:var(--s-5)}}.stat{display:grid;gap:var(--s-3);padding:var(--s-4);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-lg);transition:border-color var(--dur-fast) var(--ease)}.stat:hover{border-color:var(--fg-faint)}.stat__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.stat__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500;letter-spacing:-.03em;line-height:1.2}.stat__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.stat__spark{width:74px;height:26px;flex:none;overflow:hidden}.delta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);font-weight:500;padding:2px 7px;border-radius:var(--r-pill);line-height:1.5}.delta svg{width:11px;height:11px}.delta--up{background:var(--ok-wash);color:var(--ok)}.delta--down{background:var(--err-wash);color:var(--err)}.delta--flat{background:var(--surface-3);color:var(--fg-mute)}.badge{display:inline-flex;align-items:center;gap:var(--s-2);padding:2px 9px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:600;line-height:1.6;white-space:nowrap;background:var(--surface-3);color:var(--fg-soft)}.badge--ok,.badge-success{background:var(--ok-wash);color:var(--ok)}.badge--warn,.badge-warning{background:var(--warn-wash);color:var(--warn)}.badge--err,.badge-danger{background:var(--err-wash);color:var(--err)}.badge--info,.badge-primary{background:var(--accent-wash);color:var(--accent)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge--live .dot{animation:pulse-dot 1.9s var(--ease) infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.chart{width:100%;display:block;overflow:visible}.chart__wrap{position:relative}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-grid{stroke:var(--hairline);stroke-width:1}.chart-axis{fill:var(--fg-mute);font-family:var(--font-mono);font-size:10px}.chart-line--draw{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 1.1s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.chart-area--fade{opacity:0;animation:fade-in .7s var(--ease) .35s forwards}@keyframes fade-in{to{opacity:1}}.chart-cross{stroke:var(--fg-faint);stroke-width:1;stroke-dasharray:3 3;opacity:0}.chart-dot{fill:var(--accent);stroke:var(--surface-2);stroke-width:3;opacity:0}.chart__wrap:hover .chart-cross,.chart__wrap:hover .chart-dot{opacity:1}.chart-tip{position:absolute;top:0;left:0;transform:translate(-50%,-120%);padding:var(--s-2) var(--s-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-md);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease);z-index:5}.chart__wrap:hover .chart-tip{opacity:1}.chart-tip b{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ring-track{fill:none;stroke:var(--surface-3);stroke-width:14}.ring-seg{fill:none;stroke-width:14;stroke-linecap:butt;transition:stroke-width var(--dur-fast) var(--ease)}.ring-seg:hover{stroke-width:17}.ring-center{text-anchor:middle}.tablewrap{overflow-x:auto;width:100%}.table,.data-table{font-size:var(--text-sm);width:100%}.table thead th,.data-table thead th{position:sticky;top:0;background:var(--surface-2);text-align:left;font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--hairline);white-space:nowrap}.table th.sortable,.data-table th.sortable{cursor:pointer;user-select:none}.table th.sortable:hover,.data-table th.sortable:hover{color:var(--fg)}.table th.sortable .arrow,.data-table th.sortable .arrow{opacity:0;margin-left:4px;transition:opacity var(--dur-fast) var(--ease)}.table th[aria-sort] .arrow,.data-table th[aria-sort] .arrow{opacity:1}.table th[aria-sort=descending] .arrow,.data-table th[aria-sort=descending] .arrow{transform:rotate(180deg)}.table th .arrow,.data-table th .arrow{display:inline-block;width:9px;height:9px;vertical-align:-1px}.table tbody td,.data-table tbody td{padding:var(--table-cell-py) var(--table-cell-px);border-bottom:1px solid var(--hairline-soft);vertical-align:middle;white-space:nowrap}.table tbody tr,.data-table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover,.data-table tbody tr:hover{background:var(--surface-3)}.table tbody tr[data-selected=true],.data-table tbody tr[data-selected=true]{background:var(--accent-wash)}.table .num,.data-table .num{font-size:var(--text-sm)}.table .col-right,.data-table .col-right{text-align:right}.person{display:flex;align-items:center;gap:var(--s-3)}.person__meta{display:grid;min-width:0}.person__name{font-weight:600;color:var(--fg)}.person__sub{font-size:var(--text-xs);color:var(--fg-mute)}.bulkbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--accent-wash);border-bottom:1px solid var(--accent-line);font-size:var(--text-sm)}.bulkbar[hidden]{display:none}.bulkbar__count{font-weight:600;color:var(--accent)}.toolbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-bottom:1px solid var(--hairline);flex-wrap:wrap}.toolbar__search{position:relative;flex:1;min-width:180px}.toolbar__search svg{position:absolute;left:var(--s-3);top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--fg-mute);pointer-events:none}.toolbar__search .input{padding-left:34px}.chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:var(--s-2);height:30px;padding:0 var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:500;color:var(--fg-soft);transition:all var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--fg-faint);color:var(--fg)}.chip[aria-pressed=true],.chip.active{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-top:1px solid var(--hairline);font-size:var(--text-xs);color:var(--fg-mute);flex-wrap:wrap}.scrim,.drawer-backdrop{position:fixed;inset:0;background:#04080ea6;backdrop-filter:blur(2px);z-index:var(--z-drawer);display:flex;justify-content:flex-end;animation:fade-in var(--dur-fast) var(--ease)}.drawer,.drawer-panel{width:min(520px,100vw);height:100vh;background:var(--surface);border-left:1px solid var(--hairline);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-in-right var(--dur) var(--ease)}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__head,.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--hairline);flex:none}.drawer__body,.drawer-body{flex:1;overflow-y:auto;padding:var(--s-5);display:grid;gap:var(--s-5);align-content:start}.drawer__foot,.drawer-footer{flex:none;padding:var(--s-4) var(--s-5);border-top:1px solid var(--hairline);display:flex;gap:var(--s-2);justify-content:flex-end}.command-palette-backdrop{position:fixed;inset:0;background:#04080ea6;backdrop-filter:blur(3px);z-index:var(--z-modal);display:flex;justify-content:center;padding-top:12vh}.command-palette-modal{width:min(580px,calc(100vw - 2rem));max-height:480px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:pop-down var(--dur-fast) var(--ease)}@keyframes pop-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.command-palette-header{display:flex;align-items:center;padding:0 var(--s-4);border-bottom:1px solid var(--hairline);height:52px;gap:var(--s-3)}.command-palette-input{flex:1;background:transparent;border:0;font-size:var(--text-md);color:var(--fg)}.command-palette-input:focus{outline:none;box-shadow:none}.command-palette-list{flex:1;overflow-y:auto;padding:var(--s-2)}.cmd-palette-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--fg-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.cmd-palette-item:hover,.cmd-palette-item.selected{background:var(--accent-wash);color:var(--accent)}.command-palette-footer{display:flex;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-top:1px solid var(--hairline);font-size:var(--text-xs);color:var(--fg-mute)}.feed,.activity-feed{display:grid}.feed__item,.activity-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--hairline-soft)}.feed__item:last-child,.activity-item:last-child{border-bottom:0;padding-bottom:0}.feed__item:first-child,.activity-item:first-child{padding-top:0}.feed__icon{width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:var(--surface-3);color:var(--fg-mute)}.feed__body{display:grid;gap:2px;min-width:0}.feed__text{font-size:var(--text-sm);color:var(--fg-soft)}.feed__time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-faint)}.toasts,.toast-container{position:fixed;bottom:var(--s-5);right:var(--s-5);z-index:var(--z-toast);display:grid;gap:var(--s-2);justify-items:end;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--hairline);border-left:3px solid var(--ok);border-radius:var(--r-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);pointer-events:auto;animation:toast-in var(--dur) var(--ease)}.toast.toast-error{border-left-color:var(--err)}.toast.toast-info{border-left-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth,.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:100vh}.auth__form,.auth-panel{display:grid;align-content:center;justify-items:stretch;gap:var(--s-5);padding:var(--s-7) clamp(var(--s-5),6vw,4.5rem);max-width:520px;width:100%;margin:0 auto}.auth__aside{position:relative;overflow:hidden;border-left:1px solid var(--hairline);display:grid;align-content:end;gap:var(--s-5);padding:var(--s-7) clamp(var(--s-5),4vw,3.5rem);isolation:isolate;background:var(--surface-2)}.auth__aside:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(200deg,#0a0d128c,#0a0d12f0 72%)}.auth__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.28}.auth__quote{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.4;letter-spacing:-.02em;color:#f2f6fc;max-width:32ch}.auth__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid rgba(255,255,255,.16)}.auth__proof .num{font-size:var(--text-lg);font-weight:500;color:#fff}.auth__proof .label{color:#ffffff8c}@media(max-width:900px){.auth,.auth-shell{grid-template-columns:minmax(0,1fr)}.auth__aside{display:none}}@media(max-width:1023px){.app,.app-layout{grid-template-columns:1fr!important;background:var(--canvas)!important}.rail,.app-sidebar{position:fixed!important;top:0;bottom:0;left:0;width:min(var(--rail-w),85vw);z-index:100!important;transform:translate(-100%);transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-lg)}.rail.open,.app-sidebar.open{transform:translate(0)}.railscrim{display:block;position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:95;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.railscrim.active,.rail.open~.railscrim,.app-sidebar.open~.railscrim{opacity:1;pointer-events:auto}.cmdbar,.app-topbar{padding:0 var(--s-3)}.searchtrigger,.topbar-search-trigger{min-width:0;width:34px;padding:0;justify-content:center}.searchtrigger span,.searchtrigger .kbd,.topbar-search-trigger span,.topbar-search-trigger .kbd{display:none}.page{padding:var(--s-3)}}@media(max-width:600px){.cmdbar,.app-topbar{gap:var(--s-2);overflow:hidden}.crumbs>span,.crumbs>svg,.quick-create-wrap,.searchtrigger,.topbar-search-trigger,#header-timer-container,#workspace-switch-wrap,#density-toggle-btn,.notifications-bell-wrap{display:none!important}.crumbs,.topbar-left{flex:1 1 auto;overflow:hidden}.crumbs b,.topbar-page-title{overflow:hidden;text-overflow:ellipsis}.cmdbar__spacer,.topbar-spacer{display:none}#logout-button{width:34px;min-width:34px;overflow:hidden;padding:0;color:transparent;position:relative}#logout-button:after{content:"\21aa";position:absolute;inset:0;display:grid;place-items:center;color:var(--fg-soft);font-size:var(--text-base)}}@media(min-width:601px)and (max-width:900px){.quick-create-wrap,.searchtrigger,.topbar-search-trigger,#header-timer-container,#workspace-switch-wrap,#density-toggle-btn,.notifications-bell-wrap{display:none!important}}.elevation-0{background:var(--canvas)}.elevation-1{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.elevation-2{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.elevation-3{background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.elevation-4{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.tile-interactive,.panel-interactive{transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);cursor:pointer}.tile-interactive:hover,.panel-interactive:hover{transform:translateY(-2px);border-color:var(--accent-line);box-shadow:var(--shadow-md)}.tile-interactive:active,.panel-interactive:active{transform:translateY(0)}.matrix-container{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface)}.size-color-matrix{width:100%;border-collapse:collapse;font-size:var(--text-sm);text-align:center}.size-color-matrix th,.size-color-matrix td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.size-color-matrix th:first-child,.size-color-matrix td:first-child{text-align:left;font-weight:600;background:var(--surface-2)}.size-color-matrix thead th{background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;color:var(--fg-soft)}.size-color-matrix .matrix-cell{cursor:pointer;border-radius:var(--r-sm);padding:4px 8px;font-family:var(--font-mono);font-weight:500;display:inline-block;min-width:32px;transition:background var(--dur-fast) var(--ease)}.size-color-matrix .matrix-cell:hover{background:var(--accent-wash);color:var(--accent)}.matrix-cell--ok{color:var(--ok);background:var(--ok-wash)}.matrix-cell--warn{color:var(--warn);background:var(--warn-wash)}.matrix-cell--out{color:var(--err);background:var(--err-wash);font-weight:600}.color-swatch-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border-soft);font-size:var(--text-xs)}.color-swatch-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block;flex-shrink:0}.warehouse-flow{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5);background:var(--surface-2);border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:var(--s-4)}.warehouse-node{flex:1;max-width:220px;padding:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);text-align:center;box-shadow:var(--shadow-sm)}.warehouse-node .node-title{font-weight:600;font-size:var(--text-sm);color:var(--fg);margin-bottom:var(--s-1)}.warehouse-node .node-stock{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--accent);font-weight:600}.warehouse-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);flex:1;text-align:center}.warehouse-flow-arrow .arrow-units{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:3px 10px;background:var(--accent-wash);color:var(--accent);border-radius:var(--r-pill);border:1px solid var(--accent-line)}.warehouse-flow-arrow svg{color:var(--accent);width:100%;max-width:140px;height:24px}.stock-health{display:flex;flex-direction:column;gap:var(--s-2)}.stock-health__bar{display:flex;height:10px;border-radius:var(--r-pill);overflow:hidden;background:var(--hairline);gap:2px}.stock-health__seg{height:100%;transition:width var(--dur) var(--ease)}.stock-health__seg--ok{background:var(--ok)}.stock-health__seg--warn{background:var(--warn)}.stock-health__seg--err{background:var(--err)}.stock-health__legend{display:flex;align-items:center;gap:var(--s-4);font-size:var(--text-xs);color:var(--fg-soft)}.stock-health__legend span{display:inline-flex;align-items:center;gap:4px}.stepper-flow{display:flex;align-items:center;width:100%;padding:var(--s-3) 0;overflow-x:auto}.stepper-step{display:flex;align-items:center;gap:var(--s-2);flex:1;position:relative}.stepper-step:not(:last-child):after{content:"";flex:1;height:2px;background:var(--border);margin:0 var(--s-2)}.stepper-step.completed:not(:last-child):after{background:var(--ok)}.stepper-dot{width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border);color:var(--fg-mute);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0}.stepper-step.active .stepper-dot{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.stepper-step.completed .stepper-dot{border-color:var(--ok);background:var(--ok);color:#04121c}.stepper-label{font-size:var(--text-xs);font-weight:500;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}