:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#213651;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}header,main,footer{max-width:1260px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;padding-top:40px;align-items:center}h1{font-size:30px;line-height:1.3;margin:10px 0}h2{font-size:20px;margin:0 0 8px}h3{font-size:16px;margin:0 0 8px}p{margin:6px 0 16px;color:#60738e}small{display:block;color:#6a7d97;margin-top:14px}.eyebrow{font-size:12px;letter-spacing:1.4px;color:#526783}footer{font-size:12px;color:#7a8ba1}.card{background:white;border:1px solid #dce5f1;border-radius:14px;padding:25px;margin-bottom:22px}.narrow{max-width:480px;margin:24px auto}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.actions,.inline{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}label{display:block;color:#526783;font-size:13px;margin-bottom:14px}input,select{display:block;width:100%;padding:10px 12px;margin-top:6px;font:inherit;font-size:15px;color:#213651;border:1px solid #cdd8e8;border-radius:7px;background:#fff}button,.button{border:1px solid #2963bd;border-radius:7px;padding:9px 15px;color:white;background:#2963bd;cursor:pointer;font:inherit;font-size:14px;display:inline-block;text-decoration:none;white-space:nowrap}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fff;color:#365473;border-color:#cfdbeb}.danger{color:#a83b3b;border-color:#e5b6b6;background:#fff}.inline label{flex:1;min-width:160px}.inline button{margin-bottom:14px}.filter{min-width:200px}.company{border-top:1px solid #e7edf5;margin-top:20px;padding-top:20px}.company-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.company-title h3{margin:0}.muted{color:#7f8fa4}.badge{display:inline-block;border-radius:5px;padding:3px 8px;font-size:12px;background:#edf3fb;color:#436187}.good{background:#e6f5ef;color:#28795f}.warn{background:#fff4dd;color:#986a17}.device{padding:16px;margin-top:12px;border:1px solid #e2e9f3;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f9fbfe}.device small{margin:5px 0;overflow-wrap:anywhere}.device-status{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.row{border-top:1px solid #e8edf5;padding:12px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}#notice{padding:14px 18px;border-radius:8px;border:1px solid #eac883;background:#fff8e7;color:#8a651c}#secret-panel{border:1px solid #c4d7f4;border-radius:9px;padding:20px;margin-top:24px;background:#f1f6ff}code{font-family:ui-monospace,monospace;overflow-wrap:anywhere}#secret-value{display:block;background:white;padding:12px;margin:12px 0}#name{margin-right:15px}#audit-list{font-size:13px}#audit-list .row{padding:8px 0}input:focus,select:focus,button:focus{outline:2px solid #8eb5f0;outline-offset:2px}[hidden]{display:none!important}@media(max-width:720px){header,main,footer{padding:16px}header{align-items:flex-start}.card{padding:18px}.install-grid{grid-template-columns:1fr;gap:22px}.section-head,.device{flex-direction:column;align-items:stretch}.filter{width:100%}.device .actions{margin-top:4px}.row{flex-wrap:wrap}h1{font-size:25px}.inline label{min-width:100%}}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric{min-width:0;background:#f7f9fc;border:1px solid #e0e8f3;border-radius:10px;padding:16px}.metric-label{display:block;color:#60738e;font-size:13px}.metric strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;margin:8px 0 3px;line-height:1.3}.metric small{font-size:12px;margin-top:5px}.reading-note{font-size:12px;line-height:1.8;margin:15px 0 0;color:#70809a}.stale-note{color:#916b26;background:#fff8e8;border:1px solid #f0dfb9;padding:10px 12px;border-radius:7px;font-size:13px}.company-title>.actions{margin-left:auto}.company-summary{font-size:13px;margin:10px 0 14px}.device-info{min-width:0;flex:1}.device-reason{font-size:12px;line-height:1.7;margin:5px 0;max-width:650px;overflow-wrap:anywhere}.status-light{display:inline-flex;align-items:center;gap:7px;border-radius:5px;padding:3px 9px;font-size:12px;background:#fff4dd;color:#90651f}.light-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.status-online{background:#e6f5ef;color:#28795f}.status-offline{background:#fcecec;color:#ad4141}.status-paused{background:#edf0f5;color:#68788f}.company-more{border-top:1px solid #e8edf5;margin-top:14px;padding-top:12px}.company-more summary,.details-table summary{cursor:pointer;color:#647995;font-size:13px;list-style-position:inside}.company-more .actions{margin-top:12px}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;color:#5e728c;font-size:12px;margin-top:22px}.chart-legend span::before{content:"";display:inline-block;width:12px;height:8px;border-radius:2px;margin-right:7px}.upload-key::before{background:#3e76c5}.download-key::before{background:#56a897}.activity-chart{min-height:130px;margin:8px 0 16px}.activity-chart svg{width:100%;height:auto;display:block;max-height:290px}.activity-chart.cached{opacity:.6}.chart-grid{stroke:#e8eef6;stroke-width:1}.chart-axis{stroke:#bac9db;stroke-width:1}.chart-label{fill:#6a7d97;font-size:11px;font-family:inherit}.chart-upload{fill:#3e76c5}.chart-download{fill:#56a897}.activity-chart rect:focus{outline:2px solid #263e60;outline-offset:2px}.chart-empty{padding:32px 15px;text-align:center;font-size:13px;background:#f8fafd;border:1px dashed #d6e1ef;border-radius:9px}.table-scroll{overflow-x:auto}.details-table table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.details-table th,.details-table td{text-align:left;padding:10px;border-bottom:1px solid #e7edf5;white-space:nowrap;font-variant-numeric:tabular-nums}.details-table th{color:#657993;font-weight:500;background:#f7f9fc}.events-title{margin-top:26px}.connection-event strong{font-size:13px;font-weight:500}.connection-event small{font-size:12px;margin-top:4px}.connection-event time{font-size:12px;color:#75869d;white-space:nowrap}summary:focus-visible{outline:2px solid #8eb5f0;outline-offset:3px}#activity-status:empty{display:none}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-title>.actions{margin-left:0;width:100%}}@media(max-width:480px){.metric{padding:12px}.metric strong{font-size:23px}.metric-label{font-size:12px}.metric-grid{gap:9px}.company-title>.actions{align-items:stretch}.company-title>.actions button{white-space:normal}.chart-label{font-size:13px}.connection-event time{white-space:normal}.device .actions button{padding:8px 11px}}

