@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/be-vietnam-pro-400-vietnamese-SOx6iaFb.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/be-vietnam-pro-400-latin-ext-C4Y8D8Ap.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/be-vietnam-pro-400-latin-OEyTajQY.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/be-vietnam-pro-500-vietnamese-D3pY20Dx.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/be-vietnam-pro-500-latin-ext-D9Mxtggg.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/be-vietnam-pro-500-latin-BcWytNOG.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/be-vietnam-pro-600-vietnamese-DbGrrtCq.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/be-vietnam-pro-600-latin-ext-BKiYkgig.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/be-vietnam-pro-600-latin-xAC4kEK0.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/be-vietnam-pro-700-vietnamese-DptIoWwl.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/be-vietnam-pro-700-latin-ext-CI8xL9vt.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/be-vietnam-pro-700-latin-CPfR8Jz_.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/be-vietnam-pro-800-vietnamese-BEUwTqXl.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/be-vietnam-pro-800-latin-ext-CuRTcTDh.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/be-vietnam-pro-800-latin-B5VTH9An.woff2) format("woff2");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{--navy: #0B2E59;--navy-light: #164073;--blue: #1467C8;--blue-hover: #0F55A8;--blue-soft: #F1F7FC;--blue-glow: rgba(20, 103, 200, .15);--ink: #1E293B;--muted: #64748B;--line: #E2E8F0;--bg: #F8FAFC;--card: #FFFFFF;--ok: #10B981;--ok-bg: #ECFDF5;--warn: #F59E0B;--warn-bg: #FFFBEB;--block: #EF4444;--block-bg: #FEF2F2;--radius: 12px;--radius-sm: 8px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(11, 46, 89, .03), 0 2px 4px -1px rgba(11, 46, 89, .02), 0 1px 3px rgba(0,0,0,.01);--shadow-lg: 0 10px 25px -5px rgba(11, 46, 89, .06), 0 8px 10px -6px rgba(11, 46, 89, .04);--shadow-card-hover: 0 20px 25px -5px rgba(11, 46, 89, .08), 0 10px 10px -5px rgba(11, 46, 89, .06)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;min-height:100vh}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:260px;background:linear-gradient(180deg,var(--navy) 0%,#061A33 100%);color:#c9d8ec;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px #0b2e5926;z-index:45;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logo{position:relative;padding:26px 16px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.logo b{color:#fff;font-size:18px;letter-spacing:.5px;font-weight:700;background:linear-gradient(90deg,#fff,#bfe3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo span{display:block;font-size:11px;color:#8fb0d6;margin-top:4px;font-weight:500}.nav{padding:16px 12px;flex:1;overflow-y:auto}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#6e8fb5;padding:12px 14px 6px;font-weight:700}.nav a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:#c9d8ec;text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer;margin-bottom:4px;transition:var(--transition)}.nav a:hover{background:#ffffff0f;color:#fff;transform:translate(4px)}.nav a.active{background:linear-gradient(90deg,var(--blue) 0%,#1d72db 100%);color:#fff;font-weight:600;box-shadow:0 4px 12px #1467c840}.nav a:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.nav .ic{width:20px;display:inline-flex;align-items:center;justify-content:center;opacity:.9;flex-shrink:0}.sidebar-foot{padding:0 12px 14px}.env{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:11.5px;line-height:1.5;color:#a3bfde}.env b{color:#fff}.env-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.env-sub{width:100%;font-size:11px;color:#8fb0d6}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--line);padding:16px 28px;position:sticky;top:0;z-index:40;box-shadow:0 1px 2px #00000003}.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.crumb{font-size:13.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px;min-width:0}.crumb b{color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.who{display:flex;align-items:center;gap:12px;flex-shrink:0}.who-id{display:flex;flex-direction:column;align-items:flex-end;line-height:1.35}.who-name{font-size:13.5px;font-weight:700;color:var(--ink)}.who-role{font-size:11.5px;color:var(--blue);font-weight:600}.btn.icon-only{padding:8px;width:34px;height:34px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,#1D72DB 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13.5px;box-shadow:0 2px 8px #1467c833;cursor:pointer;transition:var(--transition)}.avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #1467c859}.content{padding:28px;width:100%}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden;background:var(--card)}.kpi:after{content:"";position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--kpi-glow, rgba(20, 103, 200, .1)) 0%,transparent 70%);pointer-events:none}.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.kpi-ic{width:46px;height:46px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--kpi-chip, linear-gradient(135deg, var(--blue) 0%, #1d72db 100%));box-shadow:0 6px 14px var(--kpi-shadow, rgba(20, 103, 200, .35))}.kpi.kpi-blue{--kpi-chip: linear-gradient(135deg, #1467c8 0%, #38bdf8 100%);--kpi-shadow: rgba(20, 103, 200, .35);--kpi-glow: rgba(20, 103, 200, .12);background:linear-gradient(135deg,#f3f9ff,#fff 55%);border-color:#1467c82e}.kpi.kpi-green{--kpi-chip: linear-gradient(135deg, #059669 0%, #34d399 100%);--kpi-shadow: rgba(5, 150, 105, .35);--kpi-glow: rgba(5, 150, 105, .12);background:linear-gradient(135deg,#f1fdf7,#fff 55%);border-color:#0596692e}.kpi.kpi-orange{--kpi-chip: linear-gradient(135deg, #d97706 0%, #fbbf24 100%);--kpi-shadow: rgba(217, 119, 6, .35);--kpi-glow: rgba(217, 119, 6, .12);background:linear-gradient(135deg,#fffaf0,#fff 55%);border-color:#d977062e}.kpi.kpi-violet{--kpi-chip: linear-gradient(135deg, #5b4bc4 0%, #8b7bf0 100%);--kpi-shadow: rgba(91, 75, 196, .35);--kpi-glow: rgba(91, 75, 196, .12);background:linear-gradient(135deg,#f7f5ff,#fff 55%);border-color:#5b4bc42e}.kpi .k{font-size:12.5px;color:var(--muted);font-weight:500}.kpi .v{font-size:24px;font-weight:700;margin-top:5px;color:var(--ink);letter-spacing:-.5px;overflow-wrap:anywhere}.kpi .d{font-size:12px;margin-top:5px;color:var(--ok);font-weight:600;display:flex;align-items:center;gap:4px}.kpi .d.down{color:var(--block)}.kpi .d.neutral{color:var(--muted);font-weight:500}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-bottom:24px;overflow:hidden;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-h{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:#fff}.card-h h3{font-size:18.5px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.card-h .sub{font-size:12.5px;color:var(--muted);font-weight:400;margin-top:4px}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-intro{align-items:center}.page-note{font-size:13.5px;color:var(--muted);line-height:1.6;max-width:820px;margin-bottom:20px}.page-note b{color:var(--ink)}.card-b{padding:24px}.table-wrapper{overflow-x:auto;border-radius:0}table{width:100%;border-collapse:collapse;display:table}th{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:14px 20px;border-bottom:2px solid var(--line);background:#f8fafc}td{padding:14px 20px;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:middle;color:var(--ink)}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f8fafc}.mono{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12.5px;color:#0f172a;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-weight:500}.td-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.badge{display:inline-block;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid transparent}.b-ok{background:var(--ok-bg);color:var(--ok);border-color:#10b98126}.b-warn{background:var(--warn-bg);color:var(--warn);border-color:#f59e0b26}.b-block{background:var(--block-bg);color:var(--block);border-color:#ef444426}.b-gray{background:#f1f5f9;color:var(--muted);border-color:#64748b1a}.b-blue{background:var(--blue-soft);color:var(--blue);border-color:#1467c81a}.b-rose{background:#fdf2f8;color:#be3480;border-color:#c2418c2e}.badge-inner{display:inline-flex;align-items:center;gap:5px}.tag{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--blue-soft);color:var(--blue);border:1px solid rgba(20,103,200,.14);white-space:nowrap}.tag.tag-muted{background:#f1f5f9;color:var(--muted);border-color:#e2e8f0;font-size:10.5px;padding:2px 8px;vertical-align:1px}.mini-stack{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden;min-width:120px}.mini-stack>div{min-width:3px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.input-icon{position:relative;display:inline-flex;align-items:center}.input-icon.block{display:flex;width:100%}.input-icon svg{position:absolute;left:12px;color:var(--muted);pointer-events:none}.input-icon input{padding-left:34px!important}.btn{font-family:inherit;font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition)}.btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.btn.primary{background:linear-gradient(135deg,var(--blue) 0%,#1D72DB 100%);border-color:var(--blue);color:#fff;box-shadow:0 2px 6px #1467c826}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-hover) 0%,var(--blue) 100%);border-color:var(--blue-hover);color:#fff;box-shadow:0 4px 12px #1467c840;transform:translateY(-1px)}.btn.danger{color:var(--block);border-color:#ef444433}.btn.danger:hover:not(:disabled){background:var(--block-bg);border-color:var(--block);color:var(--block)}.btn.sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.primary:disabled{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#94a3b8!important;opacity:1!important;box-shadow:none!important}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.qrow{display:grid;grid-template-columns:220px 1fr 120px 140px;gap:20px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);transition:var(--transition)}.qrow:hover{background-color:var(--blue-soft)}.qrow:last-child{border-bottom:none}.qname{font-weight:700;color:var(--ink)}.qname span{display:block;font-weight:400;font-size:11.5px;color:var(--muted);margin-top:3px}.track{position:relative;height:24px;background:#f1f5f9;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:999px;background:linear-gradient(90deg,#3B82F6 0%,var(--blue) 100%);transition:width .8s cubic-bezier(.2,.8,.2,1)}.fill.warn{background:linear-gradient(90deg,#f59e0b,#d97706)}.fill.block{background:linear-gradient(90deg,#F87171 0%,var(--block) 100%)}.tick{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed rgba(15,23,42,.35);z-index:2}.tick:after{content:attr(data-label);position:absolute;top:-1px;left:6px;font-size:9.5px;font-weight:600;color:var(--muted)}.qcount{font-family:ui-monospace,Menlo,monospace;font-size:13px;text-align:right;color:#334155}.qcount b{font-size:16px;color:var(--ink)}.bars{display:flex;align-items:flex-end;gap:12px;height:160px;padding:6px 4px 0}.bar{flex:1;background:linear-gradient(180deg,#60A5FA 0%,var(--blue) 100%);border-radius:6px 6px 0 0;position:relative;min-width:16px;transition:transform .25s cubic-bezier(.4,0,.2,1),filter .25s ease}.bar:hover{transform:scaleY(1.04);filter:brightness(1.08);box-shadow:0 4px 12px #1467c840;cursor:pointer}.bar.err{background:linear-gradient(180deg,#FCA5A5 0%,var(--block) 100%)}.bar.err:hover{box-shadow:0 4px 12px #ef444440}.bar span{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:10px;font-weight:500;color:var(--muted);white-space:nowrap}.legend{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:32px;font-weight:500}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line);background:#f8fafc;border-radius:var(--radius) var(--radius) 0 0;align-items:center}.filters select,.filters input{font-family:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;color:var(--ink);transition:var(--transition)}.filters select:focus,.filters input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.filters input{width:240px}.filters .spacer{flex:1}.alert{display:flex;gap:12px;align-items:flex-start;background:var(--warn-bg);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);padding:14px 20px;margin-bottom:24px;font-size:13.5px;color:#78350f;box-shadow:var(--shadow-sm);line-height:1.6}.alert svg{flex-shrink:0;margin-top:2px}.alert-error{background:var(--block-bg);border-color:#ef444440;color:#991b1b}.alert-ok{background:var(--ok-bg);border-color:#10b98140;color:#065f46}tr.row-total td{background:#f8fafc;border-top:2px solid var(--line);font-size:13.5px}tr.row-total:hover td{background:#f1f5f9}th.th-sub{font-size:10.5px;white-space:nowrap}.th-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px;vertical-align:0}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;align-items:start}.alert b{color:var(--warn)}.alert a{color:var(--blue);text-decoration:underline;font-weight:600}.alert a:hover{color:var(--blue-hover)}.note{font-size:11.5px;color:var(--muted);padding:12px 24px;border-top:1px dashed var(--line);background:#f8fafc}.loading,.error-box{padding:36px;text-align:center;color:var(--muted);font-size:13.5px;font-weight:500}.error-box{color:var(--block);background:var(--block-bg);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-sm);margin:16px}.hamburger-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--ink);padding:6px;border-radius:6px;transition:var(--transition)}.hamburger-btn:hover{background:var(--blue-soft);color:var(--blue)}.close-sidebar-btn{display:none;position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;transition:var(--transition)}.close-sidebar-btn:hover{background:#ffffff1a}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#061a338c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:44}@media (max-width: 992px){.hamburger-btn{display:block}.close-sidebar-btn{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.kpis{grid-template-columns:repeat(2,1fr)}.qrow{grid-template-columns:1fr;gap:10px;padding:16px 20px}.qcount{text-align:left}.hgrid{grid-template-columns:1fr}.kv{grid-template-columns:1fr;row-gap:6px}.topbar{padding:14px 20px}.content{padding:20px}}@media (max-width: 576px){.kpis{grid-template-columns:1fr!important}.topbar{padding:12px 16px}.crumb b{font-size:15px}.content{padding:16px}.who .role{display:none}.filters{padding:12px 16px;flex-direction:column;align-items:stretch}.filters input,.filters select,.filters .btn{width:100%!important}.card-h{padding:14px 18px}.card-b{padding:16px}}.table-wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:650px}.login-fullscreen-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;z-index:1000;overflow:hidden;background:#fff}.login-hero-side{width:48%;height:100vh;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:60px 52px;background:linear-gradient(135deg,#0b2e59,#003f7d,#1467c8);color:#fff;overflow:hidden}.hero-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.hero-glow-blob-1{position:absolute;top:-15%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(96,165,250,.25) 0%,transparent 70%);filter:blur(90px);pointer-events:none}.hero-glow-blob-2{position:absolute;bottom:-15%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);filter:blur(90px);pointer-events:none}.hero-content{position:relative;z-index:5;max-width:500px;margin:auto 0}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#bfe3ff;border:1px solid rgba(255,255,255,.18);margin-bottom:22px}.badge-pulse{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.hero-main-title{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-.8px;color:#fff}.hero-main-title span{background:linear-gradient(90deg,#fff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:14.5px;color:#c9d8ec;margin-top:16px;line-height:1.65}.hero-badges-list{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-size:12.5px;font-weight:600;color:#fff}.hero-copyright{position:relative;z-index:5;font-size:12px;color:#8fb0d6}.login-form-side{width:52%;height:100vh;flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff;overflow-y:auto}.form-inner-box{width:100%;max-width:420px;display:flex;flex-direction:column}.form-brand-logo{display:flex;justify-content:flex-start;margin-bottom:20px}.form-header-brand h2{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.5px}.form-header-brand p{font-size:14px;color:var(--muted);margin-top:6px}.auth-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;margin-top:20px;line-height:1.4}.auth-alert.danger{background:#fef2f2;border:1px solid #FCA5A5;color:#991b1b}.auth-alert.warning{background:#fffbeb;border:1px solid #FCD34D;color:#92400e}.auth-form-container{display:flex;flex-direction:column;gap:20px;margin-top:28px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:700;color:var(--ink)}.input-field-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-field-wrapper .field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:10;width:20px;height:20px}.input-field-wrapper input{width:100%!important;height:48px!important;padding-left:44px!important;padding-right:44px!important;border-radius:10px!important;border:1px solid #E2E8F0!important;background:#f8fafc!important;font-size:14px!important;color:var(--ink)!important;transition:all .2s ease!important;text-indent:0!important}.input-field-wrapper input:focus{outline:none!important;background:#fff!important;border-color:#1467c8!important;box-shadow:0 0 0 4px #1467c826!important}.eye-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10;transition:color .2s ease}.eye-toggle-btn:hover{color:var(--ink)}.auth-submit-btn{width:100%;height:50px;border-radius:12px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(90deg,#1467c8,#1d72db);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #1467c84d;transition:all .25s ease;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #1467c866}.demo-accounts-wrapper{margin-top:24px;padding-top:20px;border-top:1px dashed #E2E8F0}.demo-accounts-title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}.demo-account-chips{display:flex;gap:10px}.demo-chip-btn{flex:1;padding:10px 12px;border-radius:8px;background:#f1f5f9;border:1px solid #E2E8F0;color:var(--ink);font-size:12.5px;cursor:pointer;transition:all .2s ease;text-align:center}.demo-chip-btn:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}@media (max-width: 991px){.login-fullscreen-page{flex-direction:column;overflow-y:auto;position:relative;height:auto;min-height:100vh}.login-hero-side{width:100%;height:auto;padding:36px 24px;align-items:center;text-align:center}.hero-main-title{font-size:30px}.hero-badges-list{justify-content:center}.login-form-side{width:100%;height:auto;min-height:calc(100vh - 250px);padding:36px 24px}}.otp-input{text-align:center;font-size:24px!important;font-weight:700;letter-spacing:.4em;padding:12px!important;text-indent:.2em;border-radius:8px}.login-guide{margin-top:28px;padding-top:20px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.login-guide h4{font-size:12.5px;margin-bottom:10px;color:var(--ink);font-weight:600}.demo-accounts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.demo-chip{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:10px 12px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:4px}.demo-chip:hover:not(.disabled){background:var(--blue-soft);border-color:#1467c84d;transform:translateY(-2px);box-shadow:0 4px 8px #1467c814}.demo-chip.disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.demo-chip-user{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;color:var(--ink)}.demo-chip-role{font-size:9px;font-weight:700;letter-spacing:.5px;align-self:flex-start;padding:1px 6px;border-radius:4px;text-transform:uppercase}.demo-chip-role.admin{background:var(--blue-soft);color:var(--blue)}.demo-chip-role.operator{background:#fffbeb;color:#d97706}.demo-chip-role.viewer{background:#f1f5f9;color:var(--muted)}.demo-chip-role.locked{background:var(--block-bg);color:var(--block)}@media (prefers-reduced-motion:reduce){.fill,.bar{transition:none}}.login-notice{display:flex;align-items:center;gap:9px;background:var(--blue-soft);border:1px solid rgba(20,103,200,.2);color:var(--blue);border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:20px;font-weight:500;line-height:1.5}.login-link-btn{flex:1;background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;transition:var(--transition)}.login-link-btn:hover:not(:disabled){color:var(--blue)}.forbidden{padding:64px 24px;text-align:center;max-width:520px;margin:40px auto;background:var(--card);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-md)}.forbidden-code{color:var(--block);opacity:.35;line-height:1;margin-bottom:12px}.forbidden h3{font-size:24px;font-weight:800;margin:12px 0 8px;color:var(--ink);letter-spacing:-.4px}.forbidden p{font-size:13.5px;color:var(--muted);line-height:1.7;margin-bottom:24px}.forbidden .btn{display:inline-flex;text-decoration:none}tr.row-click{cursor:pointer}tr.row-click:hover td{background:var(--blue-soft)!important}.pager{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--line);background:#fff}.pager .spacer{flex:1}.code-block{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:16px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;border:1px solid rgba(255,255,255,.05)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#061a338c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fadeIn .2s ease-out}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:88vh;overflow:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--line);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.modal.wide{max-width:780px}.modal-h{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.modal-h h3{font-size:16px;font-weight:700;color:var(--ink)}.modal-b{padding:24px}.modal-f{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--line);background:#f8fafc;border-radius:0 0 16px 16px}.x{border:none;background:none;font-size:20px;cursor:pointer;color:var(--muted);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.x:hover{background:#f1f5f9;color:var(--ink)}.field{margin-bottom:18px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--ink)}.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;color:var(--ink);transition:var(--transition)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.field textarea{min-height:80px;resize:vertical}.field .hint{font-size:11.5px;color:var(--muted);margin-top:5px}.hint{font-size:11.5px;color:var(--muted)}.req{color:var(--block);margin-left:2px}.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.hcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-md);transition:var(--transition)}.hcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hcard .hn{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--ink)}.pulse{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 #10b98180;animation:pulse 2s infinite;flex-shrink:0}.pulse.warn{background:var(--warn);box-shadow:0 0 #f59e0b80}.pulse.down{background:var(--block);box-shadow:0 0 #ef444480}@keyframes pulse{70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-warn{70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes pulse-down{70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.pulse.warn{animation:pulse-warn 2s infinite}.pulse.down{animation:pulse-down 2s infinite}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.hmeta{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.6}.hmeta b{color:var(--ink)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 24px}.tabs button{font-family:inherit;font-size:13px;font-weight:600;border:none;background:none;padding:12px 16px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;transition:var(--transition)}.tabs button:hover{color:var(--blue)}.tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}.tabp{padding:24px}.kv{display:grid;grid-template-columns:180px 1fr;row-gap:12px;font-size:13.5px;line-height:1.5}.kv .k{color:var(--muted);font-weight:500}.kv .v{color:var(--ink);font-weight:600}.switch{position:relative;display:inline-block;width:42px;height:24px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;transition:.2s}.slider-toggle:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #00000026}.switch input:checked+.slider-toggle{background:var(--blue)}.switch input:checked+.slider-toggle:before{transform:translate(18px)}.cfgrow{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:24px}.cfgrow:last-child{border-bottom:none}.cfgrow .t{font-weight:700;font-size:13.5px;color:var(--ink)}.cfgrow .t span{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:4px;max-width:560px;line-height:1.5}.cfgrow select,.cfgrow input[type=number]{font-family:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;width:160px;transition:var(--transition)}.cfgrow select:focus,.cfgrow input[type=number]:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.dashboard-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:24px;align-items:start}@media (max-width: 1200px){.dashboard-layout{grid-template-columns:1fr}}.donut-container{display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media (max-width: 480px){.donut-container{flex-direction:column}}.health-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(226,232,240,.5)}.health-item:last-child{border-bottom:none}.current-usage-card{background:var(--blue-soft);border:1px solid rgba(20,103,200,.12);border-radius:var(--radius-sm);padding:16px;margin-bottom:20px}.usage-metric{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.metric-label{font-size:12.5px;font-weight:600;color:var(--muted)}.metric-value{font-family:ui-monospace,Menlo,monospace;font-size:16px;font-weight:700;color:var(--ink)}.usage-percentage{display:block;font-size:11px;font-weight:600;color:var(--blue);text-align:right;margin-top:8px}.current-usage-card .track{height:8px;background:#e2e8f0;border-radius:4px}.current-usage-card .fill{border-radius:4px}.filters .field{margin-bottom:0;display:flex;align-items:center;gap:8px}.filters .field label{margin-bottom:0;white-space:nowrap;font-size:12.5px;color:var(--muted)}.filters .field input[type=date]{width:auto}.filters .field select{min-width:170px}.stack-chart{display:flex;align-items:flex-end;gap:3px;height:190px;padding:8px 0 0}.stack-col{flex:1;min-width:4px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:3px 3px 0 0;overflow:hidden;transition:var(--transition)}.stack-col:hover{outline:2px solid var(--blue);outline-offset:1px}.stack-col.empty{background:repeating-linear-gradient(45deg,#F1F5F9,#F1F5F9 3px,transparent 3px,transparent 6px);min-height:2px}.stack-seg{width:100%}.stack-axis{display:flex;gap:3px;margin-top:6px}.stack-axis span{flex:1;min-width:4px;text-align:center;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden}.vtc-badge-header{display:flex;align-items:center;gap:8px}.vtc-pill{display:inline-flex;align-items:center;padding:3px 10px;background:linear-gradient(135deg,#0055a5,#039);color:#fff;font-size:11px;font-weight:700;border-radius:20px;letter-spacing:.5px;box-shadow:0 2px 6px #0055a540;text-transform:uppercase}.copy-trace-btn{background:#0055a514;color:var(--blue);border:1px solid rgba(0,85,165,.2);border-radius:4px;padding:2px 8px;font-size:11px;font-family:monospace;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:4px}.copy-trace-btn:hover{background:var(--blue);color:#fff}.live-stream-header{display:flex;align-items:center;justify-content:space-between;width:100%}.pulse-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.vtc-logo-wrapper{transition:transform .25s cubic-bezier(.4,0,.2,1)}.vtc-logo-wrapper:hover{transform:translateY(-1px)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;border-radius:0 0 var(--radius) var(--radius)}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#0055a540;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--blue)}th{position:sticky;top:0;z-index:5;background:#f8fafc;white-space:nowrap}.card-h{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:#fff;gap:16px;flex-wrap:wrap}.kpi{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#061a33a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .25s ease-out}.modal-content{background:var(--card);border-radius:var(--radius);box-shadow:0 20px 50px #061a334d;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line)}@media (max-width: 1200px){.kpis{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-layout{grid-template-columns:1fr;gap:20px}.cfgrow{flex-direction:column;align-items:flex-start;gap:10px}.cfgrow select,.cfgrow input[type=number]{width:100%}}@media (max-width: 992px){.topbar{padding:14px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.content{padding:20px 16px}.crumb b{font-size:19px}.crumb{font-size:12.5px}.who{gap:8px}.who-id{display:none}.page-title{font-size:22px}.vtc-pill{padding:2px 8px;font-size:10px}}@media (max-width: 768px){.filters{padding:14px;gap:12px;flex-direction:column;align-items:stretch}.filters .field{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.filters .field label{font-weight:600}.filters input,.filters select,.filters .btn{width:100%!important;min-width:0!important}.card-h{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:10px}.card-h>div:last-child{width:100%;display:flex;justify-content:flex-end}.kpis{grid-template-columns:1fr;gap:12px}.kpi .v{font-size:22px}.qrow{grid-template-columns:1fr;gap:8px;padding:14px 16px}.qcount{text-align:left}.hgrid{grid-template-columns:1fr;gap:12px}.kv,.demo-accounts-grid{grid-template-columns:1fr}}@media (max-width: 480px){.topbar{padding:10px 12px}.crumb{max-width:170px;overflow:hidden}.crumb b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px}.crumb span{display:none}.page-title{font-size:20px}.content{padding:12px 10px}.login-card{padding:24px 18px;border-radius:16px}.avatar{width:32px;height:32px;font-size:12px}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:380px;width:calc(100vw - 48px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--card);color:var(--ink);box-shadow:0 12px 28px -6px #0f172a2e,0 4px 12px #0f172a14;border:1px solid var(--line);font-size:13.5px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--bg);color:var(--ink)}.toast-success{border-left:4px solid var(--ok)}.toast-success .toast-icon{color:var(--ok)}.toast-info{border-left:4px solid var(--blue)}.toast-info .toast-icon{color:var(--blue)}.toast-error{border-left:4px solid var(--block)}.toast-error .toast-icon{color:var(--block)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-toast{animation:toastSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar.main-sidebar{width:260px;background:linear-gradient(180deg,#0b2e59,#061a33);color:#c9d8ec;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px #0b2e5926;z-index:45;transition:width .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.sidebar.main-sidebar.collapsed{width:72px}.sidebar.main-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.main-sidebar.collapsed .sidebar-header{padding:18px 12px;justify-content:center}.sidebar.main-sidebar.collapsed .logo-wrapper{display:none}.sidebar.main-sidebar.collapsed .sidebar-foot{padding:12px 6px}.sidebar.main-sidebar.collapsed .env{justify-content:center;padding:10px 4px}.sidebar-header{padding:22px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-collapse-toggle-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.sidebar-collapse-toggle-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar-toggle-btn{display:flex;align-items:center;gap:8px;background:var(--blue-soft);border:1px solid rgba(20,103,200,.15);color:var(--blue);padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:13.5px;cursor:pointer;transition:var(--transition)}.sidebar-toggle-btn:hover{background:var(--blue);color:#fff;box-shadow:0 4px 12px #1467c840}.menu-label-btn{font-size:13px;font-weight:700}@media (max-width: 1023px){.sidebar.main-sidebar{position:fixed;top:0;bottom:0;left:0;width:280px!important;z-index:100;transform:translate(-100%);box-shadow:12px 0 32px #0f172a40}.sidebar.main-sidebar.mobile-open{transform:translate(0)}}.nav-group{margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:10px;color:#c9d8ec;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:3px;transition:var(--transition)}.nav-item:hover{background:#ffffff14;color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,#1467c8,#1d72db);color:#fff;font-weight:600;box-shadow:0 4px 14px #1467c859}.topbar-left{display:flex;align-items:center;gap:16px}.crumb-title h1{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.4px;margin:0;line-height:1.2}.crumb-sub{font-size:12.5px;color:var(--muted);font-weight:400}.user-dropdown-container{position:relative}.user-trigger-btn{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:5px 12px 5px 6px;border-radius:30px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.user-trigger-btn:hover,.user-trigger-btn.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 4px 14px #1467c81f}.user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left}.user-name{font-size:13.5px;font-weight:700;color:var(--ink)}.user-role-badge{font-size:11px;font-weight:600;color:var(--blue);background:#1467c81a;padding:1px 6px;border-radius:4px;margin-top:2px}.dropdown-arrow{color:var(--muted);transition:transform .25s ease}.dropdown-arrow.rotate{transform:rotate(180deg);color:var(--blue)}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:260px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px -8px #0f172a29,0 4px 12px #0f172a0f;z-index:100;padding:8px;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-pop-in{animation:popIn .2s cubic-bezier(.16,1,.3,1) forwards}.user-menu-header{display:flex;align-items:center;gap:12px;padding:12px 10px}.avatar.lg{width:42px;height:42px;font-size:15px;flex-shrink:0}.user-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.um-name{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-username{font-size:12px;color:var(--muted);font-family:monospace}.um-role{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--blue);margin-top:2px}.dropdown-divider{height:1px;background:var(--line);margin:6px 0}.user-menu-actions{display:flex;flex-direction:column;gap:2px}.menu-action-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:var(--transition);text-align:left}.menu-action-item:hover{background:var(--bg);color:var(--blue)}.menu-action-item.logout{color:var(--block)}.menu-action-item.logout:hover{background:var(--block-bg);color:var(--block)}.profile-modal-content{padding:10px 0}.modal-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:transparent;border:1px solid transparent;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:var(--transition)}.tab-btn:hover{color:var(--ink);background:var(--bg)}.tab-btn.active{background:var(--blue-soft);color:var(--blue);border-color:#1467c833}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 640px){.profile-grid{grid-template-columns:1fr}}.profile-card-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);min-width:0}.profile-card-item>div:last-child{min-width:0}.p-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-icon.blue{background:#1467c81a;color:var(--blue)}.p-icon.violet{background:#5b4bc41a;color:#5b4bc4}.p-icon.green{background:#10b9811a;color:var(--ok)}.p-icon.orange{background:#f59e0b1a;color:var(--warn)}.p-label{font-size:11.5px;color:var(--muted);font-weight:500}.p-val{font-size:14px;font-weight:700;color:var(--ink);margin-top:3px;line-height:1.4;overflow-wrap:anywhere}.p-val.mono{background:transparent;padding:0;border-radius:0;font-size:14px;font-weight:700;color:var(--ink)}.role-pill{display:inline-block;padding:2px 10px;border-radius:12px;background:#10b98126;color:#047857;font-size:12px;font-weight:700}.password-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:460px;margin:0 auto}.success-box{background:#ecfdf5;border:1px solid #A7F3D0;color:#065f46;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.error-text{color:var(--block)!important}.filters-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.range-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;align-self:center}.preset-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:20px;background:#f1f5f9;border:1px solid #E2E8F0;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.preset-chip:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.preset-chip.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 2px 8px #1467c84d}.preset-chip.active:hover{background:var(--blue-hover);color:#fff}.preset-chip.reset{color:var(--muted);background:transparent}.preset-chip.reset:hover{color:var(--block);background:var(--block-bg);border-color:#ef44444d}.range-error{color:var(--block);font-weight:600}.donut-container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.donut-legend-grid{display:flex;flex-direction:column;gap:8px;flex:1;min-width:160px}.donut-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;gap:8px;padding:4px 8px;border-radius:6px;transition:background .2s ease}.donut-legend-item:hover{background:#f8fafc}.donut-legend-indicator{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;flex-shrink:0}.stack-chart{display:flex;align-items:flex-end;gap:6px;height:190px;padding-top:20px;position:relative;overflow-x:auto}.stack-col{flex:1;min-width:14px;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden;transition:opacity .2s ease,transform .2s ease;cursor:pointer;position:relative}.stack-col:hover{opacity:.85;transform:translateY(-2px)}.stack-col.empty{background:#f1f5f9;height:4px!important;border-radius:2px}.stack-seg{width:100%;transition:height .3s ease}.stack-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px;border-top:1px solid var(--line);padding-top:6px}@media (max-width: 767px){.menu-label-btn{display:none}.sidebar-toggle-btn{padding:9px}.user-meta,.dropdown-arrow{display:none}.user-trigger-btn{padding:4px;border-radius:50%}.crumb-title h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb-sub{display:none}.topbar-left{gap:10px;min-width:0;flex:1}.crumb{min-width:0}.user-dropdown-menu{right:0;max-width:calc(100vw - 24px)}}