:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#202521;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.admin-login{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,520px);background:#fff}.login-intro{padding:46px clamp(38px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between;color:#f5f8f6;background:#173d2d}.product-mark,.mobile-product{display:flex;align-items:center;gap:10px;font-weight:750}.product-mark svg,.mobile-product svg{width:23px}.login-intro h1{max-width:560px;margin:12px 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.14}.login-intro p{max-width:520px;color:#bed1c6;font-size:16px}.login-intro small{color:#9eb6a9}.eyebrow{margin:0!important;color:#72ca9d!important;font-size:12px!important;font-weight:700}.login-form{align-self:center;padding:52px clamp(34px,6vw,76px)}.login-form header{margin-bottom:28px}.login-form h2{margin:0 0 7px;font-size:26px}.login-form header p{margin:0;color:#758078}.mobile-product{display:none;color:#176b49;margin-bottom:42px}label{display:grid;gap:7px;margin:15px 0;color:#56615a;font-size:13px}input,select{width:100%;border:1px solid #cbd4ce;border-radius:6px;padding:11px 12px;background:#fff;color:#202521;outline:none}input:focus,select:focus{border-color:#217e58;box-shadow:0 0 0 3px #217e581f}.primary,.secondary,.row-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:9px 14px}.primary{border:1px solid #176b49;background:#176b49;color:#fff}.primary svg,.secondary svg,.row-actions svg{width:17px}.secondary{border:1px solid #cbd4ce;background:#fff;color:#425048}.full{width:100%;margin-top:8px}.feedback{margin:12px 0;border-radius:5px;padding:9px 11px;font-size:13px}.feedback.error{background:#f9eaea;color:#a32929}.feedback.success{background:#e6f4eb;color:#176b49}.page-feedback{margin:16px 0 0}.admin-layout{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;display:flex;flex-direction:column;background:#202a25;color:#fff}.sidebar-brand{padding:0 8px 25px;display:flex;align-items:center;gap:10px}.sidebar-brand>svg{width:22px;color:#63be8e}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:15px}.sidebar-brand small{margin-top:3px;color:#94a79c;font-size:11px}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.logout{width:100%;min-height:42px;border:0;border-radius:5px;padding:10px;display:flex;align-items:center;gap:10px;background:transparent;color:#aebab1;text-align:left}.sidebar nav button.active{background:#34473d;color:#fff}.sidebar nav svg,.logout svg{width:18px}.logout{margin-top:auto}.content{min-width:0;padding:28px 34px}.page-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px}.page-header h1{margin:0;font-size:24px}.page-header p{margin:7px 0 0;color:#707a74}.page-actions{display:flex;gap:8px}.icon-button{width:40px;height:40px;border:1px solid #ccd4cf;border-radius:6px;display:grid;place-items:center;background:#fff;color:#536059}.icon-button svg{width:18px}.metrics{margin:28px 0 12px;padding-bottom:20px;display:flex;gap:40px;border-bottom:1px solid #dce2de;color:#68736d}.metrics span{display:flex;align-items:baseline;gap:10px}.metrics strong{color:#202421;font-size:27px}.table-wrap{margin-top:24px;overflow-x:auto;border:1px solid #dee4e0;background:#fff}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #e3e7e4;font-size:14px;text-align:left;vertical-align:middle}th{background:#f8f9f8;color:#66716a;font-weight:500;white-space:nowrap}tbody tr:last-child td{border-bottom:0}td small{display:block;max-width:320px;margin-top:4px;overflow:hidden;color:#87918b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.right{text-align:right}.row-actions{white-space:nowrap}.row-actions button{min-height:34px;margin-left:6px;border:1px solid #d1d8d4;background:#fff;color:#405047;padding:6px 9px}.row-actions svg{width:14px}.status{display:inline-flex;align-items:center;gap:6px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#929b96}.status.online:before{background:#24a66d}.empty{padding:48px!important;color:#7d8781;text-align:center}.account-note{margin:27px 0 0;padding:12px 14px;display:flex;align-items:center;gap:9px;border-left:3px solid #4b8c69;background:#edf4f0;color:#476052;font-size:13px}.account-note svg{width:17px}.filters{margin:26px 0 -10px;display:flex;gap:8px}.filters select{width:180px}.login-result{display:inline-flex;align-items:center;gap:5px;color:#a43838}.login-result.success{color:#198056}.login-result svg{width:15px}.user-agent{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68736d;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:20;padding:20px;display:grid;place-items:center;background:#10161280}.modal{position:relative;width:min(480px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:0;border-radius:8px;padding:25px;background:#fff}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.modal h2{margin:0;font-size:20px}.modal header p,.pairing-modal p{margin:6px 0 0;color:#6e7a73;font-size:13px}.modal-close{width:34px;height:34px;flex:none;border:0;border-radius:5px;display:grid;place-items:center;background:transparent;color:#65716a}.modal-close svg{width:19px}.modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}.pairing-modal{text-align:center}.pairing-modal .modal-close{position:absolute;top:14px;right:14px}.pairing-code{margin:22px 0 12px;padding:14px;background:#edf3ef;color:#145d40;font:500 34px/1.4 Consolas,monospace;letter-spacing:5px}.pairing-modal .secondary{margin-top:18px}.device-options{max-height:360px;overflow-y:auto;display:grid;gap:7px}.device-option{width:100%;min-height:60px;border:1px solid #dce3df;border-radius:6px;padding:9px 11px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;background:#fff;color:#2a332e;text-align:left}.device-option.selected{border-color:#39835e;background:#f0f6f2}.checkbox{width:19px;height:19px;display:grid;place-items:center;border:1px solid #aab6af;border-radius:4px;color:transparent;font-size:12px}.device-option.selected .checkbox{border-color:#217b55;background:#217b55;color:#fff}.device-option strong,.device-option small{display:block}.device-option small{margin-top:4px;color:#7b8780}@media(max-width:820px){.admin-login{grid-template-columns:1fr;min-height:100dvh}.login-intro{display:none}.login-form{width:min(430px,100%);margin:auto;padding:28px 22px}.mobile-product{display:flex}.admin-layout{grid-template-columns:1fr;padding-bottom:68px}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:68px;padding:7px 8px max(7px,env(safe-area-inset-bottom));display:block}.sidebar-brand,.logout{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:2px}.sidebar nav button{min-height:52px;padding:5px 2px;flex-direction:column;justify-content:center;gap:2px;font-size:10px}.sidebar nav button.active{background:#34473d}.sidebar nav svg{width:18px}.content{padding:18px 13px}.page-header{align-items:center}.page-header h1{font-size:21px}.page-header p{display:none}.page-actions .primary{padding-inline:11px;white-space:nowrap}.metrics{margin-top:22px}.table-wrap{margin-top:18px}th,td{padding:12px 11px}.row-actions button{margin:3px 0 3px 5px}.filters{margin-top:20px}.filters select{width:50%;font-size:14px}.modal-backdrop{padding:12px;align-items:end}.modal{width:100%;max-height:88dvh;border-radius:8px 8px 0 0;padding:21px 17px max(20px,env(safe-area-inset-bottom))}}