:root{--bg:oklch(16.5% .006 55);--surface:oklch(20.5% .007 55);--surface-raised:oklch(24.5% .008 55);--border:oklch(30% .009 55);--border-strong:oklch(40% .011 55);--text:oklch(95% .01 70);--text-secondary:oklch(75% .012 65);--text-muted:oklch(60% .012 65);--accent:oklch(70% .19 45);--accent-hover:oklch(75.5% .185 45);--accent-fg:oklch(20% .03 50);--accent-subtle:oklch(32% .055 45);--focus-ring:oklch(80% .16 50);--st-neutral-bg:oklch(28% .008 65);--st-neutral-fg:oklch(78% .012 65);--st-info-bg:oklch(30% .045 210);--st-info-fg:oklch(82% .09 210);--st-action-bg:var(--accent-subtle);--st-action-fg:oklch(82% .13 50);--st-success-bg:oklch(30% .05 150);--st-success-fg:oklch(82% .11 150);--st-danger-bg:oklch(30% .07 20);--st-danger-fg:oklch(80% .14 20);--danger:oklch(62% .17 20);--danger-hover:oklch(67% .17 20);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Sora", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--radius:4px;--radius-lg:6px;--shadow:0 4px 16px oklch(10% 0 0/.4);--tr:.16s cubic-bezier(.2, .9, .3, 1);--tr-slow:.22s cubic-bezier(.2, .9, .3, 1);--sidebar-w:232px;--header-h:56px}@media (prefers-reduced-motion:reduce){:root{--tr:1ms;--tr-slow:1ms}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p,figure{margin:0}h1{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:600}h2,h3{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:600}.display{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:650}.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.9em}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius)}:focus:not(:focus-visible){outline:none}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.page-title{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-title p{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-1)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;transition:background var(--tr), border-color var(--tr), color var(--tr);background:0 0;border:1px solid #0000;font-weight:500;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-fg);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--text-muted)}.btn--ghost{color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.btn--danger{background:var(--danger);color:oklch(98% .01 20);font-weight:600}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--lg{height:44px;padding:0 var(--sp-5);font-size:var(--fs-base)}.btn--block{width:100%}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.field__hint{font-size:var(--fs-xs);color:var(--text-muted)}.field__error{font-size:var(--fs-xs);color:var(--st-danger-fg)}.input{height:40px;padding:0 var(--sp-3);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);transition:border-color var(--tr), background var(--tr)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{height:auto;padding:var(--sp-3);resize:vertical}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel__head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.panel__body{padding:var(--sp-5)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{z-index:1;padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);text-align:left;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:500;position:sticky;top:0}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{transition:background var(--tr)}.table tbody tr[data-clickable=true]{cursor:pointer}.table tbody tr:hover{background:var(--surface-raised)}.table .right{text-align:right}.badge{align-items:center;gap:var(--sp-1);height:20px;padding:0 var(--sp-2);border-radius:var(--radius);font-size:var(--fs-xs);white-space:nowrap;background:var(--st-neutral-bg);color:var(--st-neutral-fg);font-weight:500;display:inline-flex}.badge--info{background:var(--st-info-bg);color:var(--st-info-fg)}.badge--action{background:var(--st-action-bg);color:var(--st-action-fg)}.badge--success{background:var(--st-success-bg);color:var(--st-success-fg)}.badge--danger{background:var(--st-danger-bg);color:var(--st-danger-fg)}.badge--faded{opacity:.6}.badge--pulse:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-5);text-align:center;flex-direction:column;display:flex}.empty h3{font-size:var(--fs-base);margin:0;font-weight:600}.empty p{max-width:42ch;color:var(--text-muted);font-size:var(--fs-sm)}.skeleton{background:linear-gradient(90deg, var(--surface-raised) 25%, var(--border) 37%, var(--surface-raised) 63%);border-radius:var(--radius);background-size:400% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-135% 0}}.alert{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);display:flex}.alert--danger{background:var(--st-danger-bg);color:var(--st-danger-fg);border-color:#0000}.alert--info{background:var(--st-info-bg);color:var(--st-info-fg);border-color:#0000}.icon{stroke-width:1.75px;flex:none}.btn .icon{margin-inline-start:-2px}.scrim{z-index:40;animation:fade var(--tr-slow) both;background:oklch(10% .005 55/.62);position:fixed;inset:0}.drawer{z-index:41;background:var(--surface);border-left:1px solid var(--border);width:min(430px,100vw);box-shadow:var(--shadow);animation:slide-in var(--tr-slow) both;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.drawer{animation:1ms both fade}}.drawer__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5);border-bottom:1px solid var(--border);display:flex}.drawer__body{padding:var(--sp-5);gap:var(--sp-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);gap:var(--sp-2);flex-direction:column;display:flex}.icon-btn{border-radius:var(--radius);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background var(--tr), color var(--tr);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-raised);color:var(--text)}.kv{gap:var(--sp-3);font-size:var(--fs-sm);flex-direction:column;display:flex}.kv__row{justify-content:space-between;align-items:baseline;gap:var(--sp-4);display:flex}.kv__k{color:var(--text-muted);white-space:nowrap}.kv__v{text-align:right;overflow-wrap:anywhere}.timeline{gap:var(--sp-3);font-size:var(--fs-sm);flex-direction:column;display:flex}.timeline__item{gap:var(--sp-3);align-items:flex-start;display:flex}.timeline__dot{background:var(--border-strong);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.timeline__item[data-current=true] .timeline__dot{background:var(--accent)}.toasts{top:var(--sp-4);right:var(--sp-4);z-index:60;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--sp-3);width:330px;max-width:calc(100vw - 2rem);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow);font-size:var(--fs-sm);pointer-events:auto;animation:.25s cubic-bezier(.2,.9,.3,1) both toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}.toast--success{color:var(--st-success-fg)}.toast--error{color:var(--st-danger-fg)}.confirm{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-subtle);flex-direction:column;display:flex}.confirm__q{font-size:var(--fs-sm)}.confirm__actions{gap:var(--sp-2);display:flex}.confirm__actions .btn{flex:1}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.shell>*{min-width:0}.sidebar{gap:var(--sp-6);padding:var(--sp-5) var(--sp-4);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex}.brand{align-items:center;gap:var(--sp-2);padding:0 var(--sp-2);letter-spacing:-.01em;white-space:nowrap;font-weight:650;display:flex}.brand__mark{background:var(--accent);border-radius:2px;flex:none;width:8px;height:8px}.brand__role{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.nav{flex-direction:column;gap:2px;display:flex}.nav__link{justify-content:space-between;align-items:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;transition:background var(--tr), color var(--tr);display:flex}.nav__link:hover{background:var(--surface-raised);color:var(--text)}.nav__link[aria-current=page]{background:var(--accent-subtle);color:var(--text);font-weight:500}.nav__count{border-radius:var(--radius);background:var(--accent);min-width:20px;height:18px;color:var(--accent-fg);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;font-weight:600;display:inline-flex}.sidebar__foot{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex}.sidebar__user{padding:0 var(--sp-3);font-size:var(--fs-xs);color:var(--text-muted);overflow-wrap:anywhere}.content{padding:var(--sp-8);min-width:0;max-width:1280px}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--sp-4);height:var(--header-h);padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.topbar__nav{gap:var(--sp-1);display:flex}.topbar__link{height:32px;padding:0 var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--text-secondary);transition:background var(--tr), color var(--tr);align-items:center;display:inline-flex}.topbar__link:hover{background:var(--surface-raised);color:var(--text)}.topbar__link[aria-current=page]{background:var(--accent-subtle);color:var(--text);font-weight:500}.narrow{width:100%;max-width:640px;padding:var(--sp-6) var(--sp-4) var(--sp-10);margin:0 auto}.login{min-height:100vh;padding:var(--sp-5);place-items:center;display:grid}.login__box{width:100%;max-width:360px}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:10;align-items:center;gap:var(--sp-4);scrollbar-width:none;border-right:none;border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-4);flex-flow:row;position:sticky;top:0;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar>*{flex:none}.brand__role{display:none}.nav{flex-direction:row}.sidebar__foot{border-top:none;flex-direction:row;align-items:center;margin-top:0;margin-left:auto;padding-top:0}.sidebar__user{display:none}.content{padding:var(--sp-5) var(--sp-4)}}@media (width<=560px){.topbar{align-items:stretch;gap:var(--sp-2);height:auto;padding:var(--sp-3) var(--sp-4);flex-direction:column}.topbar__nav{overflow-x:auto}}