@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--paper:oklch(98.5% .003 230);--surface:#fff;--surface-2:oklch(97.2% .004 230);--surface-sunk:oklch(95.8% .005 230);--ink-900:oklch(21% .02 240);--ink-800:oklch(30% .018 240);--ink-700:oklch(42% .015 240);--ink-500:oklch(58% .012 240);--ink-400:oklch(70% .01 240);--ink-300:oklch(82% .008 240);--line-strong:oklch(88% .008 240);--line:oklch(92% .006 240);--line-soft:oklch(95% .005 240);--brand-900:#0f2a4d;--brand-800:#1d4570;--brand-700:#406c92;--brand-600:#5e89ae;--brand-100:oklch(93% .025 245);--brand-50:oklch(97.2% .012 245);--accent-700:#a1141c;--accent-600:#c8161e;--accent-100:oklch(94% .045 25);--accent-50:oklch(97.5% .02 25);--ok-700:oklch(46% .1 155);--ok-600:oklch(56% .12 155);--ok-100:oklch(94% .04 155);--warn-700:oklch(52% .13 75);--warn-600:oklch(65% .14 75);--warn-100:oklch(94% .06 80);--danger-700:#a1141c;--danger-600:#c8161e;--danger-100:oklch(94% .05 25);--info-700:oklch(45% .1 250);--info-600:oklch(55% .12 250);--info-100:oklch(94% .035 250);--accent-copper-700:oklch(50% .13 50);--accent-copper-100:oklch(95% .04 50);--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-serif:"EB Garamond", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--t-11:11px;--t-12:12px;--t-13:13px;--t-14:14px;--t-15:15px;--t-16:16px;--t-18:18px;--t-21:21px;--t-26:26px;--t-34:34px;--t-48:48px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-loose:1.7;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-0:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--shadow-0:none;--shadow-1:0 1px 0 oklch(85% .01 240/.4);--shadow-2:0 1px 2px oklch(25% .02 240/.06), 0 0 0 1px oklch(88% .008 240/.6);--shadow-3:0 8px 24px oklch(25% .02 240/.1), 0 2px 6px oklch(25% .02 240/.06), 0 0 0 1px oklch(88% .008 240/.5);--shadow-4:0 24px 48px oklch(20% .02 240/.18), 0 4px 12px oklch(20% .02 240/.08);--shadow-focus:0 0 0 3px oklch(50% .1 250/.3);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s}.h1,h1{font-family:var(--font-sans);font-weight:600;font-size:var(--t-34);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin:0}.h2,h2{font-family:var(--font-sans);font-weight:600;font-size:var(--t-26);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--ink-900);margin:0}.h3,h3{font-family:var(--font-sans);font-weight:600;font-size:var(--t-21);line-height:var(--lh-snug);color:var(--ink-900);margin:0}.h4,h4{font-family:var(--font-sans);font-weight:600;font-size:var(--t-18);line-height:var(--lh-snug);color:var(--ink-900);margin:0}.h5{font-family:var(--font-sans);font-weight:600;font-size:var(--t-14);line-height:var(--lh-snug);color:var(--ink-800);margin:0}.eyebrow{font-family:var(--font-sans);font-weight:600;font-size:var(--t-11);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-500)}.p,p{font-family:var(--font-sans);font-weight:400;font-size:var(--t-14);line-height:var(--lh-normal);color:var(--ink-800);margin:0}.p-lead{font-size:var(--t-16);line-height:var(--lh-normal);color:var(--ink-700)}.p-small{font-size:var(--t-13);line-height:var(--lh-normal);color:var(--ink-700)}.caption{font-family:var(--font-sans);font-size:var(--t-12);line-height:var(--lh-snug);color:var(--ink-500)}.code,code,kbd,samp{font-family:var(--font-mono);letter-spacing:0;background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink-800);padding:1px 5px;font-size:.92em;font-weight:400}.code-block{font-family:var(--font-mono);font-size:var(--t-13);line-height:var(--lh-normal);background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);color:var(--ink-800);white-space:pre;overflow:auto}a,.link{color:var(--brand-700);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}a:hover,.link:hover{color:var(--brand-800);border-bottom-color:currentColor}html,body{font-family:var(--font-sans);font-size:var(--t-14);line-height:var(--lh-normal);color:var(--ink-800);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink-800);font-family:var(--font-sans);font-size:var(--t-14);-webkit-font-smoothing:antialiased;margin:0}.btn{height:32px;font:600 13px/1 var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--primary{background:var(--brand-700);color:#fff}.btn--primary:hover{background:var(--brand-800)}.btn--primary:active{background:var(--brand-900)}.btn--secondary{background:var(--surface);color:var(--ink-800);border-color:var(--line-strong)}.btn--secondary:hover{background:var(--surface-sunk)}.btn--ghost{color:var(--ink-700);background:0 0}.btn--ghost:hover{background:var(--surface-sunk);color:var(--ink-900)}.btn--danger{background:var(--surface);border-color:var(--danger-700);color:var(--danger-700)}.btn--danger:hover{background:var(--danger-100)}.btn--sm{height:26px;padding:0 10px;font-size:12px}.iconbtn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--ink-700);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover{background:var(--surface-sunk);color:var(--ink-900)}.iconbtn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.iconbtn svg{stroke-width:1.5px;width:16px;height:16px}.input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);height:34px;font:400 14px/1 var(--font-sans);color:var(--ink-900);width:100%;padding:0 10px}.input::placeholder{color:var(--ink-400)}.input:focus{border-color:var(--brand-700);box-shadow:var(--shadow-focus);outline:none}.field{flex-direction:column;gap:6px;display:flex}.field__label{font:600 11px/1 var(--font-sans);color:var(--ink-700);letter-spacing:0}.field__hint{font:400 11px/1.3 var(--font-sans);color:var(--ink-500)}.field__error{font:400 11px/1.3 var(--font-sans);color:var(--danger-700)}.pill{border-radius:var(--radius-sm);font:600 11px/1.4 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.pill__dot{background:currentColor;border-radius:999px;width:6px;height:6px}.pill--ok{background:var(--ok-100);color:var(--ok-700)}.pill--warn{background:var(--warn-100);color:var(--warn-700)}.pill--danger{background:var(--danger-100);color:var(--danger-700)}.pill--info{background:var(--info-100);color:var(--info-700)}.pill--neutral{background:var(--surface-sunk);color:var(--ink-700)}.pill--copper{background:var(--accent-copper-100);color:var(--accent-copper-700)}.pill--ok .pill__dot{background:var(--ok-600)}.pill--warn .pill__dot{background:var(--warn-600)}.pill--danger .pill__dot{background:var(--danger-600)}.pill--info .pill__dot{background:var(--info-600)}.pill--neutral .pill__dot{background:var(--ink-500)}.pill--copper .pill__dot{background:var(--accent-copper-700)}.counter{border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--ink-700);font:500 11px/1.6 var(--font-mono);white-space:nowrap;padding:1px 8px;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px}.mono{font-family:var(--font-mono)}.avatar{background:var(--brand-100);width:32px;height:32px;color:var(--brand-700);font:600 12px/1 var(--font-sans);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--muted{background:var(--surface-sunk);color:var(--ink-700)}.avatar--warn{background:var(--warn-100);color:var(--warn-700)}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brand-900);color:oklch(92% .01 215);flex-direction:column;gap:4px;padding:18px 14px;display:flex}.sidebar__brand{border-bottom:1px solid oklch(100% 0 0/.06);align-items:center;gap:10px;margin-bottom:12px;padding:6px 6px 18px;display:flex}.sidebar__brand-name{font:600 14px/1.2 var(--font-sans);color:#fff}.sidebar__brand-meta{font:400 10px/1 var(--font-mono);color:oklch(85% .02 215/.55);letter-spacing:.06em;text-transform:uppercase}.sidebar__section{font:600 10px/1 var(--font-sans);color:oklch(85% .02 215/.5);letter-spacing:.08em;text-transform:uppercase;padding:14px 8px 6px}.sidebar__item{border-radius:var(--radius-sm);color:oklch(90% .01 215/.85);font:500 13px/1 var(--font-sans);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:7px 8px;display:flex}.sidebar__item:hover{color:#fff;background:oklch(100% 0 0/.06)}.sidebar__item--active{color:#fff;background:oklch(100% 0 0/.1)}.sidebar__item svg{stroke-width:1.5px;color:oklch(90% .01 215/.7);width:16px;height:16px}.sidebar__item--active svg{color:#fff}.sidebar__bottom{border-top:1px solid oklch(100% 0 0/.06);margin-top:auto;padding-top:14px}.sidebar__user{align-items:center;gap:10px;padding:6px;display:flex}.sidebar__user-name{font:500 12px/1.3 var(--font-sans);color:#fff}.sidebar__user-meta{font:400 10px/1.3 var(--font-mono);color:oklch(85% .02 215/.55)}.main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar__crumbs{color:var(--ink-500);align-items:center;gap:6px;font-size:13px;display:flex}.topbar__crumbs strong{color:var(--ink-900);font-weight:600}.topbar__search{flex:1;max-width:360px;position:relative}.topbar__search .input{height:32px;padding-left:32px;font-size:13px}.topbar__search svg{width:14px;height:14px;color:var(--ink-400);stroke-width:1.5px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar__env{border-radius:var(--radius-sm);background:var(--surface-sunk);font:500 11px/1 var(--font-mono);color:var(--ink-700);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.topbar__env .pill__dot{background:var(--ok-600)}.page{width:100%;max-width:1440px;padding:22px 24px 40px}.page__header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page__title{flex-direction:column;gap:4px;display:flex}.page__title .eyebrow{font:600 11px/1 var(--font-sans);color:var(--ink-500);letter-spacing:.08em;text-transform:uppercase}.page__title h1{letter-spacing:-.01em;color:var(--ink-900);margin:0;font-size:26px;font-weight:600;line-height:1.2}.page__actions{align-items:center;gap:8px;display:flex}.tbl-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.tbl-toolbar{border-bottom:1px solid var(--line-soft);background:var(--surface-2);align-items:center;gap:10px;padding:10px 14px;display:flex}.tbl-toolbar .input{max-width:240px;height:28px;font-size:12px}.tbl{border-collapse:separate;border-spacing:0;width:100%}.tbl th,.tbl td{text-align:left;font:400 13px/1.4 var(--font-sans);border-bottom:1px solid var(--line-soft);padding:10px 14px}.tbl tr:last-child td{border-bottom:0}.tbl th{background:var(--surface);color:var(--ink-700);text-transform:uppercase;letter-spacing:.06em;z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}.tbl td.mono{font-family:var(--font-mono);color:var(--ink-700);font-size:12px}.tbl td.num{font-family:var(--font-mono);color:var(--ink-700);text-align:right;font-size:12px}.tbl tr.row:hover td{background:var(--surface-2);cursor:pointer}.tbl tr.row.selected td{background:var(--brand-100)}.scrim{z-index:10;background:oklch(15% .02 240/.45);position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);width:420px;box-shadow:var(--shadow-4);z-index:11;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer__title{font:600 18px/1.3 var(--font-sans);color:var(--ink-900)}.drawer__body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow:auto}.drawer__footer{border-top:1px solid var(--line-soft);gap:8px;padding:14px 20px;display:flex}.metric{flex-direction:column;gap:4px;display:flex}.metric__label{font:600 11px/1 var(--font-sans);color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase}.metric__value{font:600 28px/1 var(--font-sans);color:var(--ink-900);letter-spacing:-.01em}.metric__delta{font:500 12px/1 var(--font-mono);color:var(--ok-700)}.metric__delta.down{color:var(--danger-700)}.codeblk{font-family:var(--font-mono);background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-800);white-space:pre-wrap;padding:10px 12px;font-size:12.5px;line-height:1.6}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:var(--surface-sunk);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login{background:var(--paper);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login__panel{flex-direction:column;justify-content:center;padding:0 60px;display:flex}.login__brand{align-items:center;gap:10px;margin-bottom:36px;display:flex}.login__brand-name{font:600 14px/1 var(--font-sans);color:var(--ink-900)}.login__brand-meta{font:400 10px/1 var(--font-mono);color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.login__form{flex-direction:column;gap:14px;max-width:340px;display:flex}.login__form h1{color:var(--ink-900);letter-spacing:-.01em;margin:0;font-size:26px;font-weight:600}.login__form .sub{color:var(--ink-700);margin-bottom:6px;font-size:14px}.login__divider{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;display:flex}.login__divider:before,.login__divider:after{content:"";background:var(--line);flex:1;height:1px}.login__poster{background:var(--brand-900);color:#fff;flex-direction:column;justify-content:center;padding:0 60px;display:flex;position:relative;overflow:hidden}.login__poster-title{font:600 26px/1.25 var(--font-sans);letter-spacing:-.01em;max-width:360px}.login__poster-meta{font:400 13px/1.6 var(--font-sans);color:oklch(85% .02 215/.7);max-width:380px;margin-top:12px}.login__poster-list{font:400 13px/1 var(--font-mono);color:oklch(92% .01 215/.85);flex-direction:column;gap:10px;margin-top:22px;display:flex}.login__poster-list span{color:oklch(85% .02 215/.5);margin-right:8px}.skel{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 50%, var(--line-soft) 75%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.2s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tbl-wrap--scroll{max-height:calc(100vh - 260px);overflow:auto}