:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#e9f1f7;background:#071016;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#173e48 0,transparent 28%),#071016;min-height:100vh}header{height:104px;padding:24px max(28px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22323a;background:#09151bbd;backdrop-filter:blur(16px);position:sticky;top:0;z-index:2}h1{font-size:26px;margin:4px 0}.eyebrow{color:#38d6b2;font-size:11px;letter-spacing:.22em}.status{display:flex;gap:9px;align-items:center;color:#9fb0b9}.status i{width:9px;height:9px;border-radius:50%;background:#36d399;box-shadow:0 0 14px #36d399}main{max-width:1320px;margin:0 auto;padding:26px 28px 50px}.toolbar{display:flex;justify-content:flex-end;align-items:end;gap:10px;margin-bottom:16px}.toolbar label{max-width:280px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:14px}.metric,.panel{background:#0d1b22;border:1px solid #22343d;border-radius:14px;box-shadow:0 16px 60px #0004}.metric{padding:18px;border-left:3px solid #4f6873}.metric span{color:#8fa2ac;font-size:13px}.metric strong{display:block;font-size:30px;margin-top:7px}.metric.success{border-left-color:#36d399}.metric.danger{border-left-color:#ff6b72}.metric.warning{border-left-color:#f1b94d}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-bottom:14px}.panel{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-title h2{font-size:17px;margin:0}.panel-title span{color:#768b95;font-size:12px}.device-list{display:grid;gap:10px}.device{border:1px solid #22343d;background:#09151b;padding:15px;border-radius:11px;display:flex;justify-content:space-between;gap:18px}.device b{margin-right:10px}.online{font-size:11px;color:#36d399}.online.off{color:#ff6b72}.device p{margin:10px 0}.device small{color:#6e838d}.sim{display:inline-block;padding:5px 8px;margin-right:6px;border-radius:6px;background:#16303a;color:#a9d9db;font-size:12px}.muted{color:#71858e}.composer{display:grid;gap:12px}.composer .panel-title{margin-bottom:0}label{display:grid;gap:6px;color:#91a6b0;font-size:12px}input,select,textarea{width:100%;border:1px solid #2d424c;border-radius:8px;background:#071217;color:#e7f0f4;padding:10px 11px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#38d6b2}button,.file{border:1px solid #33505b;background:#122630;color:#dce8ed;border-radius:8px;padding:9px 13px;cursor:pointer}button:hover,.file:hover{border-color:#38d6b2}.primary{background:#26b996;color:#04110e;border:0;font-weight:700;padding:12px}.upload-row{display:flex;align-items:center;gap:10px}.file{display:inline-block}.file input{display:none}#uploadInfo,#formMessage{color:#7f959f;font-size:12px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#7f959f;font-weight:500;border-bottom:1px solid #263942;padding:10px}td{padding:12px 10px;border-bottom:1px solid #172830}.pill{display:inline-block;border-radius:99px;padding:5px 8px;font-size:11px;background:#24343c;color:#b7c5cb}.pill.success{background:#12372f;color:#55dfbb}.pill.warning{background:#3a301b;color:#f1c665}.pill.danger{background:#3d2025;color:#ff8a90}.empty{text-align:center;color:#637983;padding:26px}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}header{padding:20px}main{padding:18px}.status{display:none}}