:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{color:#5371a8;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 20% 10%,#1e467e 0,transparent 32%),linear-gradient(135deg,#071a32,#0d2749 55%,#102039)}.login-card{width:min(480px,100%);background:rgba(255,255,255,.98);border-radius:20px;padding:38px;box-shadow:0 28px 80px rgba(0,0,0,.3)}h1,h2,p{margin-top:0}.login-card h1{margin:10px 0;font-size:28px}.login-card p,.panel-head p,.summary-grid small,.status-panel p{color:#667085;line-height:1.6}.stack{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;color:#44516a;font-size:13px;font-weight:700}input,select{width:100%;height:42px;border:1px solid #d6dce8;border-radius:9px;padding:0 12px;color:#172033;background:#fff;outline:none}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.primary,.ghost{height:42px;border-radius:9px;padding:0 16px;font-weight:750;border:1px solid transparent}.primary{background:#1769e0;color:#fff;box-shadow:0 6px 15px rgba(23,105,224,.2)}.primary:hover{background:#0f5bc8}.ghost{background:#fff;border-color:#d6dce8;color:#344054}.ghost:hover{border-color:#9aabd0;background:#f8faff}.danger{color:#c0394a}.app-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#0a1d36;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#2f80ed,#6a5cff);font-weight:900}.brand small{display:block;color:#879bb8;margin-top:4px}.nav-item,.nav-link{display:block;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;color:#aabbd1;padding:12px 14px;text-decoration:none;margin-bottom:5px;font-weight:700}.nav-item.active,.nav-item:hover,.nav-link:hover{background:#15365f;color:#fff}.nav-link{margin-top:20px;border:1px solid #29476c}.sidebar-note{margin-top:auto;padding:16px;border:1px solid #29476c;border-radius:12px;background:#0d2849}.sidebar-note span,.sidebar-note strong{display:block}.sidebar-note span{color:#829bb9;font-size:12px}.sidebar-note strong{margin:7px 0;color:#76b6ff}.sidebar-note p{margin:0;color:#90a4bf;font-size:12px;line-height:1.6}.workspace{min-width:0}.topbar{height:88px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7ef;background:#fff}.topbar h1{font-size:22px;margin:3px 0 0}.top-actions{display:flex;align-items:center;gap:8px}.gateway-label{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a869a;font-size:12px;margin-right:8px}.view{padding:26px 30px 50px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.summary-grid article,.panel{background:#fff;border:1px solid #e3e8f0;border-radius:13px;box-shadow:0 5px 18px rgba(28,48,78,.04)}.summary-grid article{padding:20px}.summary-grid span{color:#667085;font-size:13px}.summary-grid strong{display:block;font-size:23px;margin:8px 0}.summary-grid small{display:block}.panel{margin-bottom:18px;padding:20px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{font-size:17px;margin-bottom:5px}.panel-head p{font-size:13px;margin-bottom:0}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr auto auto;gap:12px;align-items:end}.table-panel{padding:0}.table-panel .panel-head{padding:20px 20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th,td{text-align:left;border-top:1px solid #edf0f5;padding:13px 15px;font-size:13px;vertical-align:middle}th{color:#7b879b;background:#fafbfc;font-size:12px}.muted{color:#8390a4}.mono{font-family:"SFMono-Regular",Consolas,monospace}.badge{display:inline-flex;padding:4px 8px;border-radius:99px;background:#eef3fb;color:#4a6288;font-size:11px;font-weight:800}.badge.ok{background:#e6f7ee;color:#147a45}.badge.off{background:#f3f4f6;color:#667085}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{border:0;background:#edf4ff;color:#175fc4;border-radius:6px;padding:6px 9px;font-size:12px}.row-actions button.warn{background:#fff0f0;color:#b53343}.empty{text-align:center;padding:34px;color:#8792a5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:9px}.icon-btn{border:0;background:#eef1f6;border-radius:8px;width:34px;height:34px;font-size:20px;color:#566176}.device-query{max-width:920px}.device-form{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:12px;align-items:end}.status-panel{max-width:920px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.status-dot{width:13px;height:13px;margin-top:8px;border-radius:50%;background:#a8b0bf;box-shadow:0 0 0 6px #eef0f4}.status-dot.online{background:#19a463;box-shadow:0 0 0 6px #e4f7ee}.status-dot.offline{background:#d64b59;box-shadow:0 0 0 6px #fdecee}.status-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 0}.status-grid div{border:1px solid #e4e8ef;background:#f9fafc;border-radius:9px;padding:12px}.status-grid dt{color:#7e899b;font-size:11px;margin-bottom:6px}.status-grid dd{margin:0;font-size:13px;word-break:break-all}.toast{position:fixed;z-index:50;right:24px;top:20px;max-width:460px;padding:12px 16px;border-radius:9px;background:#152439;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.24);transform:translateY(-80px);opacity:0;transition:.2s}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#a62f40}@media(max-width:920px){.app-shell{grid-template-columns:1fr}aside{position:static;height:auto}.sidebar-note{display:none}.topbar{height:auto;padding:18px;align-items:flex-start;gap:15px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.view{padding:18px}.summary-grid{grid-template-columns:1fr}.filter-grid,.device-form{grid-template-columns:1fr 1fr}.filter-grid label:first-child,.device-form label{grid-column:1/-1}.form-grid,.status-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}