: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}.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:820px){.kpis,.cols-3,.cols-2{grid-template-columns:1fr}}.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)}.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}.segbar{display:flex;gap:2px;align-items:center}.segbar i{width:4px;border-radius:2px;background:var(--primary-200)}.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}