:root{color-scheme:dark;--bg:#080b10;--panel:#10151d;--panel2:#151b25;--line:#2c3442;--orange:#ff6418;--cyan:#42d9ef;--green:#49e58f;--red:#ff5065;--text:#f5f7fb;--muted:#8d98aa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -15%,rgba(255,100,24,.16),transparent 30%),var(--bg);font:14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);letter-spacing:0}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #442819;background:rgba(8,11,16,.94);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:baseline;gap:12px}.brand span{font-size:30px;font-weight:900;font-style:italic}.brand span::after{content:"//";color:var(--orange);margin-left:6px}.brand strong{font-size:18px}.brand small,.eyebrow{font:700 10px/1.2 Consolas,monospace;color:var(--orange)}.health{display:flex;align-items:center;gap:8px;color:var(--muted)}.health i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}main{width:min(1480px,calc(100% - 32px));margin:24px auto 50px}.login-panel{width:min(560px,100%);margin:12vh auto;padding:34px;border:1px solid #6c361e;border-top:3px solid var(--orange);background:var(--panel);box-shadow:0 26px 80px rgba(0,0,0,.45)}h1,h2,p{margin-top:0}h1{font-size:30px;margin-bottom:6px}.login-panel p{color:var(--muted)}form{margin:0}.login-panel form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px}input,select,button{height:42px;border:1px solid var(--line);background:#0b0f15;color:var(--text);padding:0 12px;font:inherit}input:focus,select:focus{outline:1px solid var(--orange);border-color:var(--orange)}button{cursor:pointer;background:linear-gradient(135deg,#e3480b,var(--orange));border-color:#ff7b38;font-weight:800}button:hover{filter:brightness(1.12)}button:disabled{cursor:not-allowed;opacity:.45}.ghost{background:#151b25;border-color:#3b4658}.message{min-height:20px;margin:10px 0 0;color:var(--cyan)}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.overview div{padding:18px;border:1px solid var(--line);border-top:2px solid var(--orange);background:var(--panel)}.overview span{display:block;color:var(--muted);font-size:12px}.overview strong{display:block;font-size:28px;margin-top:5px}.panel{border:1px solid var(--line);background:var(--panel);margin-bottom:16px}.panel-title{min-height:66px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-title h2{margin:3px 0 0;font-size:20px}.inline-form{padding:18px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.inline-form label span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.inline-form input{width:100%}.create-panel .message{padding:0 18px 12px}.table-wrap{overflow:auto;max-height:540px}table{width:100%;border-collapse:collapse;min-width:1120px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #252c37;white-space:nowrap}th{position:sticky;top:0;background:#161d27;color:#aeb7c5;font-size:12px;z-index:1}td{color:#dce2eb}.status{display:inline-flex;padding:3px 8px;border:1px solid;border-radius:2px;font-size:12px}.status.active{color:var(--green);border-color:#267c51;background:#112d21}.status.suspended{color:var(--red);border-color:#823241;background:#35151c}.plan-actions,.manage-actions{display:flex;align-items:center;gap:6px}.plan-actions select{height:34px}.plan-actions button,.manage-actions button{height:34px;padding:0 9px;font-size:12px}.danger{background:#34151c;border-color:#7e2d3b;color:#ff8795}.device-list{padding:14px;display:grid;gap:8px}.device-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid var(--line);background:#0c1118}.device-row strong,.device-row span{display:block}.device-row span{color:var(--muted);font-size:12px;margin-top:4px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:20;padding:20px}.modal[hidden]{display:none}.dialog{width:min(760px,100%);max-height:80vh;overflow:auto;border:1px solid #6c361e;border-top:3px solid var(--orange);background:var(--panel);box-shadow:0 30px 100px #000}.dialog header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.dialog h2{margin:3px 0 0}.small-table{max-height:320px}@media(max-width:900px){.overview{grid-template-columns:repeat(2,1fr)}.inline-form{grid-template-columns:1fr}.brand small{display:none}}