:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei UI,sans-serif;color:#18221d;background:#eef2ef;font-synthesis:none;--ink: #18221d;--muted: #68766f;--subtle: #8a9690;--line: #d9e0dc;--line-strong: #c6d0ca;--surface: #ffffff;--surface-soft: #f6f8f6;--surface-tint: #eef8f3;--accent: #0a8f61;--accent-strong: #08734f;--accent-soft: #dff3e9;--danger: #b6433d;--warning: #b46b11;--terminal: #101814;--shadow: 0 12px 30px rgba(25, 42, 33, .07), 0 1px 2px rgba(25, 42, 33, .05)}*{box-sizing:border-box}html{background:#eef2ef}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(rgba(25,42,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,42,33,.025) 1px,transparent 1px),#eef2ef;background-size:32px 32px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid rgba(10,143,97,.55);outline-offset:2px}::selection{background:#ccebdd}.app-shell{min-height:100vh}.eyebrow{display:block;color:var(--subtle);font:700 9px/1.2 Consolas,monospace;letter-spacing:.08em}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px;background:#e9efeb}.auth-card{width:min(100%,430px);padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 70px #192a211f}.auth-mark,.brand-mark{display:grid;place-items:center;border:1px solid #9cc5b1;background:#edf8f2;color:var(--accent);font:800 12px/1 Consolas,monospace}.auth-mark{width:44px;height:44px;margin-bottom:20px;border-radius:6px}.auth-card h1{margin:8px 0;font-size:28px;letter-spacing:0}.auth-lead{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.6}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:18px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.auth-switch button{padding:9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-weight:800}.auth-switch button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #192a211a}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;color:#4e5d55;font-size:11px;font-weight:800}.auth-form input,.reset-form input{min-width:0;padding:11px 12px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--ink)}.auth-form input:focus,.reset-form input:focus,.connection-form input:focus,.terminal-input textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a8f611a;outline:0}.auth-hint{color:var(--subtle)}.auth-message,.admin-message{padding:10px 12px;border:1px solid #b8dfcb;border-radius:6px;background:var(--surface-tint);color:#286147;font-size:11px;line-height:1.5}.auth-submit{width:100%;margin-top:4px}.topbar{position:sticky;top:0;z-index:20;height:64px;padding:0 clamp(16px,3vw,38px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;border-radius:6px}.brand strong{display:block;color:#16231c;font-size:14px}.brand span{display:block;margin-top:2px;color:var(--subtle);font:9px Consolas,monospace}.topbar-actions{display:flex;align-items:center;gap:8px}.connection{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font:700 9px Consolas,monospace}.connection i{width:7px;height:7px;border-radius:50%;background:#a5aea9}.connection.online i{background:#16a36f;box-shadow:0 0 0 3px #16a36f1f}.user-chip{color:var(--muted);font:700 10px Consolas,monospace}.topbar-manage{color:var(--accent)}.topbar-logout{color:#536159}.app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;width:min(1540px,100%);min-height:calc(100vh - 64px);margin:0 auto;padding:16px}.sidebar{position:sticky;top:80px;align-self:start;max-height:calc(100vh - 96px);padding:16px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow);overflow:auto}.sidebar-heading{display:flex;align-items:end;justify-content:space-between;gap:10px}.sidebar h2,.panel h2{margin:3px 0 0;font-size:14px;letter-spacing:0}.counter{padding:4px 7px;border-radius:999px;color:#146845;background:var(--accent-soft);font:800 8px Consolas,monospace}.connection-form{display:grid;gap:9px;margin:15px 0;padding:12px;border:1px solid #e0e6e2;border-radius:7px;background:var(--surface-soft)}.connection-form label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.connection-form input{min-width:0;padding:9px 10px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--ink);outline:0}.button-row{display:flex;gap:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:#26342d;font-size:11px;font-weight:750;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.button:hover{border-color:#93a69c;background:#f7f9f8}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 4px 12px #0a8f6129}.button.primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.button.connected{border-color:#91c9ad;background:var(--accent-soft);color:#126d49}.button.muted{background:#f0f3f1;color:#748078}.button.danger{border-color:#e5b8b5;background:snow;color:var(--danger)}.button.compact{min-height:30px;padding:5px 8px;font-size:10px}.button:disabled{cursor:default;opacity:.52;box-shadow:none}.search{display:flex;align-items:center;gap:7px;margin:12px 0 8px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--subtle);font-size:10px}.device-list{display:grid;gap:7px}.empty-device,.empty-activity{display:grid;justify-items:center;gap:6px;padding:22px 10px;text-align:center;color:var(--subtle);font-size:10px;line-height:1.5}.empty-device b,.empty-activity b{color:#34423b}.device-card{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);text-align:left;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.device-card:hover{border-color:#9eb5a9;background:#fbfcfb}.device-card.selected{border-color:#74b795;background:var(--surface-tint);box-shadow:inset 3px 0 var(--accent)}.device-card b{display:block;font-size:11px}.device-card small{display:block;margin-top:6px;color:var(--muted);font:700 9px Consolas,monospace}.device-card i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#16a36f}.device-card i.offline{background:#a9b2ad}.discovery-note{display:grid;gap:4px;margin-top:14px;padding:10px;border:1px dashed #9fc8b3;border-radius:6px;background:var(--surface-tint);color:#5e7368;font-size:9px;line-height:1.5}.discovery-note b{display:flex;align-items:center;gap:5px;color:#28724e}.main-content{min-width:0;padding-bottom:28px}.identity{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 2px 14px}.identity h1{margin:5px 0 0;font-size:clamp(23px,3vw,32px);letter-spacing:0}.identity p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.topic{display:flex;align-items:center;gap:8px;max-width:480px;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#456056;font:9px/1.45 Consolas,monospace;text-align:left;overflow-wrap:anywhere}.topic:hover{border-color:#9eb5a9;background:#fbfcfb}.status-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.metric{min-height:88px;padding:13px;border-right:1px solid #e5eae7;background:#fff}.metric:last-child{border-right:0}.metric>div{display:flex;align-items:center;gap:6px;color:var(--subtle)}.metric span{font:700 8px Consolas,monospace;letter-spacing:.06em}.metric strong{display:block;margin-top:16px;font:800 18px Consolas,monospace;font-variant-numeric:tabular-nums}.metric small{display:block;margin-top:4px;color:var(--subtle);font:700 8px Consolas,monospace}.metric.good{background:var(--surface-tint)}.metric.good strong,.metric.accent strong{color:var(--accent)}.metric.warning strong{color:var(--warning)}.metric.danger strong{color:var(--danger)}.operations-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;margin-top:12px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:10px 13px;border-bottom:1px solid #e5eae7}.panel-head>svg{color:#789086}.action-panel{min-width:0}.action-groups{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;padding:12px}.action-label{display:block;margin-bottom:7px;color:var(--subtle);font-size:9px;font-weight:800}.quick-actions{display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));gap:7px}.quick-actions .button{justify-content:space-between}.quick-actions-inline{grid-template-columns:1fr}.toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.servo-panel{display:grid;align-content:start;gap:12px}.servo-readout{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 13px}.servo-readout b{color:var(--accent);font:800 28px Consolas,monospace;font-variant-numeric:tabular-nums}.servo-readout span{color:var(--muted);font:700 9px/1.45 Consolas,monospace;text-align:right}.servo-slider{width:calc(100% - 26px);margin:0 13px;accent-color:var(--accent)}.servo-scale{display:flex;justify-content:space-between;padding:0 13px;color:var(--subtle);font:700 8px Consolas,monospace}.servo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 13px 13px}.servo-confirm{margin:0}.servo-calibration{display:grid;gap:9px;padding:0 13px 13px;border-top:1px solid #e5eae7}.servo-calibration-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:11px;color:var(--muted);font-size:10px;font-weight:800}.servo-calibration-head small{color:var(--subtle);font:700 8px Consolas,monospace}.servo-calibration-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.servo-calibration-fields label{display:grid;gap:5px;color:var(--subtle);font-size:8px;font-weight:800}.servo-calibration-fields input{min-width:0;padding:8px 9px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--ink);font:700 10px Consolas,monospace;outline:0}.servo-calibration-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a8f611a}.servo-calibration-save{width:100%}.workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:12px;margin-top:12px}.terminal-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:12px;border-bottom:1px solid #e5eae7}.serial-options{display:flex;align-items:center;gap:12px}.baud-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.baud-control select{padding:5px 24px 5px 8px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:700 9px Consolas,monospace;outline:0}.baud-control select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a8f611a}.baud-control small{color:var(--accent);font-size:8px;font-weight:700}.baud-control small.baud-unconfirmed{color:var(--warning)}.tabs{display:flex;gap:16px;padding:11px 13px 0}.tabs button{padding:0 0 9px;border:0;background:transparent;color:var(--subtle);font-size:10px;font-weight:750}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--accent)}.mode-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:2px;border:1px solid var(--line);border-radius:5px;background:#f2f5f3}.mode-switch button{min-width:42px;padding:4px 7px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:9px;font-weight:800}.mode-switch button.active{background:#fff;color:var(--accent);box-shadow:0 1px 3px #192a211f}.terminal{height:390px;margin:0;padding:15px;background:var(--terminal);color:#b9e7d0;font:10px/1.7 Consolas,monospace;white-space:pre-wrap;overflow:auto}.terminal-input{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:end;padding:10px;background:var(--surface-soft)}.terminal-compose{display:grid;gap:5px;min-width:0}.terminal-input textarea{height:50px;resize:vertical;padding:9px 10px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;color:var(--ink);font:10px Consolas,monospace;outline:0}.terminal-input label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:9px}.terminal-error{color:var(--danger);font-size:9px;line-height:1.4}.right-rail{display:grid;gap:12px;align-content:start}.activity-panel{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:300px}.activity-list{min-height:0;max-height:248px;padding:0 13px;overflow:auto}.activity-item{display:grid;grid-template-columns:9px 1fr;gap:8px;padding:11px 0;border-bottom:1px solid #edf0ee}.activity-item i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#4c92b8}.activity-item i.success{background:#16a36f}.activity-item i.warning{background:#e19a34}.activity-item i.error{background:#cf5750}.activity-item b{display:block;font-size:10px}.activity-item span{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}.activity-item small{display:block;margin-top:4px;color:var(--subtle);font:8px Consolas,monospace}.device-details .detail{display:flex;justify-content:space-between;gap:8px;padding:10px 13px;border-bottom:1px solid #edf0ee;font-size:9px}.detail span{color:var(--muted)}.detail b{color:#24342c;font-family:Consolas,monospace;text-align:right;overflow-wrap:anywhere}.admin-panel{margin-top:12px;scroll-margin-top:78px}.admin-panel-tools,.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-actions{justify-content:end}.admin-users{display:grid}.admin-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #edf0ee}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:10px}.admin-user small{margin-top:3px;color:var(--muted);font:9px Consolas,monospace}.reset-form{display:flex;gap:8px;padding:12px}.reset-form input{flex:1}.audit-details{padding:10px 12px 12px;color:var(--muted);font-size:9px}.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 #edf0ee}.audit-row small{font:8px Consolas,monospace}.identity,.status-strip,.operations-grid,.workbench{animation:console-enter .38s cubic-bezier(.2,.8,.2,1) both}.status-strip{animation-delay:45ms}.operations-grid{animation-delay:90ms}.workbench{animation-delay:135ms}@keyframes console-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.status-strip{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.operations-grid,.workbench{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.action-groups{grid-template-columns:1fr 180px}}@media(max-width:860px){.topbar{height:auto;min-height:64px;padding:10px 14px;gap:10px}.topbar-actions{flex-wrap:wrap;justify-content:end}.connection{display:none}.app-layout{grid-template-columns:1fr;padding:12px}.sidebar{position:static;max-height:none}.identity{align-items:start;flex-direction:column}.topic{width:100%;max-width:none}.action-groups{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions-inline{grid-template-columns:1fr 1fr}.right-rail{grid-template-columns:1fr}.activity-panel,.activity-list{max-height:none}}@media(max-width:560px){.topbar{flex-wrap:wrap}.brand{min-width:0}.brand strong{font-size:12px;white-space:nowrap}.brand span,.user-chip{display:none}.topbar-actions{width:100%;justify-content:flex-end}.topbar-actions .button{min-width:58px}.sidebar{padding:14px}.connection-form{grid-template-columns:1fr 1fr}.connection-form .button-row{grid-column:1 / -1}.connection-form input{width:100%}.search{margin-top:10px}.empty-device{padding:16px 10px}.status-strip{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-right:1px solid #e5eae7}.metric:nth-child(2n){border-right:0}.quick-actions{grid-template-columns:1fr 1fr}.servo-buttons{grid-template-columns:1fr}.terminal{height:310px}.terminal-nav{align-items:flex-start;flex-direction:column;padding:0 12px 9px}.serial-options{width:100%;justify-content:space-between;flex-wrap:wrap}.tabs{padding-left:0}.terminal-input{grid-template-columns:1fr auto}.terminal-compose{grid-column:1 / -1}.terminal-input .mode-control,.terminal-input .newline-option{grid-column:1}.toolbar{justify-content:flex-start;margin-top:5px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head>svg{align-self:flex-end;margin-top:-24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}