:root{--sidebar-w: 200px;--nav-h: 56px;--mobile-nav-h: 72px;--bg-0: #0e1217;--bg-1: #151a22;--bg-2: #1a2029;--card: #171d26;--border: #2b3441;--text: #e8edf3;--muted: #9eacbf;--cpu-h: 165;--ram-h: 290;--disk-h: 205;--net-h: 135;--wave-opacity: .45;--wave-speed: 2.6s;--bar-height: 14px;--grid-color: rgba(255, 255, 255, .06);--grid-size: 22px;--card-shadow: none;--table-header-bg: var(--bg-2)}body.theme-light{--bg-0: #f0f4f8;--bg-1: #ffffff;--bg-2: #e2e8f0;--card: #ffffff;--border: #cbd5e1;--text: #1e293b;--muted: #64748b;--grid-color: rgba(0, 0, 0, .08);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .06);--table-header-bg: #f8fafc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(1200px 600px at 75% -10%,rgba(0,229,255,.06),transparent 60%),radial-gradient(1200px 600px at 20% 110%,rgba(192,92,255,.06),transparent 60%),var(--bg-0);position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);opacity:.35;z-index:0}.container{position:relative;z-index:1;min-width:0;max-width:100%;margin-left:var(--sidebar-w);padding:calc(var(--nav-h) + 24px) 24px 24px}h1,h2,h3{margin:0 0 12px;font-weight:600}h2{font-size:22px}small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px}@media (max-width: 1100px){.cards{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width: 768px){.container{width:100%;margin-left:0;padding:calc(var(--nav-h) + 20px) 16px calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 24px)}.cards{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding-right:12px;padding-left:12px}}aside.sidebar{--sidebar-accent: #2497ff;--sidebar-accent-soft: rgba(36, 151, 255, .12);--sidebar-accent-border: rgba(36, 151, 255, .22);--sidebar-hover: rgba(255, 255, 255, .045);--sidebar-hover-border: rgba(255, 255, 255, .055);position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border);background:radial-gradient(circle at 20% 0,rgba(36,151,255,.075),transparent 30%),var(--bg-1);padding:16px 12px 20px;box-shadow:12px 0 30px #00000014;z-index:11}.sidebar__brand{display:flex;flex-direction:column;gap:3px;margin-bottom:18px;padding:12px;border:1px solid rgba(36,151,255,.12);border-radius:12px;background:linear-gradient(145deg,#2497ff1a,#8b5cf60b),var(--bg-2);box-shadow:inset 0 1px #ffffff06}.sidebar__brand-name{color:var(--text);font-size:1rem;font-weight:700;letter-spacing:-.015em;line-height:1.2}.sidebar__brand-subtitle{color:var(--muted);font-size:.68rem;font-weight:500;letter-spacing:.055em;line-height:1.35;text-transform:uppercase}.sidebar .sidebar__menu{display:flex;flex-direction:column;gap:5px}.sidebar .sidebar__item{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:.88rem;font-weight:500;line-height:1.2;text-decoration:none;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.sidebar .sidebar__item:hover{border-color:var(--sidebar-hover-border);background-color:var(--sidebar-hover);color:var(--text)}.sidebar .sidebar__item--active{border-color:var(--sidebar-accent-border);background:linear-gradient(90deg,var(--sidebar-accent-soft),rgba(34,193,214,.045));color:var(--text);box-shadow:inset 2px 0 0 var(--sidebar-accent),0 8px 22px #0000001a}.sidebar .sidebar__item:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.sidebar__icon{width:19px;height:19px;flex:0 0 19px;opacity:.88;transition:color .16s ease,opacity .16s ease}.sidebar__item:hover .sidebar__icon{opacity:1}.sidebar__item--active .sidebar__icon{color:#63b8ff;opacity:1}.sidebar__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-light aside.sidebar{--sidebar-hover: rgba(15, 23, 42, .045);--sidebar-hover-border: rgba(15, 23, 42, .08);--sidebar-accent-soft: rgba(36, 151, 255, .1);--sidebar-accent-border: rgba(36, 151, 255, .24);box-shadow:10px 0 28px #0f172a0b}body.theme-light .sidebar__brand{border-color:#2497ff29;box-shadow:inset 0 1px #ffffffb3}body.theme-light .sidebar .sidebar__item--active{box-shadow:inset 2px 0 0 var(--sidebar-accent),0 7px 18px #2497ff12}body.theme-light .sidebar__item--active .sidebar__icon{color:#147fdc}@media (max-width: 768px){aside.sidebar{inset:auto 0 0;width:auto;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));overflow:visible;border-top:1px solid var(--border);border-right:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(36,151,255,.045),transparent 55%),var(--bg-1);box-shadow:0 -12px 30px #0003;z-index:20}.sidebar__brand{display:none}.sidebar .sidebar__menu{width:100%;height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.sidebar .sidebar__item{min-width:0;min-height:0;flex-direction:column;justify-content:center;gap:4px;padding:4px 2px;border-radius:9px;font-size:.64rem;text-align:center}.sidebar .sidebar__item--active{box-shadow:inset 0 2px 0 var(--sidebar-accent),0 4px 16px #0000001f}.sidebar__icon{width:20px;height:20px;flex-basis:20px}.sidebar__label{width:100%;overflow:visible;line-height:1.05;text-overflow:clip;white-space:normal}body.theme-light aside.sidebar{box-shadow:0 -10px 26px #0f172a14}body.theme-light .sidebar .sidebar__item--active{box-shadow:inset 0 2px 0 var(--sidebar-accent),0 4px 14px #2497ff14}}@media (max-width: 480px){aside.sidebar{padding-right:4px;padding-left:4px}.sidebar .sidebar__menu{gap:1px}.sidebar .sidebar__item{font-size:.61rem}}@media (prefers-reduced-motion: reduce){.sidebar .sidebar__item,.sidebar__icon{transition:none}}.topnav{position:fixed;left:var(--sidebar-w);right:0;top:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-1);border-bottom:1px solid var(--border);z-index:10}.topnav-left{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.modeBtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer}.modeBtn__icon{width:17px;height:17px;flex:0 0 auto}.modeBtn:hover{filter:brightness(1.05)}.modeBtn:focus-visible{outline:2px solid #2497ff;outline-offset:2px}@media (max-width: 768px){.topnav{left:0;gap:12px;padding-inline:14px}}@media (max-width: 480px){.modeBtn{width:40px;height:40px;justify-content:center;padding:0}.modeBtn__label{display:none}}.app{background:var(--bg-0);color:var(--text);min-height:100dvh}.app--dark{background:var(--bg-0);color:var(--text)}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel)}.header .brand{font-weight:700;letter-spacing:.3px}.header .actions button{border:1px solid var(--border);background:transparent;color:inherit;padding:6px 10px;border-radius:10px;cursor:pointer}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100dvh - 56px)}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:12px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar a{text-decoration:none;color:var(--text);padding:8px 10px;border-radius:8px}.sidebar a:hover,.sidebar a.active{background:var(--bg-2)}.content{padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--card-shadow)}.card__label{font-size:.9rem;color:var(--muted)}.card__value{font-size:1.8rem;font-weight:700;margin-top:6px}.card__hint{margin-top:4px;font-size:.8rem;color:var(--muted)}