.activity-chart{overflow-x:auto}.activity-chart svg{min-width:520px}@media(max-width:480px){header{flex-direction:column;gap:8px}#who{display:flex;align-items:center;justify-content:space-between;width:100%}#name{font-size:13px;margin-right:8px}header p{margin-bottom:4px}}

.device{display:block}.device-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.device-header>.actions{flex-shrink:0;max-width:48%}.device-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid #e2e9f3;margin-top:16px;padding-top:16px}.device-people section{min-width:0}.device-people h4{font-size:14px;margin:0 0 5px;font-weight:600}.people-note{font-size:12px;line-height:1.7;margin:0 0 12px}.people-empty{font-size:13px;padding:12px;background:#fff;border:1px dashed #dce5f1;border-radius:7px;margin:0}.people-unknown{color:#916b26;background:#fffaf0}.access-members,.connection-members{list-style:none;padding:0;margin:0}.access-members{display:flex;flex-wrap:wrap;gap:8px}.access-person{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;min-width:0;max-width:100%;padding:7px 10px;border:1px solid #dce5f1;border-radius:7px;background:#fff;font-size:13px;overflow-wrap:anywhere}.access-person small{margin:0;font-size:11px}.access-person .badge{font-size:11px;padding:1px 5px}.person-name,.computer-name{overflow-wrap:anywhere}.connection-person{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;padding:10px 12px;border:1px solid #dce5f1;border-radius:7px;background:#fff;margin-bottom:8px}.connection-person:last-child{margin-bottom:0}.connection-person-detail{min-width:0;flex:1}.connection-person strong{font-size:13px}.connection-person .computer-name{display:block;font-size:12px;color:#526783}.connection-person small{font-size:11px;margin:3px 0 0}.connection-person>.badge{flex-shrink:0;white-space:nowrap}.operator-detail{min-width:0;flex:1;overflow-wrap:anywhere}.operator-person{display:block;font-size:13px;color:#526783;margin-top:3px}.operator-detail small{font-size:12px;margin-top:4px}.operator-row>.actions{flex-shrink:0}.company-title h3,.row>span{min-width:0;overflow-wrap:anywhere}#grant-card{scroll-margin-top:20px}
@media(max-width:900px){.device-people{grid-template-columns:1fr}.device-header{flex-direction:column}.device-header>.actions{max-width:100%;width:100%}}@media(max-width:480px){.device{padding:13px}.device-people{gap:18px}.operator-row{align-items:flex-start}.operator-row>.actions{width:100%}.access-person{padding:6px 8px}.connection-person{padding:9px}.device-header>.actions button{white-space:normal}.company-title>.actions{gap:8px}}