:root{color-scheme:light;--ink:#18231f;--muted:#647169;--line:#d9ded9;--paper:#f7f8f5;--surface:#fff;--green:#237b62;--green-soft:#e7f1ea;--red:#b44835;--red-soft:#f6ebe8;--radius:5px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.topbar{height:68px;background:var(--ink);color:#f7f8f5;display:flex;align-items:center;padding:0 32px;gap:52px}.brand-lockup{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:700}.brand-mark{width:15px;height:15px;border:2px solid #81b69c;border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#81b69c;right:-3px;bottom:-2px}.nav-link{height:68px;display:flex;align-items:center;padding:0 10px;color:#dce4de;font-size:14px;border-bottom:2px solid transparent}.nav-link-active{border-color:#81b69c;color:#fff}.account-area{margin-left:auto;display:flex;align-items:center;gap:18px;color:#dce4de;font-size:13px}.page-content{max-width:1600px;margin:0 auto;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.page-heading h1{font-size:28px;line-height:1.2;margin:0 0 7px;font-weight:700}.page-heading p{margin:0;color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:600;white-space:nowrap}.button-primary{background:var(--green);color:white}.button-primary:hover{background:#1c6652}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#293a33}.button-outline{border-color:#c9d2cb;background:#fff;color:var(--ink)}.button-outline:hover{background:#f2f5f1}.button-quiet{min-height:32px;padding:0 8px;color:#dce4de;background:transparent;border:0}.button-full{width:100%}.summary-strip{height:84px;display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;padding:0 24px}.summary-item{width:190px;display:flex;flex-direction:column;gap:6px}.summary-item span,.panel-caption{color:var(--muted);font-size:12px}.summary-item strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.text-online{color:var(--green)}.text-offline{color:var(--red)}.refresh-label{margin-left:auto;color:var(--muted);font-size:12px}.device-workspace{display:grid;grid-template-columns:minmax(250px,1fr) minmax(290px,1fr) minmax(310px,.95fr);gap:16px;align-items:stretch;min-height:560px}.device-list-panel,.timeline-panel,.detail-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-bottom:18px}.panel-heading h2,.detail-title-row h2{margin:0;font-size:15px;font-weight:700}.search-wrap input{width:140px;height:33px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fbfcfa;font-size:12px}.device-list{display:flex;flex-direction:column}.device-item{width:100%;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:4px;padding:12px 10px;text-align:left;border:0;border-bottom:1px solid #e7ebe7;background:transparent;color:var(--ink)}.device-item:hover{background:#f5f7f4}.device-item.selected{background:#edf4ef}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red);grid-row:1/3}.device-item.online .status-dot{background:var(--green)}.device-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.device-note{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.device-status{grid-column:3;grid-row:1/3;font-size:11px;color:var(--red)}.device-item.online .device-status{color:var(--green)}.empty-state{padding:42px 12px 24px;color:var(--muted)}.empty-rule{width:50px;height:3px;background:var(--green);margin-bottom:22px}.empty-state h3{margin:0 0 8px;color:var(--ink);font-size:15px}.empty-state p{font-size:13px;line-height:1.65;margin:0 0 20px}.timeline{position:relative;padding:16px 0 20px;min-height:430px}.timeline:before{content:"";position:absolute;left:50%;top:22px;bottom:35px;width:1px;background:#cbd4cc}.timeline-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;min-height:88px}.timeline-entry:nth-child(odd) .timeline-copy{text-align:right;grid-column:1}.timeline-entry:nth-child(odd) .timeline-time{grid-column:3}.timeline-entry:nth-child(even) .timeline-copy{grid-column:3}.timeline-entry:nth-child(even) .timeline-time{text-align:right;grid-column:1;grid-row:1}.timeline-node{z-index:1;grid-column:2;grid-row:1;justify-self:center;width:11px;height:11px;border:2px solid white;border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--red)}.timeline-entry.online .timeline-node{background:var(--green);box-shadow:0 0 0 1px var(--green)}.timeline-copy{min-width:0;padding:0 14px}.timeline-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.timeline-state{display:block;margin-top:5px;color:var(--muted);font-size:11px}.timeline-time{padding:0 14px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.timeline-now{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:3px 7px;background:var(--green);color:white;font-size:10px;border-radius:3px}.timeline-empty{padding:30px 0;text-align:center;color:var(--muted);font-size:13px}.detail-panel{padding:24px}.detail-eyebrow{margin:0 0 9px;color:var(--muted);font-size:11px}.detail-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-title-row h2{font-size:20px}.status-label{font-size:11px;color:var(--red)}.status-label.online{color:var(--green)}.last-seen{font-size:12px;color:var(--muted);margin:10px 0 0}.detail-divider{height:1px;background:#e1e6e1;margin:22px 0}.note-label{display:block;margin-bottom:8px;font-size:12px;color:var(--muted)}textarea,input{outline:none}textarea:focus,input:focus{border-color:#62947c!important;box-shadow:0 0 0 3px rgba(35,123,98,.13)}#device-note{display:block;width:100%;resize:vertical;min-height:76px;padding:10px;border:1px solid var(--line);border-radius:4px;background:#fbfcfa;font-size:12px;line-height:1.5;margin-bottom:9px}.remote-actions{display:grid;gap:9px;margin:19px 0 22px}.device-meta{margin:0}.device-meta div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:8px 0;border-top:1px solid #edf0ed;font-size:11px}.device-meta dt{color:var(--muted)}.device-meta dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}.text-button{padding:0;border:0;background:transparent;font-size:11px}.text-danger{color:var(--red);margin-top:17px}.detail-empty{padding:80px 8px;text-align:center;color:var(--muted);font-size:13px}.detail-rule{display:block;width:34px;height:3px;margin:0 auto 18px;background:#a7b7ab}.page-error{min-height:20px;color:var(--red);font-size:12px}.dialog{width:min(520px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 18px 55px rgba(17,30,23,.24)}.dialog::backdrop{background:rgba(18,31,24,.48)}.dialog-form{padding:24px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{font-size:20px;margin:0}.close-button{width:34px;height:34px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:20px;color:var(--ink)}.dialog-form label{display:block;margin:0 0 14px;font-size:12px;color:var(--muted)}.dialog-form input,.dialog-form textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:4px;background:#fbfcfa;color:var(--ink);font-size:13px}.dialog-copy{color:var(--muted);font-size:12px;line-height:1.65;margin:16px 0}.form-error{min-height:17px;color:var(--red);font-size:12px;margin:8px 0}.enroll-result{padding:15px;margin:15px 0;background:#f3f6f2;border:1px solid #dbe3dc;border-radius:4px}.enroll-result textarea{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.terminal-dialog{width:min(860px,calc(100% - 28px));background:#101915;color:#e7eee9;border-color:#2b3b33}.terminal-dialog .dialog-form{padding:18px}.terminal-dialog .detail-eyebrow,.terminal-dialog .dialog-copy{color:#9aaba0}.terminal-dialog .dialog-heading h2{color:#fff}.terminal-dialog .close-button{background:#24342c;color:#fff;border-color:#415047}.terminal-output{height:min(58vh,520px);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b110e;border:1px solid #27372e;border-radius:4px;padding:14px;color:#d5e3d9;font:12px/1.55 Consolas,"Cascadia Mono",monospace}.terminal-input-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;font:12px Consolas,monospace;color:#96c4a5}.terminal-input-row input{min-width:0;height:40px;background:#18231f;border:1px solid #405147;border-radius:4px;padding:0 10px;color:#fff;font:12px Consolas,monospace}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px}.login-form{width:min(390px,100%);padding:30px;background:#fff;border:1px solid var(--line);border-radius:6px}.login-form h1{font-size:22px;margin:30px 0 24px}.login-form label{display:block;margin:0 0 16px;color:var(--muted);font-size:12px}.login-form input{display:block;width:100%;height:42px;margin-top:7px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fbfcfa}.login-form .button{width:100%;margin-top:5px}.account-area #account-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1120px){.page-content{padding:26px}.device-workspace{grid-template-columns:minmax(230px,.9fr) minmax(300px,1.1fr)}.detail-panel{grid-column:1/-1}.detail-panel #detail-content{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.detail-title-row,.detail-eyebrow,.last-seen,.detail-divider,.device-meta,.text-danger{grid-column:1/-1}.remote-actions{align-self:start;margin-top:0}.detail-panel #detail-content .detail-divider{margin:16px 0}.device-meta{display:grid;grid-template-columns:1fr 1fr}.device-meta div{grid-template-columns:90px 1fr}}
@media(max-width:700px){.topbar{height:58px;padding:0 16px;gap:24px}.nav-link{height:58px}.account-area{gap:8px}.account-area #account-name{display:none}.page-content{padding:22px 14px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading .button{min-height:38px;padding:0 10px;font-size:12px}.summary-strip{height:auto;min-height:76px;padding:12px;justify-content:space-between}.summary-item{width:auto;gap:7px}.summary-item span{font-size:10px}.summary-item strong{font-size:20px}.refresh-label{display:none}.device-workspace{display:flex;flex-direction:column;gap:12px}.device-list-panel,.timeline-panel,.detail-panel{padding:15px}.device-list-panel{order:1}.detail-panel{order:2}.timeline-panel{order:3}.panel-heading h2{font-size:14px}.search-wrap input{width:120px}.timeline{min-height:260px}.timeline-entry{min-height:72px}.timeline-copy{padding:0 8px}.timeline-time{padding:0 8px;font-size:10px}.timeline-name{font-size:11px}.timeline-state{font-size:10px}.detail-panel #detail-content{display:block}.detail-panel #detail-content .detail-divider{margin:17px 0}.remote-actions{margin:18px 0}.device-meta{display:block}.device-meta div{grid-template-columns:100px 1fr}.terminal-dialog .dialog-form{padding:14px}.terminal-input-row{grid-template-columns:minmax(0,1fr) auto}.terminal-input-row span{grid-column:1/-1}.terminal-input-row input{grid-column:1}.terminal-input-row button{grid-column:2;grid-row:2}}