:root{--ink:#202938;--muted:#7b8494;--line:#e6e9f0;--accent:#6752df;--wash:#f5f6fa}body{background:var(--wash);color:var(--ink);font:14px/1.6 system-ui,-apple-system,sans-serif}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 20px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:18px}.brand b{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:-5px}.brand-icon{display:grid;place-items:center;background:var(--accent);color:white;border-radius:13px;font-size:31px;width:42px;height:42px;font-weight:800}.brand-icon.large{width:54px;height:54px;margin-bottom:22px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#9a9fab;margin:36px 12px 12px;font-weight:700}nav>a{display:block;padding:11px 13px;color:#687184;text-decoration:none;margin:4px 0;border-radius:8px}nav>a:hover,nav>a.active{background:#f0edff;color:var(--accent)}.sidebar-foot{position:absolute;bottom:28px;left:30px;font-size:9px;letter-spacing:1px;color:#768092}.sidebar-foot small{margin-left:15px;color:#a3a9b4;letter-spacing:0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#31b28b;margin-right:8px}.workspace{margin-left:240px}header{height:78px;background:white;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.crumb{color:#98a0ae;margin-left:14px}.account{display:flex;gap:20px;align-items:center}main{max-width:1650px;padding:36px 42px 56px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:750;margin-bottom:10px}h1{font-size:30px;font-weight:650;letter-spacing:-1px;margin:0}h2{font-size:16px;font-weight:650;margin:0 0 18px}.intro,.muted{color:var(--muted)}.intro{margin-bottom:30px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:22px;box-shadow:0 3px 12px #25355503}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-heading h2{margin:0}.btn{font-size:12px;font-weight:600;padding:10px 17px;border-radius:7px}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#5642c8;border-color:#5642c8}.btn-outline-primary{color:var(--accent);border-color:#d1c9ff}.btn-light{background:#f5f6fa;border-color:var(--line)}a{color:var(--accent);text-decoration:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:20px 23px;border:1px solid var(--line);border-radius:11px;background:white}.stat-label{color:var(--muted);font-size:11px}.stat-number{font-size:29px;font-weight:600;letter-spacing:-1px;margin-top:7px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.health-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f2f6;padding-bottom:9px;font-size:12px}.badge-soft{font-size:10px;border-radius:5px;padding:4px 9px;background:#f0f1f6;color:#798296;font-weight:650;text-transform:uppercase;white-space:nowrap}.online,.acknowledged{color:#168c69;background:#e9f8f1}.sent,.received{color:#6752df;background:#f0edff}.expired,.offline,.disabled{color:#8a7881;background:#f4f0f2}.failed{color:#ca5362;background:#fff0f1}.table{font-size:12px;--bs-table-bg:transparent}.table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#929aa8;font-weight:600;padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:17px 10px;border-color:#f0f2f5;vertical-align:middle}.mono,code,pre{font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.value-chip{font-size:14px;background:#f3f0ff;color:var(--accent);font-weight:700;padding:5px 10px;border-radius:6px}.empty{text-align:center;padding:40px!important;color:#99a1ae}.computer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.computer-card h2{margin-top:22px}.computer-card .uuid{font-size:10px;color:#9ba2af}.computer-card .card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.pc-icon{font-size:26px;color:var(--accent)}.login-panel{max-width:460px;margin:45px auto;padding:36px}.login-panel label{margin:16px 0 7px;font-size:12px}.form-control,.form-select{font-size:13px;padding:10px 12px;border-color:#dde1e9}.form-control:focus,.form-select:focus{border-color:#b6aaf9;box-shadow:0 0 0 3px #f1edff}.form-panel{max-width:650px}dl{display:grid;grid-template-columns:160px 1fr;gap:12px 22px;font-size:12px;margin:0}dt{font-weight:500;color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}pre{background:#f7f8fc;border:1px solid var(--line);padding:20px;border-radius:8px;white-space:pre-wrap}.credential-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:11px}.filters{display:flex;gap:12px;margin-bottom:20px}.filters>*{max-width:230px}.test-label{background:#fff0d0;color:#926820;padding:8px 13px;border-radius:7px;font-size:11px;font-weight:bold;letter-spacing:1px}.console{margin-top:18px;background:#202635;color:#c6c4e8;border-radius:8px;padding:16px;max-height:230px;overflow:auto;white-space:pre-wrap;font:11px/1.7 monospace}.received-command{padding:18px;border:1px solid var(--line);border-radius:8px;margin:10px 0}.received-command .controls{display:flex;gap:8px;margin-top:12px}footer{border-top:1px solid var(--line);padding:20px 42px;color:#9ca4b1;font-size:10px}footer span{float:right}@media(max-width:1150px){.sidebar{width:205px}.workspace{margin-left:205px}main{padding:28px}.stats{grid-template-columns:repeat(3,1fr)}.computer-grid{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.filters{flex-wrap:wrap}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px}.sidebar nav{display:flex;overflow:auto;margin-top:12px}.sidebar nav a{white-space:nowrap}.nav-label,.sidebar-foot{display:none}.workspace{margin:0}header{padding:0 20px;height:60px}.stats{grid-template-columns:repeat(2,1fr)}main{padding:24px 16px}.computer-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{font-size:25px}.panel{padding:18px}.health-grid{grid-template-columns:1fr}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:10px}.credential-row{flex-wrap:wrap}footer span{float:none;display:block}.account{gap:8px}.crumb{display:none}}