:root{color-scheme:dark;--ink:#e4edf1;--muted:#94a5af;--line:#29343e;--teal:#37c8b5;--bg:#0b1218}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
header{height:78px;background:#131c23;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 max(28px,calc((100vw - 1300px)/2))}
.brand{text-decoration:none;white-space:nowrap;font-size:24px;font-weight:850;letter-spacing:1px;color:var(--ink)}
.brand>span:last-child{font-size:20px;font-weight:400;letter-spacing:0;color:var(--muted)}
.brand-dot{color:var(--teal);font-size:17px}
.header-label{font-size:13px;color:var(--muted)}
header form{margin-left:auto}
main{max-width:1356px;margin:0 auto;padding:46px 28px;min-height:calc(100vh - 148px)}
h1{margin:4px 0 8px;font-size:34px;line-height:1.3;font-weight:700;letter-spacing:-.8px}
p{margin:8px 0}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.2px;color:var(--teal)}
.muted{color:var(--muted)}
.small{font-size:12px}
.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}
.stats>div{background:#131c23;border:1px solid var(--line);border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}
.stats span{color:var(--muted);font-size:13px}
.stats strong{font-size:32px;font-weight:650}
button,.button{cursor:pointer;border:1px solid transparent;border-radius:7px;padding:10px 16px;font:inherit;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
button:hover,.button:hover{filter:brightness(.95)}
.primary{background:var(--teal);color:#071f1b}
.secondary{background:#173330;color:var(--teal);border-color:#29534e}
.quiet{background:#131c23;border-color:var(--line);color:var(--ink)}
a{color:var(--teal)}
input,select,textarea{font:inherit;font-size:14px;background:#131c23;border:1px solid #344550;border-radius:7px;padding:11px 12px;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid #37c8b5;outline-offset:2px}
label{display:block;font-weight:600;font-size:13px}
label:not(.check)>input,label>textarea{display:block;width:100%;margin:7px 0 20px}
.filters{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.search{flex:1;min-width:240px}
.check{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:450}
.check input{accent-color:var(--teal)}
.table-wrap{overflow:auto;background:#131c23;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;text-align:left;min-width:980px}
th{font-size:12px;letter-spacing:.2px;color:var(--muted);font-weight:550;background:#17222b;padding:16px 20px;white-space:nowrap}
td{padding:20px;border-top:1px solid var(--line);vertical-align:middle}
tbody tr:hover{background:#172630}
.device-name{font-size:15px;font-weight:650}
.copy-id{padding:2px 0;background:none;border:0;color:var(--muted);font-family:monospace;font-weight:450}
.copy-id span{font-size:10px;margin-left:6px;color:var(--teal)}
.notes{max-width:250px;font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}
.group{font-size:12px}
.mono{font-family:monospace}
.badge{padding:5px 9px;border-radius:6px;font-size:11px;white-space:nowrap}
.confirmed{background:#1a303d;color:#99c6dd}
.pending{background:#352d20;color:#ecc680}
.actions{display:flex;align-items:center;gap:12px}
.star{color:#e4c477;background:none;border:0;padding:4px;font-size:21px}
.edit{font-size:12px;text-decoration:none}
.actions-heading{text-align:left}
.empty{padding:64px 20px;text-align:center;color:var(--muted)}
.table-foot{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;margin:14px 4px 30px}
.help{font-size:12px;max-width:950px;color:var(--muted)}
.help strong{color:var(--ink)}
.notice{padding:13px 16px;border-radius:8px;border:1px solid #29534e;background:#173330;margin:0 0 20px;font-size:13px}
.error{background:#331e22;color:#ffb4ac;border-color:#603038}
.warning{background:#302819;color:#e4c68b;border-color:#59472e}
.success{background:#173330;color:var(--teal)}
.edit-card{background:#131c23;border:1px solid var(--line);border-radius:16px;padding:36px}
.full{width:100%;padding:12px}
.edit-card{max-width:650px;margin:22px auto}
.edit-card form{margin-top:25px}
.check-row{display:flex;gap:30px;margin-bottom:18px}
.form-actions{display:flex;gap:12px;margin-top:25px}
.back{text-decoration:none;font-size:13px}
footer{max-width:1300px;margin:auto;display:flex;justify-content:space-between;color:#778993;font-size:11px;padding:20px 28px;border-top:1px solid var(--line)}
[hidden]{display:none!important}
@media(max-width:700px){header{padding:0 18px;height:68px;gap:12px}
.header-label{display:none}
main{padding:28px 16px}
.title-row{gap:12px}
.stats{gap:8px}
.stats>div{padding:15px 12px;display:block}
.stats strong{display:block;font-size:27px}
.filters input.search{width:100%;flex-basis:100%}
.filters select{flex:1;min-width:130px}
.table-foot{flex-direction:column}
.edit-card{padding:26px}
.check-row{flex-wrap:wrap;gap:14px}
footer span{display:none}
}