@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-vietnamese-400-normal-BF4g3tCF.woff2) format("woff2"),url(/assets/archivo-vietnamese-400-normal-FGOLYM1a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2) format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2) format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-vietnamese-600-normal-anCjMumA.woff2) format("woff2"),url(/assets/archivo-vietnamese-600-normal-C8xBVdfP.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2) format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2) format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/archivo-vietnamese-800-normal-DHDgv4cm.woff2) format("woff2"),url(/assets/archivo-vietnamese-800-normal-BKe5Z8rz.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/archivo-latin-ext-800-normal-BC6piDwP.woff2) format("woff2"),url(/assets/archivo-latin-ext-800-normal-B9NTbsU1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/archivo-latin-800-normal-cB6v3kRN.woff2) format("woff2"),url(/assets/archivo-latin-800-normal-DZa_k145.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=light]{color-scheme:light;--color-bg: #f3f5f7;--color-surface: #e7ecf1;--color-text: #16202b;--color-accent: #0b6fc2;--color-divider: color-mix(in srgb, #16202b 40%, transparent);--color-neutral-100: #f4f6f8;--color-neutral-200: #e6eaee;--color-neutral-300: #d0d6dc;--color-neutral-400: #b1b9c1;--color-neutral-500: #8f99a3;--color-neutral-600: #6f7a85;--color-neutral-700: #55606a;--color-neutral-800: #3c4650;--color-neutral-900: #28303a;--color-accent-100: #eaf4fd;--color-accent-200: #cde4f8;--color-accent-300: #9ecbf1;--color-accent-400: #5fa8e6;--color-accent-500: #2a86d4;--color-accent-600: #0a5fa8;--color-accent-700: #084b87;--color-accent-800: #063a69;--color-accent-900: #042a4c;--st-ok: #1f8a4c;--st-low: #d9a400;--st-crit: #e8700a;--st-out: #d4281c;--font-heading: "Archivo", system-ui, sans-serif;--font-heading-weight: 800;--font-body: "Archivo", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-md: 0px;--shadow-sm: 0 1px 2px color-mix(in srgb, #28303a 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #28303a 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #28303a 22%, transparent)}[data-theme=dark]{color-scheme:dark;--color-bg: #0f151b;--color-surface: #18212a;--color-text: #e8eef3;--color-accent: #3b9be8;--color-divider: color-mix(in srgb, #e8eef3 32%, transparent);--color-neutral-100: #28303a;--color-neutral-200: #3c4650;--color-neutral-300: #55606a;--color-neutral-400: #6f7a85;--color-neutral-500: #8f99a3;--color-neutral-600: #b1b9c1;--color-neutral-700: #d0d6dc;--color-neutral-800: #e6eaee;--color-neutral-900: #f4f6f8;--color-accent-100: #042a4c;--color-accent-200: #063a69;--color-accent-300: #084b87;--color-accent-400: #0a5fa8;--color-accent-500: #2a86d4;--color-accent-600: #5fa8e6;--color-accent-700: #9ecbf1;--color-accent-800: #cde4f8;--color-accent-900: #eaf4fd;--st-ok: #4cc27f;--st-low: #f0c53a;--st-crit: #f59a3f;--st-out: #f2594d;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 3px 10px rgba(0,0,0,.55);--shadow-lg: 0 12px 32px rgba(0,0,0,.65)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}html,body{overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px;letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}.muted,.text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;text-decoration:none;white-space:nowrap;flex:none;font-family:var(--font-heading);font-weight:800;font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:0;min-height:36px}.btn svg{display:block;flex:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}[data-theme=dark] .btn-primary{color:#06121d}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent-600);padding-inline:var(--space-1)}[data-theme=dark] .btn-ghost{color:var(--color-accent)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-icon{width:36px;height:36px;padding:0;justify-content:center}.btn-sm{min-height:30px;padding:4px 10px;font-size:13px}.btn-danger{color:var(--st-out)}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:0}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}.input:disabled{opacity:.6}textarea.input{min-height:80px;resize:vertical}.seg{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid var(--color-divider)}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer;white-space:nowrap;background:none;border:0;color:inherit;font-family:inherit}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt.on{background:var(--color-accent);color:var(--color-bg)}[data-theme=dark] .seg-opt.on{color:#06121d}.seg-opt:not(.on):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700)}.card-title{font-family:var(--font-heading);font-weight:800;font-size:17px;line-height:1.2}.card-body{margin:0;font-size:13px;opacity:.8;flex:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.02em;padding:3px 10px;white-space:nowrap;font-weight:600}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-neutral{background:var(--color-neutral-200);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent-700)}.tag-st{background:color-mix(in srgb,var(--c) 16%,var(--color-bg));color:var(--color-text)}.tag-st:before{content:"";width:8px;height:8px;background:var(--c);flex:none}.st-adequate{--c: var(--st-ok)}.st-low{--c: var(--st-low)}.st-critical{--c: var(--st-crit)}.st-out{--c: var(--st-out)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:2px solid var(--color-divider);white-space:nowrap}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-divider);vertical-align:middle}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.table tr.click{cursor:pointer}.table tr.sel{background:var(--color-surface)}.num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.unit{font-size:12px;margin-left:4px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.sub{display:block;font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.tbl-wrap{overflow-x:auto}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent);z-index:60;overflow-y:auto}.dialog{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-divider);box-shadow:var(--shadow-lg)}.dialog-title{font-family:var(--font-heading);font-weight:800;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.app{display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.app-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:2px solid var(--color-divider);flex-wrap:wrap;min-height:60px}.brand{display:flex;align-items:center;gap:var(--space-3);margin-right:auto;min-width:0}.brand-logo{height:40px;width:auto;background:#fff;padding:2px 6px;flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text b{font-family:var(--font-heading);font-weight:800;font-size:17px}.brand-text span{font-size:11px}.hdr-field{display:flex;align-items:center;gap:var(--space-2)}.hdr-field select{width:auto;max-width:240px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--color-text);color:var(--color-bg);font-weight:800;font-size:13px;flex:none}.body{display:flex;flex:1;min-height:0}.side{width:232px;border-right:2px solid var(--color-divider);padding:var(--space-3) 0;display:flex;flex-direction:column;overflow-y:auto;flex:none;transition:width .15s}.side.collapsed{width:64px}.side-foot{margin-top:auto;padding:var(--space-3) var(--space-4);font-size:11px}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:10px var(--space-4);border:0;background:none;color:var(--color-text);font:inherit;font-size:14px;cursor:pointer;text-align:left;white-space:nowrap;position:relative}.nav-item:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.nav-item.active{background:var(--color-surface);color:var(--color-accent-700);font-weight:600;box-shadow:inset 3px 0 0 var(--color-accent)}.nav-item .nav-label{flex:1}.nav-item .tag{padding:1px 7px}.side.collapsed .nav-label,.side.collapsed .nav-item .tag,.side.collapsed .side-foot{display:none}.main{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}.page-head{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-6) var(--space-8);border-bottom:2px solid var(--color-divider)}.page-head .titles{margin-right:auto;min-width:0}.page-head h2{margin:0}.page-head h6{margin-bottom:var(--space-1);color:color-mix(in srgb,var(--color-text) 55%,transparent)}.actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.section{padding:var(--space-6) var(--space-8)}.section+.section{border-top:1px solid var(--color-divider)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.section-head h4{margin:0}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}.cols>.section{border-top:0}.cols>.section+.section{border-left:1px solid var(--color-divider)}@media (max-width: 900px){.cols>.section+.section{border-left:0;border-top:1px solid var(--color-divider)}}.filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-divider)}.filters .input{width:auto}.filters .count{margin-left:auto;font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:2px solid var(--color-divider)}.kpi{text-align:left;font:inherit;color:inherit;background:none;border:0;border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding:var(--space-4) var(--space-8) var(--space-6);cursor:pointer}.kpi:hover{background:var(--color-surface)}.kpi .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.kpi .v{font-family:var(--font-heading);font-weight:800;font-size:34px;line-height:1.15;font-variant-numeric:tabular-nums}.kpi .s{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.kpi .v.hot{color:var(--color-accent-700)}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);max-width:1100px}.form-grid .full{grid-column:1 / -1}.dialog .form-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 520px){.dialog .form-grid{grid-template-columns:1fr}}.summary{background:var(--color-surface);padding:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:6px var(--space-4);font-size:13px;margin-bottom:var(--space-4)}.summary dt{font-size:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.summary dd{margin:0;font-weight:600}.err{font-size:12px;color:var(--st-out);font-weight:600;margin:var(--space-2) 0 0}[data-theme=light] .err{color:#b3180d}.ok-note{font-size:12px;color:var(--st-ok);font-weight:600}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-sb{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.empty{padding:var(--space-6) var(--space-2);color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:14px}.badge-dot{background:var(--st-out);color:#fff;font-size:10px;min-width:16px;height:16px;display:inline-grid;place-items:center;padding:0 4px;font-weight:800}.bars{display:flex;flex-direction:column;gap:var(--space-2)}.bar-row{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 96px;gap:var(--space-3);align-items:center;font-size:13px}.bar-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:18px;background:var(--color-surface)}.bar-fill{height:100%;background:var(--color-accent);min-width:2px}.bar-fill.ink{background:var(--color-text)}.bar-val{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.status-strip{display:flex;height:26px;overflow:hidden;margin-bottom:var(--space-3)}.status-strip>div{display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;min-width:0}.legend{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:12px}.legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:color-mix(in srgb,var(--color-text) 60%,transparent);font-size:10px;font-family:var(--font-body)}.chart .axis{stroke:var(--color-divider);stroke-width:1}.chart .grid{stroke:color-mix(in srgb,var(--color-text) 12%,transparent);stroke-width:1}.chart .recv{fill:var(--color-accent)}.chart .iss{fill:var(--color-text)}.summary-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:2px solid var(--color-divider)}.summary-cells>div{padding:var(--space-3) var(--space-4) var(--space-3) 0}.summary-cells .l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.summary-cells .v{font-family:var(--font-heading);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-neutral-900) 35%,transparent);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--color-bg);box-shadow:var(--shadow-lg);z-index:50;overflow-y:auto;border-left:2px solid var(--color-divider)}.drawer-head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:2px solid var(--color-divider)}.drawer-head>div:first-child{flex:1;min-width:0}.drawer-body{padding:var(--space-4) var(--space-6) var(--space-8)}.drawer-body h5{margin:var(--space-4) 0 var(--space-2)}.toast{position:fixed;bottom:var(--space-6);left:var(--space-6);z-index:80;background:var(--color-text);color:var(--color-bg);padding:12px 16px;font-size:14px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 48px)}.toast:before{content:"";width:8px;height:8px;background:var(--color-accent);flex:none}.toast.error:before{background:var(--st-out)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-divider);font-size:13px;flex-wrap:wrap}.banner.warn{box-shadow:inset 4px 0 0 var(--st-crit)}.notif-pop{position:absolute;right:0;top:44px;width:min(380px,92vw);max-height:70vh;overflow-y:auto;background:var(--color-bg);border:2px solid var(--color-divider);box-shadow:var(--shadow-lg);z-index:55}.notif-pop .n{padding:10px 14px;border-bottom:1px solid var(--color-divider);font-size:13px}.notif-pop .n.unread{background:var(--color-surface)}.notif-pop .n b{display:block;font-size:13px}.login{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--color-bg)}.login-art{background:var(--color-accent-800);color:#fff;padding:var(--space-8);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-4);position:relative;overflow:hidden}.login-art h1{font-size:44px;max-width:14ch;margin:0}.login-art p{max-width:38ch;opacity:.85;margin:0}.login-art .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px}.login-art>*{position:relative}.login-form{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);max-width:460px;width:100%;margin:0 auto}.login-form .brand-logo{height:56px;align-self:flex-start;background:#fff}@media (max-width: 800px){.login{grid-template-columns:1fr}.login-art{display:none}}.mobile-bar{display:none}.pending-chip{display:inline-flex;gap:6px;align-items:center}@media (max-width: 760px){.side{position:fixed;z-index:45;top:0;bottom:0;left:0;background:var(--color-bg);width:min(280px,86vw)!important;transform:translate(-100%);transition:transform .18s;box-shadow:var(--shadow-lg)}.side.open{transform:none}.side.collapsed .nav-label,.side.collapsed .nav-item .tag{display:initial}.page-head,.section,.filters,.banner{padding-left:var(--space-4);padding-right:var(--space-4)}.page-head{padding-top:var(--space-4);padding-bottom:var(--space-4)}.page-head h2{font-size:26px}.kpi{padding:var(--space-3) var(--space-4) var(--space-4)}.kpi .v{font-size:28px}.app-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.hdr-field>span,.brand-text span,.user-meta{display:none!important}.hdr-field{flex:1;min-width:0}.hdr-field select{max-width:none;width:100%;min-width:0}.brand{margin-right:0;flex:none}.brand-text{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo{height:32px}.main{padding-bottom:60px}.mobile-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--color-bg);border-top:2px solid var(--color-divider);padding-bottom:env(safe-area-inset-bottom)}.mobile-bar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:11px;background:none;border:0;color:var(--color-text);font-family:inherit;position:relative}.mobile-bar button.active{color:var(--color-accent-700);font-weight:600}.toast{bottom:72px;left:var(--space-3)}.bar-row{grid-template-columns:minmax(0,96px) minmax(0,1fr) 70px}}@media print{html,body{overflow:visible;height:auto}.app-header,.side,.mobile-bar,.no-print,.banner,.toast{display:none!important}.app,.body,.main{display:block;height:auto;overflow:visible}.section,.page-head{padding-left:0;padding-right:0}.tbl-wrap{overflow:visible}body{background:#fff;color:#000;font-size:11px}.table{font-size:10px}}.track{display:flex;width:100%}.track .stp{flex:1;position:relative;padding-top:20px;text-align:center;font-size:11px;line-height:1.25;color:var(--color-neutral-600);min-width:0}.track .stp:before{content:"";position:absolute;top:5px;left:0;right:0;height:3px;background:var(--color-neutral-300)}.track .stp:after{content:"";position:absolute;top:0;left:50%;width:13px;height:13px;margin-left:-6px;background:var(--color-bg);border:2px solid var(--color-neutral-400)}.track .stp.done:before{background:var(--st-ok)}.track .stp.done:after{background:var(--st-ok);border-color:var(--st-ok)}.track .stp.now{color:var(--color-text);font-weight:700}.track .stp.now:after{background:var(--color-accent);border-color:var(--color-accent)}.track .stp.late:after{background:var(--st-out);border-color:var(--st-out)}.track .stp small{display:block;font-weight:400;color:var(--color-neutral-600)}.track.stopped .stp{opacity:.55}.mini{display:inline-flex;gap:2px;vertical-align:middle}.mini i{width:11px;height:6px;background:var(--color-neutral-300)}.mini i.done{background:var(--st-ok)}.mini i.now{background:var(--color-accent)}.mini i.late{background:var(--st-out)}.tl{list-style:none;margin:0;padding:0 0 0 10px;border-left:2px solid var(--color-divider)}.tl li{position:relative;padding:0 0 12px 14px;font-size:13px}.tl li:before{content:"";position:absolute;left:-16px;top:4px;width:10px;height:10px;background:var(--color-accent)}.tl li.esc:before{background:var(--st-crit)}.tl li.pay:before{background:var(--st-ok)}.tl .gap{color:var(--color-neutral-600);font-size:11px}.esc-box{border:1px solid var(--st-crit);box-shadow:inset 4px 0 0 var(--st-crit);padding:10px 12px 10px 16px;font-size:13px;display:grid;gap:4px}.tag-esc{background:color-mix(in srgb,var(--st-crit) 20%,var(--color-bg));color:var(--color-text);border:1px solid var(--st-crit)}.late-txt{color:var(--st-out);font-weight:700}.pipe{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border:1px solid var(--color-divider)}.pipe button{background:none;border:0;border-left:1px solid var(--color-divider);padding:10px 8px;text-align:left;font:inherit;color:inherit;cursor:pointer;display:grid;gap:2px}.pipe button:first-child{border-left:0}.pipe button:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.pipe .who{font-size:11px;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.04em}.pipe .cnt{font-size:24px;font-weight:800;line-height:1}.pipe .sub2{font-size:11px;color:var(--color-neutral-600)}@media (max-width: 760px){.pipe{grid-template-columns:repeat(2,minmax(0,1fr))}.pipe button{border-top:1px solid var(--color-divider)}.track .stp{font-size:9px}}