:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#272722;background:#f6f5f0;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1280px;margin:auto;padding:36px 28px}header,.toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#827448;margin:0 0 9px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 9px}h2{font-size:18px;margin:0 0 16px}h3{font-size:14px;margin:0 0 12px}p{line-height:1.65}.muted,footer{color:#77766a}.badge{border:1px solid #d7cfb8;border-radius:24px;padding:9px 14px;color:#82703a;white-space:nowrap}.notice{padding:14px 18px;border:1px solid #e6d7a8;background:#fffaf0;border-radius:12px;color:#736039;margin:0 0 24px}.card{background:white;border:1px solid #e7e4d9;border-radius:16px;padding:24px;margin-bottom:22px}.login-card{max-width:440px;margin:50px auto}.login-card form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:13px;color:#58584e}input,select,button{font:inherit;border:1px solid #dedbcd;border-radius:8px;min-height:42px;padding:10px 12px}input,select{width:100%;background:white;color:#292923}input:focus,select:focus,button:focus-visible{outline:2px solid #b69b47;outline-offset:2px}button{cursor:pointer;color:#3c3b32;background:#fff;white-space:nowrap}button:hover{background:#f5f2e8}button:disabled{opacity:.5;cursor:wait}.primary{background:#cfb457;color:#292515;border-color:#cfb457}.primary:hover{background:#bca145}.toolbar{justify-content:flex-start;margin-bottom:22px}.search{flex:1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.metrics article{padding:20px 24px;background:white;border:1px solid #e7e4d9;border-radius:14px;display:flex;align-items:center;justify-content:space-between}.metrics span{color:#737164}.metrics strong{font-size:28px;font-weight:600}.columns{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}#manage{display:grid;gap:16px}#operationHint{margin:0;min-height:23px}.device-list{max-height:420px;overflow:auto}.device-row{border-bottom:1px solid #efede5;padding:16px 0;display:grid;gap:8px}.device-row:first-child{padding-top:0}.device-row code{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.device-row button{justify-self:start;padding:6px 12px;min-height:34px}.empty{padding:32px 10px;text-align:center;color:#89877a}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 10px;color:#7c796c;font-size:12px;font-weight:500;background:#f9f8f3;white-space:nowrap}td{padding:16px 10px;border-bottom:1px solid #efede6;vertical-align:top;font-size:12px;line-height:1.7}td code{display:block;font-size:11px;color:#858272;overflow-wrap:anywhere;max-width:210px}td .status{display:inline-block;padding:2px 7px;border-radius:6px;background:#edf4e8;color:#4d7037;white-space:nowrap}td .status.disabled{background:#fbebea;color:#a0453b}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{font-size:12px;min-height:30px;padding:4px 8px}.result{background:#f8f5e9;border-radius:10px;padding:16px;margin-top:24px}.result label{margin:14px 0 10px}#error:empty{display:none}#error{position:sticky;bottom:16px;background:#fff0ed;border:1px solid #eac0b7;color:#943f32;padding:14px 20px;border-radius:10px;box-shadow:0 6px 20px #0000000a}footer{text-align:center;font-size:12px;margin-top:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){main{padding:22px 16px}.columns{grid-template-columns:1fr;gap:0}.metrics{gap:10px}.metrics article{padding:14px;display:block}.metrics strong{display:block;margin-top:8px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}header{align-items:flex-start}.badge{font-size:11px}h1{font-size:28px}.card{padding:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}}