:root{--red-400:#FF3D51;--red-500:#E8192C;--red-600:#C20F22;--red-700:#A60C1C;--navy-700:#16294A;--navy-800:#0F1D33;--navy-900:#0A1424;--n-0:#FFFFFF;--n-25:#F7F7F9;--n-50:#EFEFF2;--n-100:#E2E2E7;--n-200:#C9C8CF;--n-300:#A9A7B0;--n-400:#8A8792;--n-500:#6E6B77;--n-600:#5B5963;--n-700:#3C3A44;--n-750:#2A2730;--n-800:#1C1A20;--n-850:#151317;--n-900:#100E12;--n-950:#0A090C;--rs:1;--dsp:1;--r-xs:calc(3px*var(--rs));--r-sm:calc(5px*var(--rs));--r-md:calc(8px*var(--rs));--r-lg:calc(12px*var(--rs));--r-xl:calc(16px*var(--rs));--r-2xl:calc(22px*var(--rs));--r-pill:999px;--sp-1:calc(4px*var(--dsp));--sp-2:calc(8px*var(--dsp));--sp-3:calc(12px*var(--dsp));--sp-4:calc(16px*var(--dsp));--sp-5:calc(20px*var(--dsp));--sp-6:calc(24px*var(--dsp));--sp-8:calc(32px*var(--dsp));--sp-10:calc(40px*var(--dsp));--sp-12:calc(48px*var(--dsp));--sp-16:calc(64px*var(--dsp));--ctrl-h:36px;--ctrl-h-sm:28px;--ctrl-h-lg:44px;--ctrl-px:14px;--font-display:"Chakra Petch",system-ui,sans-serif;--font-text:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"Chakra Petch",ui-monospace,monospace;--fs-display:44px;--lh-display:1.04;--fs-h1:32px;--fs-h2:25px;--fs-h3:19px;--fs-h4:16px;--fs-body:14px;--fs-sm:13px;--fs-xs:12px;--fs-2xs:11px;--tracking-kick:.28em;--tracking-label:.14em;--ease:cubic-bezier(.3,.7,.4,1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--z-sticky:50;--z-drawer:200;--z-modal:300;--z-toast:400;--z-tooltip:500}:root[data-density=compact]{--dsp:.82;--ctrl-h:30px;--ctrl-h-sm:24px;--ctrl-h-lg:38px;--ctrl-px:11px}:root[data-density=comfortable]{--dsp:1.18;--ctrl-h:42px;--ctrl-h-sm:32px;--ctrl-h-lg:50px;--ctrl-px:18px}:root,:root[data-theme=dark]{color-scheme:dark;--canvas:#0C0B0F;--surface:#151317;--surface-2:#1C1A20;--surface-3:#24222B;--surface-inset:#100E12;--border:#29262F;--border-2:#322F39;--border-strong:#3C3A44;--text:#EDEDF1;--text-2:#B7B4BE;--text-3:#8A8792;--text-disabled:#5B5963;--text-on-accent:#FFFFFF;--accent:#E8192C;--accent-hover:#FF2E40;--accent-press:#C20F22;--accent-fg:#FFFFFF;--accent-tint:rgba(232,25,44,.16);--accent-tint-2:rgba(232,25,44,.28);--ring:rgba(232,25,44,.45);--success:#2FBF71;--success-fg:#0C0B0F;--success-tint:rgba(47,191,113,.16);--warning:#F2B23E;--warning-fg:#0C0B0F;--warning-tint:rgba(242,178,62,.16);--danger:#FF4D5E;--danger-fg:#0C0B0F;--danger-tint:rgba(255,77,94,.16);--info:#4D8BFF;--info-fg:#0C0B0F;--info-tint:rgba(77,139,255,.16);--offline:#7A7783;--offline-tint:rgba(122,119,131,.18);--c1:#E8192C;--c2:#4D8BFF;--c3:#18C2A6;--c4:#F2B23E;--c5:#A07BFF;--c6:#8A8792;--grid-line:rgba(255,255,255,.07);--sh-1:0 1px 2px rgba(0,0,0,.5);--sh-2:0 6px 18px rgba(0,0,0,.45);--sh-3:0 18px 48px rgba(0,0,0,.55);--logo-h:url(/logos/argos-horizontal-escuro.png);--logo-sym:url(/logos/argos-simbolo-escuro.png);--logo-lockup:url(/logos/argos-lockup-escuro.png);--logo-word:url(/logos/argos-wordmark-escuro.png)}:root[data-theme=light]{color-scheme:light;--canvas:#EFEFF2;--surface:#FFFFFF;--surface-2:#F7F7F9;--surface-3:#FFFFFF;--surface-inset:#F2F2F5;--border:#E2E2E7;--border-2:#D8D8DE;--border-strong:#C9C8CF;--text:#0F1D33;--text-2:#5B5963;--text-3:#8A8792;--text-disabled:#A9A7B0;--text-on-accent:#FFFFFF;--accent:#E8192C;--accent-hover:#C20F22;--accent-press:#A60C1C;--accent-fg:#FFFFFF;--accent-tint:rgba(232,25,44,.1);--accent-tint-2:rgba(232,25,44,.18);--ring:rgba(232,25,44,.35);--success:#1A8F4E;--success-fg:#FFFFFF;--success-tint:rgba(26,143,78,.12);--warning:#9A6200;--warning-fg:#FFFFFF;--warning-tint:rgba(232,146,15,.14);--danger:#D11427;--danger-fg:#FFFFFF;--danger-tint:rgba(209,20,39,.1);--info:#2E6BE6;--info-fg:#FFFFFF;--info-tint:rgba(46,107,230,.1);--offline:#8A8792;--offline-tint:rgba(138,135,146,.14);--c1:#E8192C;--c2:#2E6BE6;--c3:#0E9E88;--c4:#E8920F;--c5:#7A52D6;--c6:#A9A7B0;--grid-line:rgba(15,29,51,.08);--sh-1:0 1px 2px rgba(15,29,51,.07);--sh-2:0 8px 24px rgba(15,29,51,.1);--sh-3:0 18px 50px rgba(15,29,51,.16);--logo-h:url(/logos/argos-horizontal-claro.png);--logo-sym:url(/logos/argos-simbolo-claro.png);--logo-lockup:url(/logos/argos-lockup-claro.png);--logo-word:url(/logos/argos-wordmark-claro.png)}:root[data-accent=subtle]{--accent-tint:rgba(232,25,44,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--text);font-family:var(--font-text);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}::selection{background:var(--accent-tint-2)}a{color:inherit}.ds-display{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:.005em;margin:0}.ds-h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);line-height:1.08;margin:0}.ds-h2{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2);line-height:1.12;margin:0}.ds-h3{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);line-height:1.2;margin:0}.ds-h4{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h4);line-height:1.3;margin:0}.ds-body{font-size:var(--fs-body);line-height:1.6;color:var(--text-2);margin:0}.ds-sm{font-size:var(--fs-sm);color:var(--text-2)}.ds-muted{color:var(--text-3)}.ds-kicker{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2xs);letter-spacing:var(--tracking-kick);text-transform:uppercase;color:var(--accent);margin:0}.ds-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}.ds-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ds-metric{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.btn{--_bg:var(--surface-2);--_fg:var(--text);--_bd:var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--ctrl-h);padding:0 var(--ctrl-px);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);letter-spacing:.01em;line-height:1;white-space:nowrap;border:1px solid var(--_bd);border-radius:var(--r-md);background:var(--_bg);color:var(--_fg);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn svg{width:1.05em;height:1.05em;flex:none}.btn-primary{--_bg:var(--accent);--_fg:var(--accent-fg);--_bd:transparent;box-shadow:var(--sh-1)}.btn-primary:hover{--_bg:var(--accent-hover)}.btn-primary:active{--_bg:var(--accent-press)}.btn-secondary{--_bg:var(--surface-2);--_fg:var(--text);--_bd:var(--border-strong)}.btn-secondary:hover{--_bg:var(--surface-3);border-color:var(--text-3)}.btn-ghost{--_bg:transparent;--_fg:var(--text-2);--_bd:transparent}.btn-ghost:hover{--_bg:var(--surface-2);--_fg:var(--text)}.btn-outline{--_bg:transparent;--_fg:var(--accent);--_bd:var(--accent)}.btn-outline:hover{--_bg:var(--accent-tint)}.btn-danger{--_bg:transparent;--_fg:var(--danger);--_bd:color-mix(in srgb,var(--danger) 50%,transparent)}.btn-danger:hover{--_bg:var(--danger-tint)}.btn-sm{height:var(--ctrl-h-sm);padding:0 calc(var(--ctrl-px) - 3px);font-size:var(--fs-xs)}.btn-lg{height:var(--ctrl-h-lg);padding:0 calc(var(--ctrl-px) + 6px);font-size:var(--fs-body)}.btn-icon{width:var(--ctrl-h);padding:0}.btn-icon.btn-sm{width:var(--ctrl-h-sm)}.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-block{display:flex;width:100%}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field>.ds-label{color:var(--text-2)}.field-hint{font-size:var(--fs-xs);color:var(--text-3)}.field-hint.is-error{color:var(--danger)}.input,.textarea,.select{width:100%;height:var(--ctrl-h);padding:0 var(--ctrl-px);font-family:var(--font-text);font-size:var(--fs-body);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease);outline:none}.textarea{height:auto;min-height:88px;padding:var(--sp-3) var(--ctrl-px);resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--text-disabled);opacity:1}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-inset);color:var(--text-disabled);cursor:not-allowed}.input.is-error,.textarea.is-error{border-color:var(--danger)}.input.is-error:focus{box-shadow:0 0 0 3px var(--danger-tint)}.select{appearance:none;padding-right:calc(var(--ctrl-px) + 18px);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%238A8792' d='M1 1l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right var(--ctrl-px) center}.input-group{display:flex;align-items:center;gap:var(--sp-2);height:var(--ctrl-h);padding:0 var(--ctrl-px);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input-group svg{width:16px;height:16px;color:var(--text-3);flex:none}.input-group input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-family:var(--font-text);font-size:var(--fs-body);height:100%}.input-group input::placeholder{color:var(--text-disabled);opacity:1}.check{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-sm);color:var(--text)}.check input{position:absolute;opacity:0;width:0;height:0}.check .box{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--r-xs);background:var(--surface);display:grid;place-items:center;transition:all var(--dur-1) var(--ease);flex:none}.check .box.round{border-radius:50%}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box:after{content:"";width:10px;height:10px}.check .box svg{width:12px;height:12px;color:var(--accent-fg);opacity:0;transition:opacity var(--dur-1)}.check input:checked+.box svg{opacity:1}.check .box.round:after{display:none}.check input:checked+.box.round{background:var(--surface);border-color:var(--accent)}.check input:checked+.box.round i{width:9px;height:9px;border-radius:50%;background:var(--accent)}.check input:focus-visible+.box{box-shadow:0 0 0 3px var(--ring)}.switch{position:relative;display:inline-block;width:40px;height:23px;cursor:pointer;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;inset:0;background:var(--border-strong);border-radius:var(--r-pill);transition:background var(--dur-2) var(--ease)}.switch .thumb{position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform var(--dur-2) var(--ease)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track+.thumb{transform:translate(17px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px var(--ring)}.segmented{display:inline-flex;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);gap:2px}.segmented button{appearance:none;border:0;background:transparent;color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:var(--fs-xs);padding:0 var(--sp-3);height:calc(var(--ctrl-h) - 8px);border-radius:calc(var(--r-md) - 3px);cursor:pointer;transition:all var(--dur-1) var(--ease)}.segmented button:hover{color:var(--text)}.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-1)}.range{appearance:none;-webkit-appearance:none;width:100%;height:5px;border-radius:var(--r-pill);background:var(--surface-3);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:var(--sh-1);cursor:pointer}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-pad{padding:var(--sp-5)}.card-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.card-bd{padding:var(--sp-5)}.card-ft{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3)}.card-hover{transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);cursor:pointer}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--sh-2);transform:translateY(-2px)}.surface-2{background:var(--surface-2)}.divider{height:1px;background:var(--border);border:0;margin:0}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);height:22px;padding:0 var(--sp-3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-2xs);letter-spacing:.04em;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap}.badge svg{width:12px;height:12px}.badge-accent{background:var(--accent-tint);color:var(--accent);border-color:transparent}.badge-success{background:var(--success-tint);color:var(--success);border-color:transparent}.badge-warning{background:var(--warning-tint);color:var(--warning);border-color:transparent}.badge-danger{background:var(--danger-tint);color:var(--danger);border-color:transparent}.badge-info{background:var(--info-tint);color:var(--info);border-color:transparent}.badge-solid{background:var(--accent);color:var(--accent-fg);border-color:transparent}.status{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex:none;position:relative}.dot-online{background:var(--success)}.dot-warning{background:var(--warning)}.dot-danger{background:var(--danger)}.dot-info{background:var(--info)}.dot-offline{background:var(--offline)}.dot.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.5;animation:dotpulse 1.8s var(--ease) infinite}@keyframes dotpulse{0%{transform:scale(.7);opacity:.55}70%{transform:scale(2.1);opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.dot.pulse:after{animation:none}}.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--sp-2) 0 var(--sp-3);font-size:var(--fs-xs);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm)}.tag button{appearance:none;border:0;background:transparent;color:var(--text-3);cursor:pointer;display:grid;place-items:center;width:14px;height:14px;border-radius:3px}.tag button:hover{background:var(--surface-3);color:var(--text)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data thead th{text-align:left;font-family:var(--font-display);font-weight:600;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}table.data tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr{transition:background var(--dur-1) var(--ease)}table.data tbody tr:hover{background:var(--surface-2)}table.data td .strong{color:var(--text);font-weight:600}table.data .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:5px}.th-sort svg{width:11px;height:11px;opacity:.6}.sidebar{display:flex;flex-direction:column;gap:var(--sp-1);width:248px;padding:var(--sp-4);background:var(--surface);border-right:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text-2);font-weight:500;font-size:var(--fs-sm);cursor:pointer;text-decoration:none;position:relative;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.nav-item svg{width:18px;height:18px;flex:none}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-tint);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-var(--sp-4);left:calc(-1*var(--sp-4));top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item .count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-3);background:var(--surface-2);padding:1px 7px;border-radius:var(--r-pill)}.nav-section{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:var(--sp-4) var(--sp-3) var(--sp-2)}.topbar{display:flex;align-items:center;gap:var(--sp-4);height:60px;padding:0 var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border)}.topbar .logo{height:26px;width:120px;background:var(--logo-h) left center/contain no-repeat;flex:none}.brand-sym{height:30px;width:30px;background:var(--logo-sym) center/contain no-repeat;flex:none}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border)}.tab{appearance:none;border:0;background:transparent;color:var(--text-3);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4);cursor:pointer;position:relative;transition:color var(--dur-1) var(--ease)}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.crumbs{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-3)}.crumbs a{color:var(--text-3);text-decoration:none}.crumbs a:hover{color:var(--text)}.crumbs .sep{opacity:.5}.crumbs .here{color:var(--text);font-weight:500}.pager{display:inline-flex;gap:2px}.pager button{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-xs);cursor:pointer;border-radius:var(--r-sm);transition:all var(--dur-1) var(--ease)}.pager button:hover{border-color:var(--border-strong);color:var(--text)}.pager button[aria-current=true]{background:var(--accent);border-color:transparent;color:var(--accent-fg)}.kpi{display:flex;flex-direction:column;gap:var(--sp-2)}.kpi .k-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.kpi .k-ico{width:34px;height:34px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-tint);color:var(--accent)}.kpi .k-ico svg{width:18px;height:18px}.kpi .k-val{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}.kpi .k-val small{font-size:15px;color:var(--text-3);font-weight:600;margin-left:2px}.kpi .k-lbl{font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-display);font-weight:600}.trend{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600}.trend svg{width:12px;height:12px}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.trend.flat{color:var(--text-3)}.spark{display:block;width:100%;height:auto}.barmeter{height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.barmeter>i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.barmeter.success>i{background:var(--success)}.barmeter.warning>i{background:var(--warning)}.barmeter.danger>i{background:var(--danger)}.scrim{position:fixed;inset:0;background:#08070a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-drawer)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-modal) + 1);width:min(520px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-3);overflow:hidden}.modal-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-5) var(--sp-3)}.modal-bd{padding:0 var(--sp-5) var(--sp-5);color:var(--text-2)}.modal-ft{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);background:var(--surface-2)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-drawer) + 1);width:min(420px,90vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--sh-3);display:flex;flex-direction:column;transition:right var(--dur-2) var(--ease)}.drawer.drawer-shift-left{right:min(480px,92vw)}.drawer-hd{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);border-bottom:1px solid var(--border)}.drawer-bd{padding:var(--sp-5);overflow:auto;flex:1}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);width:340px;padding:var(--sp-4);background:var(--surface-3);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--sh-3)}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast .t-ico{width:20px;height:20px;flex:none;color:var(--accent)}.toast.success .t-ico{color:var(--success)}.toast.warning .t-ico{color:var(--warning)}.toast.danger .t-ico{color:var(--danger)}.toast .t-title{font-weight:600;color:var(--text);font-size:var(--fs-sm)}.toast .t-msg{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.tooltip{position:relative;display:inline-flex}.tooltip .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--n-850);color:#ededf1;font-size:var(--fs-xs);padding:6px 10px;border-radius:var(--r-sm);white-space:nowrap;box-shadow:var(--sh-2);opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease);border:1px solid var(--border-strong)}.tooltip .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--n-850)}.tooltip:hover .tip{opacity:1}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.alert .a-ico{width:20px;height:20px;flex:none}.alert-info{background:var(--info-tint);border-color:transparent}.alert-info .a-ico{color:var(--info)}.alert-success{background:var(--success-tint);border-color:transparent}.alert-success .a-ico{color:var(--success)}.alert-warning{background:var(--warning-tint);border-color:transparent}.alert-warning .a-ico{color:var(--warning)}.alert-danger{background:var(--danger-tint);border-color:transparent}.alert-danger .a-ico{color:var(--danger)}.alert .a-title{font-weight:600;color:var(--text);font-size:var(--fs-sm)}.alert .a-msg{font-size:var(--fs-sm);color:var(--text-2);margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);border:1px solid var(--border);overflow:hidden}.avatar.accent{background:var(--accent-tint);color:var(--accent);border-color:transparent}.progress{height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);border-radius:inherit}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skel 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}html,body,#root{height:100%}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);margin:0;letter-spacing:.005em}a{text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}.app{display:grid;grid-template-columns:248px 1fr;grid-template-rows:60px 1fr;min-height:100vh}.app>.topbar{grid-column:1 / -1}.app>.sidebar{grid-row:2;height:calc(100vh - 60px);overflow:auto}.app>.main{grid-row:2;min-width:0;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow:auto;padding:28px 36px 60px}.topbar .brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.topbar .brand-eye{width:48px;height:48px;background:var(--logo-sym) center/contain no-repeat;flex:none}.topbar .brand-word{width:158px;height:24px;background:var(--logo-word) left center/contain no-repeat;flex:none}.topbar .spacer{flex:1}.topbar .userbox{display:flex;align-items:center;gap:var(--sp-3)}.topbar .userbox .id{text-align:right;line-height:1.2;min-width:0}.topbar .userbox .id .nm{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.topbar .userbox .id .em{font-size:var(--fs-2xs);color:var(--text-3)}.sidebar .side-foot{margin-top:auto;padding:var(--sp-4) var(--sp-3) var(--sp-2);font-size:var(--fs-2xs);color:var(--text-3)}.page-head{margin:2px 0 22px}.page-head h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);line-height:1.08;color:var(--text);margin:0}.page-head p{margin:6px 0 0;color:var(--text-2);font-size:var(--fs-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:18px}.muted{color:var(--text-3)}.text-2{color:var(--text-2)}.table-scroll-x .table-wrap{overflow-x:auto}.table-scroll-x table.data td{white-space:nowrap}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kicker{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-kick);text-transform:uppercase;font-size:var(--fs-2xs);color:var(--accent)}.empty{text-align:center;color:var(--text-3);padding:var(--sp-8) var(--sp-5)}.table-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pagerbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2)}.pagerbar .ctrls{display:flex;align-items:center;gap:var(--sp-2)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(1200px 600px at 50% -10%,var(--accent-tint),transparent),var(--canvas)}.auth-card{width:400px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-3);padding:var(--sp-8)}.auth-brand{display:flex;justify-content:center;margin-bottom:var(--sp-6)}.auth-brand .logo{height:128px;width:168px;background:var(--logo-lockup) center/contain no-repeat}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-3);font-size:var(--fs-xs);margin:var(--sp-4) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.drawer-ft{display:flex;gap:var(--sp-3);justify-content:flex-end;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.toast-stack{position:fixed;bottom:var(--sp-5);right:var(--sp-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2)}@media(max-width:760px){.app{grid-template-columns:1fr}.app>.sidebar{display:none}.content{padding:20px}}