:root{--bg:#08111b;--bg-2:#0b1624;--panel:#101d2e;--panel-2:#15253a;--text:#e9f2ff;--muted:#89a0ba;--border:rgba(143,164,191,.16);--accent:#70d6ff;--accent-2:#8cffc1;--warning:#ffd166;--offline:#ff7b7b;--delayed:#ffb703;--no-data:#7f93aa;--shadow:0 26px 90px rgba(1,8,20,.38);--radius:20px;--sidebar:292px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(112,214,255,.16),transparent 26%),radial-gradient(circle at 90% 10%,rgba(140,255,193,.11),transparent 24%),linear-gradient(180deg,#07111a 0%,#0a1522 100%);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px;background:linear-gradient(180deg,#09111a 0%,#0c1725 100%);border-right:1px solid var(--border);box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}.brand-wrap{margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#3c7dff);color:#07111a;font-size:.95rem}.subtitle{margin-top:6px;color:var(--muted)}.user-card,.card{background:linear-gradient(180deg,rgba(16,29,46,.96),rgba(12,22,35,.92));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.user-card{padding:16px;margin-bottom:18px}.user-name{font-size:1.05rem;font-weight:700}.nav{display:flex;flex-direction:column;gap:8px}.nav a,.button,.row-link,.status-pill,.badge{display:inline-flex;align-items:center;gap:8px}.nav a{padding:12px 14px;border-radius:14px;color:var(--text);transition:background .18s ease,transform .18s ease}.nav a:hover,.button.ghost:hover,.row-link:hover{background:rgba(112,214,255,.08)}.content{padding:24px;max-width:1680px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.topbar-left{display:flex;align-items:flex-start;gap:14px}.topbar h1{margin-top:4px;font-size:2rem;line-height:1.1}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:.93rem}.topbar-meta{display:flex;gap:12px;align-items:center}.identity{display:flex;flex-direction:column;align-items:flex-end}.status-pill,.badge,.button{border-radius:999px;padding:10px 14px;font-weight:700}.status-pill{background:rgba(140,255,193,.11);color:var(--accent-2)}.card{padding:20px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hero h2{font-size:1.7rem;margin-top:6px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;min-width:min(520px,100%)}.hero-stats div,.metric{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(21,37,58,.92),rgba(10,20,32,.9));border:1px solid var(--border)}.hero-stats span,.metric span{font-size:.83rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-stats strong,.metric strong{display:block;margin-top:8px;font-size:1.65rem;line-height:1.1}.metrics,.grid.two{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.metrics.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{display:flex;flex-direction:column;gap:8px;min-height:170px;transition:transform .18s ease,border-color .18s ease}.stat-card:hover{transform:translateY(-2px);border-color:rgba(112,214,255,.45)}.metric-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(112,214,255,.12);color:var(--accent);font-size:1.2rem}.panel{margin-top:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.row,.activity-item,.box-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.box-card{flex-direction:column;padding:18px;border:1px solid var(--border);border-radius:18px;margin-bottom:12px;background:rgba(255,255,255,.02)}.box-title{font-weight:800;font-size:1.02rem}.box-meta{color:var(--muted);font-size:.92rem}.right-col{text-align:right}.table-wrap{overflow:auto;border-radius:16px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table-wrap th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:.82rem;background:rgba(255,255,255,.08)}.badge.ok,.status.online{background:rgba(140,255,193,.12);color:var(--accent-2)}.badge.offline,.status.offline{background:rgba(255,123,123,.12);color:var(--offline)}.badge.delayed,.status.delayed{background:rgba(255,183,3,.12);color:var(--delayed)}.badge.no_data,.status.no_data{background:rgba(127,147,170,.12);color:var(--no-data)}.badge.neutral,.status.warning{background:rgba(255,209,102,.12);color:var(--warning)}.status-wrap{margin:10px 0}.button{border:0;background:linear-gradient(135deg,#3d7dff,#18b9f5);color:white;cursor:pointer;box-shadow:0 12px 28px rgba(29,106,255,.22)}.button.ghost{background:rgba(255,255,255,.05);border:1px solid var(--border);box-shadow:none}.action-grid{display:flex;gap:10px;flex-wrap:wrap}.stack,.stack-list{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-weight:600}input,select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#08111b;color:var(--text)}textarea{min-height:120px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-bar.inline{margin:0}.empty{padding:22px;border:1px dashed var(--border);border-radius:16px;color:var(--muted);background:rgba(255,255,255,.02)}.flash-stack{display:grid;gap:10px;margin-bottom:16px}.flash{padding:12px 14px;border-radius:14px}.flash.success{background:rgba(140,255,193,.12)}.flash.error{background:rgba(255,123,123,.12)}details{background:rgba(255,255,255,.02);padding:12px 14px;border-radius:14px;border:1px solid var(--border)}summary{cursor:pointer;font-weight:700}pre{overflow:auto;white-space:pre-wrap;color:#cfe2ff}.menu-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px}.login-page{display:grid;place-items:center;min-height:100vh}.login-card{width:min(480px,calc(100vw - 32px));padding:28px}.login-card .brand{font-size:1.5rem;margin-bottom:8px}.chart-panel{min-height:320px}.chart-wrap{height:280px}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.kpi strong{display:block;font-size:1.5rem;margin-top:6px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kv{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.kv span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.timeline{display:grid;gap:10px}.timeline-item{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}.wide-card{padding:18px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.02)}@media (max-width:1180px){.metrics,.metrics.compact,.kpi-strip,.grid.two,.kv-grid{grid-template-columns:1fr 1fr}.hero{flex-direction:column}.hero-stats{min-width:0;width:100%}}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-100%;width:min(88vw,var(--sidebar));z-index:20;transition:left .2s ease}.sidebar.open{left:0}.content{padding:16px}.menu-toggle{display:inline-flex}.metrics,.metrics.compact,.grid.two,.form-grid,.hero-stats,.kpi-strip,.kv-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.identity{align-items:flex-start}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap th,.table-wrap td,.table-wrap tr{display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:12px}.table-wrap td{border:0;padding:6px 0}.table-wrap td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}}