:root{color-scheme:dark;--bg:#080704;--panel:#121009;--line:#392b16;--gold:#dfb45e;--text:#f4ede1;--muted:#9f9585;--red:#ed8282;--green:#75d6a8;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#0b0905}.brand{display:flex;align-items:center;gap:12px;margin-bottom:50px}.brand span,.logo{width:42px;height:42px;border:1px solid var(--gold);border-radius:12px;display:grid;place-items:center;font:700 24px Georgia;color:var(--gold)}nav{display:grid;gap:8px}.nav,.link{background:none;border:0;text-align:left;color:var(--muted);padding:14px 16px;border-radius:12px;font:700 15px inherit}.nav.active{background:#2c2110;color:var(--gold)}.link{margin-top:auto}main{padding:36px;min-width:0}.login{min-height:calc(100vh - 72px);display:grid;place-items:center}.card{background:linear-gradient(145deg,#17130c,#0d0b07);border:1px solid var(--line);border-radius:24px;padding:28px}.login .card{width:min(430px,100%)}.logo{margin-bottom:18px}.eyebrow{letter-spacing:.2em;color:var(--gold);font-size:11px;font-weight:800}h1{font-size:34px;margin:8px 0 24px}label{display:block;color:var(--muted)}input,select{width:100%;background:#080704;border:1px solid #3a2e1d;color:var(--text);padding:13px;border-radius:12px;margin-top:8px}.primary,button{border:1px solid var(--line);background:#17130b;color:var(--text);padding:12px 16px;border-radius:11px;font-weight:700;cursor:pointer}.primary{background:var(--gold);color:#171108;border:0}.login .primary{width:100%}.error{color:var(--red);min-height:20px}.hidden{display:none!important}header{display:flex;justify-content:space-between;align-items:center}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel)}.metric strong{display:block;font-size:28px;margin-top:8px}.toolbar{display:flex;gap:10px;margin:22px 0}.toolbar input{max-width:360px;margin:0}.toolbar select{max-width:240px;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:900px;background:var(--panel)}th,td{padding:16px;text-align:left;border-bottom:1px solid #282014;white-space:nowrap}th{font-size:12px;color:var(--muted);letter-spacing:.08em}td small{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-block;padding:7px 10px;border-radius:999px;background:#211a0f;color:var(--gold);font-size:12px}.pill.green{color:var(--green);background:#0b261d}.pill.red{color:var(--red);background:#2b1212}.row-actions{display:flex;gap:7px}.row-actions button{padding:8px 10px}.pager{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:16px;color:var(--muted)}dialog{border:0;background:transparent;color:var(--text);width:min(560px,92vw)}dialog::backdrop{background:#000c}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-head h2{margin-top:4px}.device-list{display:grid;gap:10px;margin-top:18px}.device-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px}.device-row>div{min-width:0;flex:1}.device-row strong,.device-row small{display:block}.device-row small{color:var(--muted);margin-top:5px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#f3e2bd;color:#231909;padding:12px 18px;border-radius:10px;opacity:0;transition:.2s}.toast.show{opacity:1}@media(max-width:800px){body{display:block}aside{height:auto;position:relative;flex-direction:row;align-items:center;padding:14px;gap:12px}.brand{margin:0}.brand strong{display:none}nav{display:flex;overflow:auto}.link{margin:0 0 0 auto}main{padding:20px}.summary{grid-template-columns:1fr 1fr}}