:root{--grey-900:#030712;--grey-800:#101828;--grey-700:#1E2939;--grey-600:#364153;--grey-500:#4A5565;--grey-400:#6A7282;--grey-300:#9199A6;--grey-200:#C2C6CC;--grey-100:#DFE1E5;--grey-50:#E7E9ED;--grey-25:#ECEEF2;--grey-10:#F3F4F6;--grey-5:#F9FAFB;--grey-0:#FFFFFF;--primary-900:#02282E;--primary-800:#00525E;--primary-700:#1A646F;--primary-600:#34757F;--primary-500:#4D878F;--primary-400:#67989F;--primary-300:#85B5BB;--primary-200:#99BABF;--primary-100:#B3CBCF;--primary-50:#E6EEEF;--primary-25:#EDF4F5;--primary-0:#F2F6F7;--primary:#00525E;--primary-ink:#02282E;--success-300:#0A5D21;--success-200:#097224;--success:#029855;--success-50:#28E757;--success-bg:#EDFAF0;--error-300:#861C13;--error-200:#B22E23;--error:#D54033;--error-50:#FF8075;--error-bg:#FDF4F3;--warning-300:#CA8A04;--warning-200:#D29F00;--warning:#E99F00;--warning-50:#FDE047;--warning-bg:#FFF7EA;--blue:#00B5D0;--blue-dark:#008A9F;--pink:#C061FF;--pink-dark:#AA4AEA;--bg:#F3F4F6;--surface:#FFFFFF;--surface-2:#F9FAFB;--sidebar:#FFFFFF;--border:#E7E9ED;--border-strong:#DFE1E5;--text:#101828;--text-2:#4A5565;--text-3:#6A7282;--text-muted:#9199A6;--shadow-card:0 1.5px 1.5px -1px #03071208, 0 1px 1.5px #19183C05;--shadow-smooth:0 1px 1.5px #19183C05;--shadow-pop:0 8px 28px #0813301f, 0 2px 6px #08133014;--shadow-btn:0 4px 7px #00525E33;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--font:"Geist","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono","JetBrains Mono",ui-monospace,"Cascadia Code",monospace;--sidebar-w:250px}:root[data-theme=dark]{--bg:#0B1220;--surface:#101828;--surface-2:#0E1626;--sidebar:#0E1626;--border:#1E2939;--border-strong:#293548;--text:#F3F4F6;--text-2:#C2C6CC;--text-3:#9199A6;--text-muted:#6A7282;--primary-50:#0c2a2e;--primary-25:#0a2226;--primary-0:#08191c;--success-bg:#0e2418;--error-bg:#2a1310;--warning-bg:#2a2110;--shadow-card:0 1px 2px #00000040;--shadow-smooth:0 1px 2px #00000030;--shadow-pop:0 10px 34px #00000060}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.2}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9px}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.app{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:22px 26px 40px;flex:1}@media (max-width:720px){.content{padding:16px 14px 32px}}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 14px}.sidebar-brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary-700),var(--primary-900));display:grid;place-items:center;box-shadow:var(--shadow-btn);color:#fff}.sidebar-brand b{font-size:17px;letter-spacing:-.02em}.sidebar-brand small{color:var(--text-3);font-size:11px;display:block;margin-top:-2px}.usercard{position:relative;padding:2px 12px 10px}.usercard-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);text-align:start;transition:.12s}.usercard-btn:hover{border-color:var(--primary-200);background:var(--primary-25)}.uc-avatar{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-900));color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em}.uc-meta{min-width:0;flex:1;display:flex;flex-direction:column}.uc-meta b{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-meta small{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-caret{color:var(--text-muted);flex-shrink:0}.usercard-pop{position:absolute;z-index:60;inset-inline:12px;top:calc(100% - 4px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-pop);padding:8px;animation:pop .14s ease}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.uc-id{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}.uc-sec{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-family:var(--mono);font-weight:500;padding:4px 8px 6px}.uc-theme{width:100%}.uc-theme button{flex:1}.uc-divider{height:1px;background:var(--border);margin:8px 4px}.uc-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:500;color:var(--text-2);background:transparent;border:0;text-align:start}.uc-item:hover{background:var(--surface-2);color:var(--text)}.uc-item svg{color:var(--text-muted);flex-shrink:0}.uc-danger{color:var(--error)}.uc-danger:hover{background:var(--error-bg);color:var(--error)}.uc-danger svg{color:var(--error)}.nav-section{padding:6px 12px}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);padding:12px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--text-2);font-weight:500;font-size:13.5px;margin:1px 0;transition:.12s;position:relative}.nav-item:hover{background:var(--primary-25);color:var(--primary-ink)}.nav-item.active{background:var(--primary-50);color:var(--primary-ink);font-weight:600}.nav-item.active:before{content:"";position:absolute;inset-inline-start:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--primary)}.nav-item .ic{width:19px;height:19px;flex-shrink:0;opacity:.9}.nav-badge{margin-inline-start:auto;background:var(--error);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}.sidebar-foot{margin-top:auto;padding:14px}.upgrade-card{background:linear-gradient(160deg,var(--primary-25),var(--primary-50));border:1px solid var(--primary-100);border-radius:14px;padding:14px}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:12px 26px}.topbar h1{font-size:20px}.topbar .search{flex:1;max-width:420px;margin-inline:auto;position:relative}.topbar .search input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-pill);padding:9px 16px 9px 38px;font-size:13px;color:var(--text)}.topbar .search svg{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:var(--text-3)}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--text-2);position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn .dot{position:absolute;top:8px;inset-inline-end:9px;width:7px;height:7px;border-radius:50%;background:var(--error);border:2px solid var(--surface)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:11px;border:1px solid transparent;padding:9px 15px;font-weight:600;font-size:13.5px;transition:.14s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--primary-700)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:9px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card-pad{padding:18px}.card-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border)}.card-title{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:600}.card-title .tick{width:4px;height:13px;border-radius:3px;background:var(--primary)}.card-h{font-size:15px;font-weight:600}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1200px){.kpis{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:1fr 1fr}}@media (max-width:900px){.cols-3,.cols-2{grid-template-columns:1fr}}@media (max-width:560px){.kpis{grid-template-columns:repeat(2,1fr);gap:12px}.grid{gap:12px}}.kpi{padding:16px 18px}.kpi .label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:600;display:flex;align-items:center;gap:7px}.kpi .label .tick{width:4px;height:12px;border-radius:3px}.kpi .value{font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:9px;font-family:var(--mono)}.kpi .value small{font-size:15px;color:var(--text-3);font-weight:500}.kpi .sub{margin-top:7px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.kpi-head{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-family:var(--mono);font-weight:500;box-shadow:var(--shadow-smooth);max-width:100%}.kpi-head svg{color:var(--text-muted);flex-shrink:0}.kpi-head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .value{margin-top:13px}.kpi-foot{display:flex;align-items:center;gap:8px;margin-top:11px;flex-wrap:wrap}.kpi-sub{font-size:12px;color:var(--text-3)}.kpi-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;font-family:var(--mono);line-height:1.55;white-space:nowrap}.kpi-pill svg{width:12px;height:12px}.k-up{background:var(--success-bg);color:var(--success)}.k-warn{background:var(--warning-bg);color:var(--warning)}.k-alert,.k-down{background:var(--error-bg);color:var(--error)}.k-info{background:var(--primary-50);color:var(--primary-800)}.k-neutral{background:var(--grey-10);color:var(--text-2)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;line-height:1.5}.chip .d{width:6px;height:6px;border-radius:50%}.chip-success{background:var(--success-bg);color:var(--success-300)}.chip-error{background:var(--error-bg);color:var(--error-300)}.chip-warning{background:var(--warning-bg);color:var(--warning-300)}.chip-info{background:var(--primary-25);color:var(--primary-800)}.chip-neutral{background:var(--grey-10);color:var(--text-2)}.delta-up{color:var(--success)}.delta-down{color:var(--error)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-2)}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--surface-2)}.tbl .name{color:var(--text);font-weight:600}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--text-3)}.wrap{flex-wrap:wrap}.tag{font-size:11px;padding:2px 8px;border-radius:var(--r-pill);background:var(--grey-10);color:var(--text-2);font-weight:500}.meter{height:8px;border-radius:6px;background:var(--grey-10);overflow:hidden}.meter>span{display:block;height:100%;border-radius:6px;background:var(--primary);transition:width .5s}.segwrap{margin-bottom:2px}.seg-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.seg-label{font-size:13px;font-weight:600;color:var(--text-2)}.seg-pct{font-size:13px;color:var(--text)}.segbar{display:flex;gap:3px;align-items:stretch;height:30px}.segbar i{flex:1 1 0;min-width:3px;border-radius:3px;background:var(--grey-10);transition:background .4s}.segbar i.on{background:var(--seg-color,var(--primary))}.seg-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--text-muted);font-family:var(--mono)}.dotpulse{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 var(--success);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--success) 60%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,var(--surface-2),var(--grey-10),var(--surface-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px}@keyframes sk{to{background-position:-200% 0}}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:transparent;color:var(--text-3);font-weight:600;font-size:12.5px;padding:5px 11px;border-radius:8px}.seg button.on{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-smooth)}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.pagehead .sub{color:var(--text-3);font-size:13px;margin-top:3px}.empty{text-align:center;padding:60px 20px;color:var(--text-3)}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.s-online{background:var(--success)}.s-warning{background:var(--warning)}.s-critical{background:var(--error)}.s-offline,.s-unknown{background:var(--grey-300)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#08133055;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);width:min(560px,100%);max-height:90vh;overflow:auto}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px}.field input,.field select{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit}.field input:focus,.field select:focus{outline:none;border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-25)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.hamburger,.drawer-backdrop,.drawer-close{display:none}body.drawer-lock{overflow:hidden}@media (max-width:900px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;height:100dvh;width:min(84vw,300px);transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-pop);z-index:120}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.drawer-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#08133055;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:110;animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.hamburger{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);flex-shrink:0}.hamburger:active{background:var(--surface-2)}.drawer-close{display:grid;place-items:center;margin-inline-start:auto}.sidebar-brand{position:relative}.topbar{padding:10px 14px;gap:10px;position:sticky;top:0;padding-top:max(10px,env(safe-area-inset-top))}.topbar h1{font-size:17px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .search,.topbar .chip{display:none}.topbar .btn-primary{font-size:0;gap:0;padding:0;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.topbar .btn-primary svg{font-size:initial}.topbar .row{gap:8px}.content{padding:14px 12px calc(28px + env(safe-area-inset-bottom))}.card[style*="span 2"],.card[style*="span 3"]{grid-column:auto!important}.card-pad{padding:14px}.card-head{padding:12px 14px}.pagehead h2{font-size:19px!important}.card:has(>.tbl),.card>div:has(>.tbl),.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.card:has(>.tbl) .tbl,.card>div>.tbl,.card-pad>.tbl,.tbl-scroll>.tbl{min-width:540px}.nav-item{padding:12px;font-size:15px}.btn{padding:10px 15px}.icon-btn{width:40px;height:40px}.seg button{padding:7px 12px}}@media (max-width:560px){.pagehead{flex-direction:column;align-items:stretch;gap:10px}.pagehead .row,.pagehead .seg{flex-wrap:wrap}.kpi .value{font-size:24px}.kpi{padding:14px}.grid[style*="repeat(6"],.grid[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}h2{font-size:19px}.modal{border-radius:18px 18px 0 0;width:100%;position:fixed;inset-inline:0;bottom:0;max-height:92vh}.modal-back{align-items:flex-end;padding:0}}@media (max-width:900px){.tbl-scroll::-webkit-scrollbar{height:0}}