:root{font-family:Aptos,Microsoft YaHei UI,sans-serif;color:#101713;background:#e8ece7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 88% -5%,rgba(22,183,125,.14),transparent 30%),linear-gradient(90deg,rgba(16,23,19,.025) 1px,transparent 1px),linear-gradient(rgba(16,23,19,.025) 1px,transparent 1px),#e8ece7;background-size:auto,28px 28px,28px 28px}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 77% 10%,rgba(22,183,125,.2),transparent 28%),#101914}.auth-card{width:min(100%,420px);padding:32px;border:1px solid #4c7764;background:#111f18f7;box-shadow:0 24px 70px #00000059;color:#fff}.auth-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border:1px solid #64dfae;color:#64dfae;font:800 14px Consolas,monospace}.auth-card .eyebrow{color:#83b89f}.auth-card h1{margin:8px 0;font-size:29px;letter-spacing:-.05em}.auth-lead{margin:0 0 22px;color:#b6c7bd;font-size:13px;line-height:1.6}.auth-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;border:1px solid #416150}.auth-switch button{padding:10px;border:0;background:transparent;color:#abc3b5;font-weight:800}.auth-switch button.active{background:#0b9c6c;color:#fff}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;color:#c8d8cf;font-size:11px;font-weight:800}.auth-form input,.reset-form input{min-width:0;padding:11px;border:1px solid #496757;background:#0c1510;color:#fff;outline:none}.auth-form input:focus,.reset-form input:focus{border-color:#64dfae;box-shadow:0 0 0 3px #64dfae21}.auth-hint{color:#91aa9c}.auth-message,.admin-message{padding:10px;border:1px solid #517a66;background:#153124;color:#c2f0d9;font-size:11px;line-height:1.5}.auth-submit{width:100%;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:10px}.user-chip{color:#d5e7dc;font:700 10px Consolas,monospace}.topbar-logout{border-color:#50665b;background:transparent;color:#dce9e1}.admin-panel{margin-bottom:14px}.admin-users{display:grid}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #edf0ed}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:11px}.admin-user small{margin-top:3px;color:#718078;font:9px Consolas,monospace}.admin-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:5px}.reset-form{display:flex;gap:8px;padding:12px}.reset-form input{flex:1;color:#17231d;background:#fff}.audit-details{padding:12px;color:#68766e;font-size:10px}.audit-details summary{cursor:pointer;font-weight:800}.audit-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #edf0ed}.audit-row small{font:9px Consolas,monospace}.topbar{height:68px;padding:0 clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;background:#101914;color:#fff;border-bottom:3px solid #16b77d}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4c7764;color:#64dfae;font:800 11px Consolas,monospace}.brand strong{display:block;font-size:15px}.brand span{display:block;margin-top:2px;color:#9fb2a8;font:10px Consolas,monospace}.connection{display:flex;align-items:center;gap:8px;color:#b4c4bc;font:700 10px Consolas,monospace}.connection i{width:8px;height:8px;border-radius:50%;background:#87948d}.connection.online i{background:#16b77d;box-shadow:0 0 13px #16b77d}.app-layout{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{padding:18px 14px;background:#f8faf7ed;border-right:1px solid #cbd3cc}.sidebar-heading{display:flex;align-items:end;justify-content:space-between}.eyebrow{display:block;color:#718078;font:700 9px Consolas,monospace;letter-spacing:.1em}.sidebar h2,.panel h2{margin:4px 0 0;font-size:15px}.counter{padding:4px 6px;color:#087451;background:#dcf4e9;font:800 9px Consolas,monospace}.connection-form{display:grid;gap:9px;margin:17px 0}.connection-form label{display:grid;gap:5px;color:#64736b;font-size:10px;font-weight:700}.connection-form input{min-width:0;padding:10px;border:1px solid #c7d0c9;background:#fff;color:#17231d;outline:none}.connection-form input:focus{border-color:#16b77d;box-shadow:0 0 0 3px #16b77d1f}.button-row{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid #b8c4bd;background:#f8faf8;color:#15211b;font-size:11px;font-weight:800}.button:hover{border-color:#73877b;background:#f0f5f1}.button.primary{background:#0b9c6c;border-color:#0b9c6c;color:#fff}.button.primary:hover{background:#087e58}.button.connected{border-color:#17221c;background:#17221c;color:#fff}.button.connected:hover{background:#17221c}.button.muted{border-color:#c9d0cb;background:#e5e9e6;color:#7a857e}.button.muted:hover{border-color:#c9d0cb;background:#e5e9e6}.button:disabled{cursor:default;opacity:1}.button.danger{border-color:#eab1ae;background:#fff8f7;color:#b6423d}.button.compact{min-height:31px;padding:6px 8px;font-size:10px}.search{display:flex;align-items:center;gap:7px;margin:16px 0 9px;padding:10px;border:1px solid #d4dad5;background:#fff;color:#7a8880;font-size:10px}.device-list{display:grid;gap:8px}.empty-device,.empty-activity{display:grid;justify-items:center;gap:6px;padding:26px 12px;text-align:center;color:#718078;font-size:10px;line-height:1.5}.empty-device b,.empty-activity b{color:#27352d}.device-card{display:flex;align-items:flex-start;justify-content:space-between;padding:12px;border:1px solid #cfd6d0;background:#fff;text-align:left}.device-card.selected{border-color:#14211a;box-shadow:inset 3px 0 #16b77d,0 9px 22px #101b1512}.device-card b{display:block;font-size:11px}.device-card small{display:block;margin-top:7px;color:#5c6b62;font:700 10px Consolas,monospace}.device-card i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#16b77d}.device-card i.offline{background:#a9b3ad}.discovery-note{display:grid;gap:5px;margin-top:18px;padding:12px;border:1px dashed #8dac9c;background:#edf8f3;color:#586b60;font-size:10px;line-height:1.55}.discovery-note b{display:flex;align-items:center;gap:5px;color:#087451}.main-content{min-width:0;padding:24px clamp(16px,2.8vw,38px) 42px;overflow:visible}.identity{display:flex;align-items:end;justify-content:space-between;gap:20px}.identity h1{margin:5px 0 0;font-size:clamp(23px,3vw,34px);letter-spacing:-.05em}.identity p{margin:7px 0 0;color:#68766e;font-size:11px}.topic{display:flex;align-items:center;gap:9px;max-width:510px;padding:11px 12px;border:0;background:#17221c;color:#b8e5d1;font:10px/1.45 Consolas,monospace;text-align:left;overflow-wrap:anywhere}.topic:hover{background:#233128}.status-strip{display:grid;grid-template-columns:1.15fr repeat(5,1fr);gap:1px;margin-top:17px;border:1px solid #ced6cf;background:#ced6cf}.metric{min-height:86px;padding:12px;background:#fff}.metric>div{display:flex;align-items:center;gap:6px;color:#76837c}.metric span{font:700 8px Consolas,monospace;letter-spacing:.08em}.metric strong{display:block;margin-top:16px;font:800 19px Consolas,monospace}.metric small{display:block;margin-top:5px;color:#769184;font:700 8px Consolas,monospace}.metric.good{background:#17221c;color:#fff}.metric.good>div{color:#98ad9f}.metric.good strong{color:#5fe0ad}.metric.accent{background:#edf8f3}.metric.accent strong{color:#087451}.metric.warning strong{color:#ce7812}.metric.danger strong{color:#c74944}.workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:12px;margin-top:12px}.panel{background:#fff;border:1px solid #ced6cf;box-shadow:0 12px 32px #101e1612}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:51px;padding:9px 13px;border-bottom:1px solid #d9dfda}.toolbar{display:flex;gap:6px;flex-wrap:wrap}.tabs{display:flex;gap:18px;padding:12px 14px 0;border-bottom:1px solid #e2e7e3}.tabs button{padding:0 0 10px;border:0;background:transparent;color:#78857e;font-size:11px;font-weight:700}.tabs button.active{color:#15221b;border-bottom:2px solid #16b77d}.terminal{height:330px;margin:0;padding:15px;background:#0c1510;color:#b7e9d3;font:10px/1.72 Consolas,monospace;white-space:pre-wrap;overflow:auto}.terminal-input{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;padding:11px;background:#f5f8f5}.terminal-input textarea{height:50px;resize:vertical;padding:10px;border:1px solid #c7d0c9;background:#fff;font:10px Consolas,monospace;outline:none}.terminal-input label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#56665d;font-size:10px}.right-rail{display:grid;gap:12px;align-content:start}.activity-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:560px}.activity-list{min-height:0;padding:0 13px;overflow:auto}.activity-list::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-thumb{background:#c5d1ca}.activity-list::-webkit-scrollbar-track{background:#f4f7f4;padding:0 13px}.activity-item{display:grid;grid-template-columns:10px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid #edf0ed}.activity-item i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#2e94c3}.activity-item i.success{background:#16b77d}.activity-item i.warning{background:#f1a437}.activity-item i.error{background:#d95752}.activity-item b{display:block;font-size:10px}.activity-item span{display:block;margin-top:4px;color:#77837c;font-size:9px;line-height:1.5}.activity-item small{display:block;margin-top:5px;color:#9aa39e;font:8px Consolas,monospace}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.quick-actions .button{justify-content:space-between}.servo-panel{display:grid;gap:14px}.servo-readout{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 13px}.servo-readout b{font:800 30px Consolas,monospace;color:#0b9c6c}.servo-readout span{color:#6d7b73;font:700 10px Consolas,monospace;text-align:right}.servo-slider{width:calc(100% - 26px);margin:0 13px;accent-color:#0b9c6c}.servo-scale{display:flex;justify-content:space-between;padding:0 13px;color:#75837b;font:700 9px Consolas,monospace}.servo-confirm{margin:0 13px 13px}.device-details .detail{display:flex;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid #edf0ed;font-size:10px}.detail span{color:#77837c}.detail b{font-family:Consolas,monospace;color:#1b2b22;text-align:right;overflow-wrap:anywhere}@media(max-width:980px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.status-strip{grid-template-columns:repeat(3,1fr)}.workbench{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.activity-panel{max-height:520px}.topic{max-width:360px}}@media(max-width:680px){.topbar{height:auto;padding:12px 15px}.connection{display:none}.app-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #cbd3cc}.main-content{padding:18px 14px}.identity{align-items:start;flex-direction:column}.topic{max-width:none;width:100%}.status-strip{grid-template-columns:1fr 1fr}.metric{min-height:75px}.workbench{display:block}.right-rail{display:grid;grid-template-columns:1fr;margin-top:12px}.activity-panel{max-height:none}.toolbar{margin-top:6px}.terminal-input{grid-template-columns:1fr auto}.terminal-input label{grid-column:1}.terminal-input textarea{grid-column:1/-1}.servo-readout{align-items:start;flex-direction:column}.servo-readout span{text-align:left}.brand span{font-size:8px}}