:root{--bg: #12161c;--bg-elev: #1a212b;--bg-nav: #0e1218;--border: #2a3444;--text: #e6ebf2;--muted: #8b97a8;--accent: #3d9b7a;--accent-dim: #2a6b54;--warn: #c9853a;--danger: #c45c5c;--ok: #5bbf8a;--font: "IBM Plex Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1e2a22 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1a2433 0%,transparent 50%),var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:var(--radius);padding:.45rem .75rem}button.primary{background:var(--accent-dim);border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.45rem .6rem;width:100%}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100%}.nav{background:linear-gradient(180deg,#101820,var(--bg-nav));border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.brand{font-weight:700;letter-spacing:.04em;font-size:1.05rem;padding:.35rem .5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.brand span{color:var(--accent);font-family:var(--mono);font-size:.75rem;display:block;font-weight:500}.nav a{color:var(--muted);padding:.4rem .55rem;border-radius:var(--radius);display:block}.nav a.active,.nav a:hover{color:var(--text);background:#3d9b7a1f}.main{padding:1.25rem 1.5rem 2rem;overflow:auto}h1{font-size:1.35rem;margin:0 0 .35rem;font-weight:650}.sub{color:var(--muted);margin:0 0 1.25rem;font-size:.92rem}.panel{background:color-mix(in srgb,var(--bg-elev) 92%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap;gap:.15rem}.brand{width:100%}.grid2{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--muted)}.badge{display:inline-block;font-family:var(--mono);font-size:.72rem;padding:.15rem .4rem;border-radius:4px;background:#243040;color:var(--text)}.badge.ok{background:#5bbf8a33;color:var(--ok)}.badge.warn{background:#c9853a33;color:var(--warn)}.badge.danger{background:#c45c5c33;color:var(--danger)}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--bg-elev);border:1px solid var(--border);padding:.65rem .9rem;border-radius:var(--radius);max-width:360px;z-index:50}.login-page{min-height:100%;display:grid;place-items:center;padding:1.5rem}.login-box{width:min(380px,100%);background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:0 12px 40px #00000059}.login-box h1{margin-bottom:.15rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.field label{font-size:.8rem;color:var(--muted)}.skeleton{background:linear-gradient(90deg,#1a212b 25%,#243040,#1a212b 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:4px;min-height:1.2rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--danger)}.status-dot.on{background:var(--ok)}.error{color:var(--danger);font-size:.9rem}:root{--bg: #F9FBFD;--bg-elev: #ffffff;--bg-nav: #0177D1;--border: #DCEAF3;--text: #132A3D;--muted: #5C7A90;--accent: #0177D1;--accent-dim: #015A9E;--radius: 10px}body{background:radial-gradient(1000px 500px at 20% -20%,#A6E3FF 0%,transparent 60%),var(--bg)}button{transition:border-color .16s ease,background .16s ease}button:hover:not(:disabled){border-color:#a8def2}button.primary{color:#fff}input,select,textarea{background:#fbfcfb;padding:.55rem .7rem}.shell{grid-template-columns:232px minmax(0,1fr)}.nav{background:linear-gradient(180deg,#015A9E,var(--bg-nav));border-right:0;padding:1rem .8rem}.brand{color:#f9fbfd;display:flex;align-items:center;gap:.65rem;padding:.15rem .35rem 1rem;border-bottom-color:#ffffff26;margin-bottom:.85rem}.brand strong{font-size:1rem;letter-spacing:.02em}.brand sup{color:#a8def2;font-size:.52rem;margin-left:.15rem}.brand-mark{width:40px;height:40px;flex:0 0 auto;object-fit:contain}.brand span{color:#a8def2;font-family:var(--font);font-size:.7rem}.nav-label{color:#a8def2;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .55rem .35rem}.nav a{color:#cdeaf9;padding:.5rem .6rem}.nav a.active,.nav a:hover{color:#fff;background:#ffffff29}.nav a.active{box-shadow:inset 2px 0 #a6e3ff}.nav-footer{margin-top:auto;padding:.9rem .35rem 0;border-top:1px solid rgba(255,255,255,.15)}.user-meta{display:flex;flex-direction:column;margin-bottom:.65rem;color:#f9fbfd;font-size:.82rem}.user-meta span{color:#bfdff2;font-size:.72rem;text-transform:capitalize}.connection-row{margin-bottom:.65rem;gap:.4rem}.connection-row .muted{color:#bfdff2;font-size:.75rem}.nav-footer button{width:100%;color:#d9eefb;background:#ffffff14;border-color:#ffffff2e}.main{padding:0}.dashboard-header{min-height:76px;display:flex;align-items:center;justify-content:flex-start;gap:2rem;padding:.8rem clamp(1rem,3vw,2.5rem);background:#ffffffd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.page-identity{display:flex;flex-direction:column;min-width:140px}.page-identity strong{font-size:1rem}.eyebrow{color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.header-stats{display:flex;align-items:stretch;overflow-x:auto}.header-stats>div{min-width:108px;padding:0 .95rem;border-left:1px solid var(--border);display:flex;flex-direction:column}.header-stats span{color:var(--muted);font-size:.68rem}.header-stats strong{font-size:.92rem;line-height:1.5}.live-stat strong{color:var(--accent)}.content-wrap{width:min(1380px,100%);padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem}.panel{background:var(--bg-elev);padding:1.1rem;box-shadow:0 10px 30px #0177d114}th,td{border-bottom-color:#e3f3fc}.badge{background:#e3f3fc;color:#0a5a96}.toast{background:#0b2c46;color:#fff}.login-box{box-shadow:0 10px 30px #0177d11f}.skeleton{background:linear-gradient(90deg,#e3f3fc 25%,#f9fbfd,#e3f3fc 75%);background-size:200% 100%}.grid-scroll{max-height:260px;overflow-y:auto;margin-top:.75rem;border:1px solid var(--border);border-radius:6px}.compact-grid{font-size:.675rem;border-collapse:separate;border-spacing:0}.compact-grid th,.compact-grid td{padding:.2rem .4rem;border:1px solid var(--border)}.compact-grid thead th{text-align:left;position:sticky;top:-1px;background:#fff;z-index:2}.compact-grid tbody tr:last-child td{position:sticky;bottom:-1px;background:#fff;z-index:1}@media(max-width:900px){.nav-footer{width:100%}.dashboard-header{position:static;align-items:flex-start;flex-direction:column;gap:.7rem}.header-stats{width:100%;overflow-x:auto}.header-stats>div{min-width:110px;padding:0 .8rem}}