[hidden]{display:none!important}.auth-card{max-width:430px;margin:50px auto;padding:30px}.auth-card h2{font-size:24px;letter-spacing:-.8px;font-weight:550;margin:0 0 10px}.auth-card p{font-size:12px;color:#969dad;line-height:1.8}.auth-card label{display:block;font-size:12px;color:#7e899e;margin:19px 0 8px}.auth-card input,.live-form input,.live-form select{border:1px solid #e2e7f0;border-radius:10px;background:#fbfcfe;padding:12px;width:100%;outline:none;min-width:0;color:#4b5871}.auth-card input:focus,.live-form input:focus,.live-form select:focus{border-color:#96abe3;box-shadow:0 0 0 3px #96abe31a}.form-error{color:#b36c7e;font-size:12px;line-height:1.8;margin-top:15px}.status-note{font-size:11px;line-height:1.8;color:#94a0b6;margin:10px 0}.real-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.real-metric{padding:23px 25px}.real-metric span{font-size:11px;color:#919bad}.real-metric strong{display:block;margin-top:12px;font-size:29px;font-weight:550;letter-spacing:-1px}.real-metric small{font-size:11px;color:#9aa5b7;letter-spacing:0;font-weight:400}.server-actions{flex-wrap:wrap}.stale{color:#afa47d!important}.record-tag{font-size:9px;color:#a79872;background:#faf8f0;border-radius:5px;padding:4px 6px;display:inline-block;margin-top:6px}.record-form{padding-top:3px}.record-form .field{margin:17px 0}.live-form label{font-size:11px;color:#8a94a7;display:block;margin-bottom:8px}.empty-action{display:flex;justify-content:center;margin-top:20px}.empty-admin h3{font-size:18px;color:#63718b;font-weight:500;margin-top:0}.live-table td{vertical-align:middle}.live-error{background:#fff7f8;border:1px solid #f0dde2;border-radius:12px;color:#ad7887;padding:13px 18px;font-size:12px;margin-bottom:18px}.audit-item{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #eef0f5;font-size:11px;color:#929cb0}.audit-item:last-child{border:0}.audit-item span{flex:1}.audit-item time{font-size:10px;white-space:nowrap}.secret-input{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.secret-box{padding:14px;background:#f5f7fd;border:1px solid #e6eaf6;border-radius:10px;color:#6d7fa7;word-break:break-all;font:12px/1.8 monospace}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.agent-instruction{font-size:11px;line-height:1.9;color:#8f9cb1}.configuration-note{margin-bottom:22px}.sub-options label{display:flex;align-items:center;gap:8px;padding:7px 0}.sub-options input{width:auto;accent-color:#92a8e4}.auth-help{font-size:10px!important;overflow-wrap:anywhere}.hero-state{padding:26px;display:flex;align-items:center;gap:20px;margin-bottom:23px}.state-art{width:66px;height:66px;border-radius:20px;background:linear-gradient(135deg,#d7e5ff,#a9b3eb);color:white;display:grid;place-items:center;font-size:28px;flex-shrink:0}.hero-state h2{font-size:21px;font-weight:550;margin:0 0 8px}.hero-state p{margin:0;font-size:11px;color:#94a0b6;line-height:1.8}.hero-state .secondary{margin-left:auto;white-space:nowrap}.value-muted{color:#a7afbd}.admin-table{min-width:720px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 monospace;padding:13px;background:#f5f7fb;border-radius:10px;color:#8290ab}.agent-steps{padding-left:20px;font-size:12px;line-height:1.9;color:#8c98ae}.mini-form{margin:0}.configuration-note .secondary{white-space:nowrap}@media(max-width:650px){.real-metrics{gap:9px}.real-metric{padding:18px 14px;border-radius:17px}.real-metric strong{font-size:24px}.real-metric span{font-size:10px}.auth-card{margin:25px auto;padding:25px}.hero-state{padding:22px;align-items:flex-start;flex-wrap:wrap}.hero-state .secondary{margin-left:86px}.hero-state h2{font-size:18px}.audit-item{flex-wrap:wrap}.audit-item time{font-size:9px}.tabs button{min-width:40px}.live-form .field-grid{gap:0}}
.live-form textarea{width:100%;resize:vertical;background:#fbfcfe;border:1px solid #e2e7f0;border-radius:10px;padding:12px;color:#4b5871;font:11px/1.7 monospace}.live-form textarea:focus{outline:2px solid #b0bfe8}.live-form .sub-node input{width:auto;flex-shrink:0}.live-form .sub-node{font-size:11px;line-height:1.8;align-items:flex-start}.fingerprint-section{margin-top:20px;padding-top:18px;border-top:1px solid #eceff6}.fingerprint-code{display:block;margin:12px 0;font-size:11px}#ssh-submit:disabled{opacity:.45;cursor:default}#dialog:has(#ssh-install-form){width:500px;max-height:88vh;overflow:auto}

.installation-summary{margin:16px 0;padding:14px 16px;border-radius:16px;background:#f5f5fa;color:#64697c;font-size:13px}.installation-summary p{margin:6px 0 0;line-height:1.6}.onboarding-option{padding:20px 0;border-bottom:1px solid #ececf2}.onboarding-option h3{margin:0 0 8px}.onboarding-option p{color:#8b91a2;font-size:14px;line-height:1.7}.server-actions{gap:8px}

.subscription-qr{display:block;width:220px;max-width:100%;margin:20px auto;background:white}#dialog:has(#confirm-export),#dialog:has(details){max-height:88vh;overflow:auto;width:650px}

/* Restore the original private-space overview while retaining real management data. */
.overview-top{gap:22px}.overview-top .connection{padding:30px;min-height:328px}.overview-top .connection h2{font-size:27px;white-space:nowrap}.overview-top .connection .small{white-space:normal}.connection-button{display:flex;align-items:center;justify-content:center;gap:12px}.connection-caption{font-size:9px;line-height:1.6;color:#a3aabb;margin:10px 0 0}.overview-traffic{position:relative}.history-placeholder{position:relative;min-height:115px;margin-top:15px}.history-placeholder>svg{position:absolute;inset:0;width:100%;height:100%}.history-placeholder>div{position:relative;text-align:center;padding:8px 0 15px}.history-symbol{color:#bbc6e5;display:inline-flex;padding:8px;border-radius:12px;background:#f7f8fd}.history-placeholder p{font-size:11px;color:#9ba5bc;margin:8px 0 5px}.history-placeholder span:not(.history-symbol){font-size:10px;color:#b1b8c7}.traffic-link{margin:5px 0 0 auto}.section-count{font-size:12px;color:#afb7c8;margin-left:7px}.overview-server-table{padding:0 25px;overflow:hidden}.overview-server-row{display:grid;grid-template-columns:2fr 1.05fr .8fr 1.2fr .5fr;align-items:center;gap:15px;min-height:80px;border-bottom:1px solid #eff0f5}.overview-server-row:last-child{border:0}.overview-server-row.table-heading{min-height:48px;font-size:10px;color:#a1a6b2}.overview-server-row>time{font-size:10px;color:#9da7b9}.overview-server-row>.secondary{justify-self:end}.overview-resources{font-size:11px;color:#939db2}.server-symbol{width:35px;height:35px;flex-shrink:0;border-radius:11px;background:#f5f7fc;color:#a2aec9;display:grid;place-items:center}.section-count,.overview-server-row .node-sub{font-variant-numeric:tabular-nums}.overview-activity .activity{font-size:11px;min-height:76px;padding:16px 0}.activity-main{flex:1;min-width:0;overflow-wrap:anywhere}.overview-activity time{font-size:9px;white-space:nowrap}.overview-empty-note{color:#a1aabc;font-size:11px;line-height:1.8;padding:25px 0}.subscription-footnote{font-size:10px;color:#a2aabd;margin:24px 0 0;padding-top:15px;border-top:1px solid #eff1f7}.overview-subscription .subscription{margin:26px 0 22px}.overview-top .orb{will-change:transform}.overview-top .connection.disconnected .orb{filter:grayscale(.45);opacity:.75}
@media(max-width:1050px) and (min-width:651px){.overview-top .connection{padding:22px}.overview-top .connection h2{font-size:22px}.overview-top .orb-wrap{width:38%}.overview-top .connection-info{padding-left:12px}}
@media(max-width:650px){.overview-top .connection{min-height:276px;padding:23px}.overview-top .connection h2{font-size:24px}.overview-server-table{padding:0 17px}.overview-server-row{grid-template-columns:minmax(0,1fr) 64px 52px;gap:8px;min-height:80px}.overview-server-row>:nth-child(2),.overview-server-row>:nth-child(4){display:none}.overview-server-row .node-sub{font-size:9px;overflow-wrap:anywhere}.overview-server-row .location{min-width:0}.overview-server-row .status-pill{font-size:9px}.overview-server-row .secondary{font-size:10px;padding:8px 10px}.overview-activity time{white-space:normal;max-width:85px;text-align:right}.overview-top .orb-wrap{width:44%}.connection-caption{font-size:9px}.overview-subscription .sub-main p{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.page,.orb,dialog{animation:none!important}.tabs .indicator,button,.toast{transition:none!important}.overview-top .orb{will-change:auto}}

/* Shared layout and dialog audit fixes. */
header{gap:24px}.brand,.profile{flex-shrink:0}.brand{white-space:nowrap}.profile{min-width:0}.profile .demo-badge{white-space:nowrap}#logout.avatar{width:auto;min-width:52px;height:34px;padding:0 12px;border-radius:18px;white-space:nowrap;line-height:1;flex-shrink:0;font-size:11px}#nav{flex-shrink:0}#nav button{white-space:nowrap;flex-shrink:0}#dialog{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}#dialog h2{padding-right:8px}#dialog .dialog-actions{flex-wrap:wrap}#dialog .dialog-actions button{white-space:nowrap;min-height:36px}.server-actions button{white-space:nowrap;min-height:34px}.server-heading{gap:12px}.server-heading h3{overflow-wrap:anywhere}.server-region{overflow-wrap:anywhere}.row-actions{flex-wrap:wrap;min-width:100px}.row-actions button{min-height:30px}.admin-banner>.demo-badge{white-space:nowrap;flex-shrink:0}.settings-row{gap:20px}.settings-row h3{line-height:1.6}.settings-row .setting-value{text-align:right;line-height:1.8;max-width:55%}.intro>div:first-child{min-width:0}.sync{white-space:nowrap;flex-shrink:0}.live-table small{line-height:1.7}.live-form input[type=checkbox]{width:16px;height:16px;padding:0;flex-shrink:0;accent-color:#8da3dc}.admin-table-wrap{overscroll-behavior-x:contain}.admin-table-wrap:focus-visible{outline:2px solid #97b2ff;outline-offset:4px}
@media(min-width:1001px) and (max-width:1150px){header{gap:14px;padding-left:24px;padding-right:24px}.tabs button,.indicator{width:59px}.profile{gap:8px}.profile .demo-badge{font-size:9px}}
@media(max-width:1000px){header{height:auto;min-height:137px;padding-bottom:12px}.tabs{top:auto}.intro{gap:18px}.profile .demo-badge{max-width:220px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:650px){header{padding-left:18px;padding-right:18px;gap:18px 10px;min-height:130px}.brand{font-size:19px;gap:8px}.profile{gap:8px}.profile .demo-badge{max-width:150px;font-size:9px;padding:5px 7px}#logout.avatar{min-width:44px;height:30px;padding:0 9px;font-size:10px}#nav{width:100%;max-width:100%;margin:0;top:auto}#nav button{width:calc((100vw - 46px)/7);min-width:0;font-size:10px}.indicator{width:calc((100vw - 46px)/7);min-width:0}.intro{align-items:flex-start;flex-wrap:wrap;gap:12px}.intro .sync{width:100%;padding:0}.intro h1{font-size:26px;line-height:1.35}.intro p{line-height:1.8}.admin-banner{gap:8px}.admin-banner>.demo-badge{display:none}.settings-row{align-items:flex-start;gap:12px}.settings-row .setting-value{max-width:50%;font-size:10px}.empty-admin{padding:32px 20px}#dialog{padding:23px;max-height:calc(100dvh - 28px)}.field-grid{grid-template-columns:1fr!important}.admin-toolbar>.secondary{align-self:flex-end}.audit-item time{white-space:normal}}
@media(max-width:360px){.profile .demo-badge{max-width:110px}.brand{font-size:18px}.brand-mark{width:29px;height:29px}.overview-top .connection{padding:18px;gap:0}.overview-top .connection h2{font-size:21px}.overview-top .orb-wrap{width:40%}.overview-top .orb{width:90px;height:90px}.overview-top .orbit{width:125px}.overview-top .orbit.second{width:112px}}
.connection-info{min-width:0}.connection-caption{overflow-wrap:anywhere}.activity-main{overflow-wrap:anywhere}
@media(max-width:650px){.overview-top .connection{padding:22px 18px}.overview-top .orb-wrap{width:40%;height:205px}.overview-top .connection-info{padding-left:10px}.overview-top .connection h2{white-space:normal;font-size:22px;line-height:1.35;letter-spacing:-.8px}.overview-top .connection-button{font-size:11px;gap:7px}.intro .sync span{display:inline}.toast{white-space:normal;line-height:1.7}.overview-server-row .location>div{min-width:0}.node-name{overflow-wrap:anywhere}}
@media(max-width:360px){.overview-top .connection h2{font-size:20px}.overview-top .orb-wrap{width:37%}.overview-top .connection-info{padding-left:8px}}