:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f3;--surface:#fff;--surface-soft:#f8f9f7;--surface-hover:#f1f3f0;--sidebar:#eceeea;--border:#e1e4df;--border-strong:#d4d9d2;--text:#171a17;--text-soft:#626961;--text-muted:#8a9189;--accent:#1f6951;--accent-strong:#15533f;--accent-soft:#e4f2ec;--success:#1d7a55;--success-soft:#e6f4ed;--warning:#a46417;--warning-soft:#faf0df;--info:#3c6ea8;--info-soft:#e9f0f8;--danger:#b4473e;--danger-soft:#f8e9e7;--shadow:0 1px 2px #19231c0a, 0 8px 28px #19231c08;--sidebar-width:232px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111411;--surface:#181c18;--surface-soft:#1d221d;--surface-hover:#242a24;--sidebar:#151915;--border:#292f29;--border-strong:#363e36;--text:#f0f3ee;--text-soft:#a3aba1;--text-muted:#727b71;--accent:#79b99d;--accent-strong:#9dd0b9;--accent-soft:#203d31;--success:#76c6a2;--success-soft:#1b382c;--warning:#e1a95d;--warning-soft:#3b2d1c;--info:#8ab2dd;--info-soft:#202f40;--danger:#e18b83;--danger-soft:#402522;--shadow:0 1px 2px #0003, 0 12px 36px #0000001a}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);width:var(--sidebar-width);z-index:30;flex-direction:column;padding:22px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 27px;display:flex}.brand-mark{background:var(--text);border-radius:8px;justify-content:center;align-items:flex-end;gap:2px;width:30px;height:30px;padding:7px;display:flex}.brand-mark span{background:var(--sidebar);border-radius:2px;width:3px;display:block}.brand-mark span:first-child{height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.brand>div:nth-child(2){letter-spacing:-.02em;align-items:baseline;gap:5px;display:flex}.brand strong{letter-spacing:.04em;font-size:15px}.brand>div>span{color:var(--text-muted);letter-spacing:.14em;font-size:10px;font-weight:700}.nav-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:0 10px 8px;font-size:10px;font-weight:700}.nav-item{color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;margin:2px 0;padding:0 10px;font-size:13px;font-weight:520;transition:background .16s,color .16s,transform .16s;display:flex}.nav-item:hover{background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--text)}.nav-item.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000a}.nav-item.active .icon{color:var(--accent)}.nav-count{background:var(--warning-soft);color:var(--warning);text-align:center;border-radius:8px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:9px}.profile{align-items:center;gap:9px;margin-top:8px;padding:9px 8px 3px;display:flex}.avatar{background:var(--text);color:var(--surface);letter-spacing:.03em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.profile-copy{flex-direction:column;flex:1;min-width:0;display:flex}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.profile-copy span{color:var(--text-muted);margin-top:2px;font-size:10px}.profile-more{color:var(--text-muted);letter-spacing:1px;background:0 0;border:0;padding:5px 0}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;height:64px;padding:0 34px;display:flex;position:sticky;top:0}.environment{color:var(--text-soft);align-items:center;gap:7px;font-size:11px;display:flex}.environment-dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft);border-radius:50%;width:6px;height:6px}.environment-live .environment-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.topbar-actions{align-items:center;gap:8px;display:flex}.search-trigger{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;width:220px;height:34px;padding:0 7px 0 10px;font-size:11px;transition:border-color .16s,box-shadow .16s;display:flex}.search-trigger:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.search-trigger kbd{background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;align-items:center;gap:1px;margin-left:auto;padding:3px 5px;font-size:9px;display:flex}.icon-button{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .16s,color .16s;display:flex}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.notification-button{position:relative}.notification-button>span{background:var(--warning);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.page{max-width:1430px;margin:0 auto;padding:42px 34px 56px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:38px;display:flex}.kicker{letter-spacing:.06em;text-transform:uppercase;font-weight:650;color:var(--text-muted)!important;margin-bottom:8px!important;font-size:11px!important}.page-heading h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(27px,3vw,36px);font-weight:570;line-height:1.1}.page-heading p{color:var(--text-soft);margin:0;font-size:13px}.primary-button{background:var(--text);border:1px solid var(--text);color:var(--surface);border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:11px;font-weight:650;transition:opacity .16s,transform .16s;display:flex}.primary-button:hover{opacity:.88;transform:translateY(-1px)}.section-heading,.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.section-heading{margin-bottom:13px}.section-heading h2,.panel-heading h2{letter-spacing:-.01em;margin:0 0 4px;font-size:13px;font-weight:650}.section-heading p,.panel-heading p{color:var(--text-muted);margin:0;font-size:10px}.last-updated{color:var(--text-muted);padding-top:2px;font-size:10px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-card,.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.service-card{border-radius:11px;min-height:218px;padding:17px;transition:border-color .18s,transform .18s;position:relative}.service-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.service-icon{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.status{border-radius:12px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:650;display:inline-flex}.status-healthy{background:var(--success-soft);color:var(--success)}.status-degraded{background:var(--warning-soft);color:var(--warning)}.status-critical{background:var(--danger-soft);color:var(--danger)}.status-unknown{background:var(--surface-soft);color:var(--text-soft)}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.eyebrow{color:var(--text-muted);letter-spacing:.13em;margin:0 0 4px;font-size:8px;font-weight:750}.service-card h3{margin:0 0 13px;font-size:11px;font-weight:580}.service-value{letter-spacing:-.02em;font-size:15px;font-weight:630;display:block}.service-detail{color:var(--text-soft);margin:5px 0 0;font-size:10px}.card-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 0;font-size:9px;display:flex;position:absolute;bottom:0;left:17px;right:17px}.card-footer button{color:var(--text-muted);background:0 0;border:0;align-items:center;padding:1px;display:flex}.card-footer button:hover{color:var(--text)}.dashboard-grid,.lower-grid{gap:12px;margin-top:12px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr)}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)}.panel{border-radius:11px;padding:19px}.panel-heading{margin-bottom:19px}.range-picker{background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;align-items:center;padding:2px;display:flex}.range-picker button{color:var(--text-muted);background:0 0;border:0;border-radius:5px;height:23px;padding:0 8px;font-size:8px;font-weight:700}.range-picker button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.metric-grid{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metric{border-right:1px solid var(--border);min-width:0;padding:3px 17px 0;position:relative}.metric:first-child{padding-left:0}.metric:last-child{border-right:0;padding-right:0}.metric-heading{justify-content:space-between;align-items:center;display:flex}.metric-heading>span{color:var(--text-soft);font-size:10px;font-weight:600}.metric-heading small{color:var(--success);font-size:8px}.metric>strong{letter-spacing:-.035em;margin-top:8px;font-size:22px;font-weight:580;display:block}.metric>p{color:var(--text-muted);margin:3px 0 0;font-size:9px}.sparkline{width:100%;height:56px;margin-top:11px;overflow:visible}.sparkline polyline{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;vector-effect:non-scaling-stroke}.spark-area{fill:color-mix(in srgb, var(--accent) 10%, transparent);stroke:none}.network-foot{border-top:1px solid var(--border);color:var(--text-soft);align-items:center;gap:16px;margin-top:15px;padding-top:12px;font-size:8px;display:flex}.network-foot>span{align-items:center;display:flex}.legend-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.legend-dot.muted{background:var(--text-muted)}.network-note{margin-left:auto}.text-button{color:var(--accent);background:0 0;border:0;padding:2px;font-size:9px;font-weight:650}.attention-list{flex-direction:column;display:flex}.attention-list>button{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.attention-list>button>.icon{color:var(--text-muted);margin-left:auto}.attention-icon{border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.attention-icon.amber{background:var(--warning-soft);color:var(--warning)}.attention-icon.blue{background:var(--info-soft);color:var(--info)}.attention-icon.red{background:var(--danger-soft);color:var(--danger)}.attention-list strong{margin-bottom:3px;font-size:10px;font-weight:620;display:block}.attention-list small{color:var(--text-muted);font-size:8px;line-height:1.35;display:block}.security-score{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;align-items:center;gap:12px;margin-top:15px;padding:13px;display:flex}.score-ring{background:conic-gradient(var(--accent) 0 92%, var(--border) 92% 100%);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative}.score-ring:before{background:var(--surface-soft);content:"";border-radius:50%;position:absolute;inset:4px}.score-ring span{font-size:11px;font-weight:700;position:relative}.security-score>div:last-child{flex-direction:column;display:flex}.security-score>div>span{color:var(--text-muted);font-size:8px}.security-score strong{margin:2px 0;font-size:11px}.security-score small{color:var(--success);font-size:8px}.timeline{margin:0;padding:0;list-style:none}.timeline li{grid-template-columns:48px 29px 1fr;align-items:flex-start;gap:12px;min-height:54px;display:grid;position:relative}.timeline li:not(:last-child):after{background:var(--border);content:"";width:1px;height:25px;position:absolute;top:30px;left:73px}.timeline time{color:var(--text-muted);text-align:right;padding-top:8px;font-size:8px}.timeline-icon{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.timeline-icon.vpn{color:var(--accent)}.timeline-icon.backup{color:var(--info)}.timeline-icon.remote{color:var(--success)}.timeline strong{padding-top:3px;font-size:10px;font-weight:620;display:block}.timeline p{color:var(--text-muted);margin:3px 0 0;font-size:8px;line-height:1.45}.action-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.action-grid>button{background:var(--surface-soft);border:1px solid var(--border);text-align:left;border-radius:8px;align-items:center;gap:9px;min-height:53px;padding:8px 9px;transition:background .16s,border-color .16s;display:flex}.action-grid>button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.action-grid>button>.icon{color:var(--text-muted);margin-left:auto}.action-icon{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:7px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.action-grid strong{margin-bottom:3px;font-size:9px;font-weight:620;display:block}.action-grid small{color:var(--text-muted);font-size:8px;display:block}.safety-note{background:var(--accent-soft);color:var(--accent);border-radius:7px;align-items:center;gap:7px;margin-top:12px;padding:9px 10px;font-size:8px;line-height:1.4;display:flex}.menu-button,.mobile-close,.scrim{display:none}.dialog-backdrop{z-index:100;background:#090c0a7a;justify-content:center;align-items:flex-start;padding-top:13vh;display:flex;position:fixed;inset:0}.command-dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;width:520px;max-width:calc(100vw - 32px);animation:.16s ease-out dialog-in;overflow:hidden;box-shadow:0 24px 70px #00000038}.command-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 15px;display:flex}.command-input>.icon{color:var(--text-muted)}.command-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.command-input input::placeholder{color:var(--text-muted)}kbd{font-family:inherit}.command-input kbd,.command-results kbd,.command-dialog footer kbd{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:3px 5px;font-size:8px}.command-results{max-height:330px;padding:8px;overflow-y:auto}.command-results>p{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:7px 8px 8px;font-size:8px;font-weight:700}.command-results>button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:42px;padding:6px 8px;font-size:11px;display:flex}.command-results>button:hover,.command-results>button:focus{background:var(--surface-hover)}.command-results>button>span{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft);border-radius:6px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.command-results>button kbd{margin-left:auto}.empty-state{color:var(--text-muted);text-align:center;padding:28px 10px;font-size:11px}.command-dialog footer{background:var(--surface-soft);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:14px;padding:9px 14px;font-size:8px;display:flex}.command-dialog footer span:last-child{color:var(--success);margin-left:auto}.toast{background:var(--text);color:var(--surface);z-index:120;border-radius:8px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 14px;font-size:10px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000038}@keyframes dialog-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1120px){.service-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--sidebar-width:250px}.sidebar{transition:transform .18s;transform:translate(-105%);box-shadow:18px 0 50px #00000029}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{margin-left:auto;display:flex}.scrim{z-index:25;background:#080b0973;border:0;padding:0;display:block;position:fixed;inset:0}.main-content{margin-left:0}.topbar{padding:0 18px}.menu-button{background:0 0;border:0;flex-direction:column;gap:4px;padding:8px;display:flex}.menu-button span{background:var(--text);border-radius:1px;width:17px;height:1px}.environment{display:none}.topbar-actions{margin-left:auto}.search-trigger{justify-content:center;width:34px;padding:0}.search-trigger>span,.search-trigger kbd{display:none}.page{padding:30px 18px 40px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:31px}.service-grid{grid-template-columns:1fr}.service-card{min-height:206px}.metric-grid{grid-template-columns:1fr;gap:18px}.metric,.metric:first-child,.metric:last-child{border-bottom:1px solid var(--border);border-right:0;padding:0 0 14px}.metric:last-child{border-bottom:0}.network-foot{flex-wrap:wrap;align-items:flex-start}.network-note{width:100%;margin-left:0}.action-grid{grid-template-columns:1fr}.timeline li{grid-template-columns:40px 29px 1fr;gap:8px}.timeline li:not(:last-child):after{left:61px}.range-picker button{padding:0 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--text);color:var(--surface);z-index:200;border-radius:0 0 7px 7px;padding:9px 13px;font-size:12px;transition:top .14s;position:fixed;top:-50px;left:20px}.skip-link:focus{top:0}a.nav-item,a.icon-button{text-decoration:none}.route-heading{align-items:flex-end;margin-bottom:30px}.route-heading .page-subtitle{max-width:690px}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.secondary-button,.danger-button{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:10px;font-weight:650;display:inline-flex}.secondary-button:hover:not(:disabled){background:var(--surface-hover)}.danger-button{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, var(--border));color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.54}.small-button{min-height:30px}.full-button{width:100%}.status-info{background:var(--info-soft);color:var(--info)}.status-neutral{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft)}.status-pending{background:var(--warning-soft);color:var(--warning)}.route-panel{margin-bottom:12px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.summary-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;flex-direction:column;min-height:130px;padding:17px;display:flex}.summary-card>span:first-child{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:650}.summary-card>strong{letter-spacing:-.025em;margin:12px 0 9px;font-size:18px;font-weight:600}.summary-card>small{color:var(--text-soft);font-size:9px}.summary-card .status{align-self:flex-start}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.data-notice{border:1px solid;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:11px 13px;display:flex}.data-notice-stale{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 24%, var(--border));color:var(--warning)}.data-notice-error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 24%, var(--border));color:var(--danger)}.data-notice strong{font-size:10px;display:block}.data-notice p{color:var(--text-soft);margin:3px 0 0;font-size:9px;line-height:1.5}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th{color:var(--text-muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:9px 10px;font-size:8px;font-weight:700}.data-table td{border-top:1px solid var(--border);color:var(--text-soft);vertical-align:middle;padding:11px 10px;font-size:9px}.data-table tbody tr{transition:background .14s}.data-table tbody tr:hover{background:var(--surface-soft)}.cell-primary{flex-direction:column;min-width:140px;display:flex}.cell-primary strong{color:var(--text);font-size:10px;font-weight:620}.cell-primary small{color:var(--text-muted);max-width:360px;margin-top:3px;font-size:8px;line-height:1.4}.table-action{white-space:nowrap;text-align:right!important}.filter-bar{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;flex-wrap:wrap;align-items:flex-end;gap:9px;margin-bottom:13px;padding:9px;display:flex}.filter-label{color:var(--text-soft);align-items:center;gap:6px;min-height:30px;padding:0 4px;font-size:9px;font-weight:650;display:flex}.filter-control{flex-direction:column;gap:4px;display:flex}.filter-control>span,.form-stack label>span,.modal-field>span{color:var(--text-muted);font-size:8px;font-weight:650}.filter-control input,.filter-control select,.form-stack input,.form-stack select,.modal-field textarea{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:7px;min-height:31px;padding:0 9px;font-size:10px}.filter-control input{width:210px}.filter-summary{color:var(--text-muted);margin-left:auto;padding:0 5px 7px;font-size:8px}.empty-state-card{border:1px dashed var(--border-strong);text-align:center;border-radius:10px;flex-direction:column;align-items:center;padding:42px 20px;display:flex}.empty-icon,.settings-icon{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft);border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.empty-state-card h3{margin:13px 0 5px;font-size:12px}.empty-state-card p{color:var(--text-muted);margin:0;font-size:9px}.boundary-grid,.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.boundary-grid>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;padding:14px}.boundary-grid .icon{color:var(--accent);margin-bottom:10px}.boundary-grid strong{font-size:10px;display:block}.boundary-grid p{color:var(--text-muted);margin:5px 0 0;font-size:9px;line-height:1.5}.port-list{flex-direction:column;display:flex}.port-list>div{border-top:1px solid var(--border);grid-template-columns:110px 1fr auto;align-items:center;gap:10px;padding:10px 0;font-size:9px;display:grid}.port-list>div:first-child{border-top:0}.log-view{border:1px solid var(--border);color:#b9c8bc;white-space:pre-wrap;background:#101410;border-radius:8px;max-height:220px;margin:0;padding:13px;font-size:9px;line-height:1.75;overflow:auto}.log-stack{flex-direction:column;gap:12px;display:flex}.log-title{color:var(--text-soft);text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.muted-note{color:var(--text-soft);margin:0;font-size:12px}.terminal-banner{color:var(--text-soft);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.terminal-dot{background:var(--text-soft);border-radius:50%;width:8px;height:8px}.terminal-dot.connected{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.terminal-dot.connecting{background:var(--warning)}.terminal-dot.error{background:var(--danger)}.terminal-view{border:1px solid var(--border);color:#cfe3d2;white-space:pre-wrap;word-break:break-word;background:#0b0f0b;border-radius:8px;outline:none;min-height:320px;max-height:60vh;margin:0;padding:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto}.terminal-view:focus{border-color:var(--success)}.disabled-action-row,.disabled-settings{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.disabled-action-row button,.disabled-settings button{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;min-height:34px;padding:0 12px;font-size:9px}.person-cell,.with-icon,.inline-actions{align-items:center;gap:9px;display:flex}.small-avatar{width:29px;height:29px}.danger-text{color:var(--danger)}.panel-backdrop{z-index:105;background:#090c0a75;position:fixed;inset:0}.side-panel{background:var(--surface);border-left:1px solid var(--border);width:410px;max-width:100%;padding:20px;animation:.18s ease-out panel-in;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #00000026}.side-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.side-panel h2,.confirm-modal h2{letter-spacing:-.025em;margin:0 0 5px;font-size:16px}.side-panel header p,.confirm-modal>p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.5}.side-panel-content{padding-top:18px}.form-stack{flex-direction:column;gap:15px;display:flex}.form-stack label,.modal-field{flex-direction:column;gap:6px;display:flex}.form-stack input,.form-stack select{min-height:38px}.form-stack small,.modal-field small{color:var(--text-muted);font-size:8px}.modal-backdrop{align-items:center;padding-top:0}.confirm-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;width:430px;max-width:calc(100vw - 32px);padding:20px;animation:.16s ease-out dialog-in;box-shadow:0 24px 70px #00000038}.modal-icon{background:var(--danger-soft);color:var(--danger);border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:15px;display:flex}.modal-field{margin-top:16px}.modal-field textarea{resize:vertical;min-height:78px;padding:9px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.detail-stack{flex-direction:column;gap:16px;display:flex}.detail-stack>.status{align-self:flex-start}.detail-list{margin:0}.detail-list>div,.settings-list>div{border-bottom:1px solid var(--border);padding:11px 0}.detail-list dt,.settings-list dt{color:var(--text-muted);margin-bottom:4px;font-size:8px}.detail-list dd,.settings-list dd{color:var(--text);margin:0;font-size:10px;line-height:1.5}.command-policy,.backup-hero{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));color:var(--accent);border-radius:11px;align-items:center;gap:13px;margin-bottom:12px;padding:15px;display:flex}.command-policy strong{color:var(--text);font-size:11px;display:block}.command-policy p{color:var(--text-soft);margin:4px 0 0;font-size:9px;line-height:1.5}.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.operation-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;flex-direction:column;min-height:270px;padding:17px;display:flex}.operation-top{justify-content:space-between;align-items:center;display:flex}.operation-top>.mono{color:var(--text-muted)}.operation-card h2{letter-spacing:-.015em;margin:17px 0 7px;font-size:13px}.operation-card>p{color:var(--text-soft);margin:0;font-size:9px;line-height:1.55}.operation-card dl{margin:15px 0}.operation-card dl>div{border-top:1px solid var(--border);grid-template-columns:58px 1fr;gap:10px;padding:8px 0;font-size:8px;display:grid}.operation-card dt{color:var(--text-muted)}.operation-card dd{margin:0}.operation-card>button{margin-top:auto}.backup-hero{background:var(--surface);color:var(--text)}.backup-shield{background:var(--success-soft);color:var(--success);border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.backup-hero>div:nth-child(2){flex-direction:column;flex:1;display:flex}.backup-hero span{color:var(--text-muted);font-size:8px}.backup-hero strong{margin:3px 0;font-size:18px}.backup-hero p{color:var(--text-soft);margin:0;font-size:9px}.hash-cell{overflow-wrap:anywhere;max-width:220px}.break-all{overflow-wrap:anywhere}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-card{min-height:255px;position:relative}.settings-icon{position:absolute;top:17px;right:18px}.settings-list{margin:0}.settings-list>div{justify-content:space-between;display:flex}.settings-list dd{text-align:right}.appearance-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:35px;display:grid}.appearance-options button{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:10px;display:flex}.appearance-options button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.settings-status{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.settings-status>span{color:var(--text-muted);font-size:8px}.skeleton-stack{flex-direction:column;gap:12px;display:flex}.skeleton-line{background:var(--surface-soft);border-radius:7px;height:42px;animation:1.3s ease-in-out infinite skeleton-pulse;display:block}.skeleton-line:nth-child(2){width:88%}.skeleton-line:nth-child(3){width:94%}.skeleton-line:nth-child(4){width:81%}.error-page{flex-direction:column;gap:12px;display:flex}.error-page .primary-button{align-self:flex-start}.command-results>button.command-active{background:var(--surface-hover)}.command-copy{flex-direction:column;flex:1;gap:2px;display:flex}.command-copy strong{font-size:10px;font-weight:620}.command-copy small{color:var(--text-muted);font-size:8px}@keyframes panel-in{0%{opacity:.7;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (max-width:1120px){.summary-grid,.summary-grid.three-up,.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.route-heading{align-items:flex-start}.page-actions{justify-content:flex-start}.summary-grid,.summary-grid.three-up,.operations-grid,.settings-grid,.two-column-grid,.boundary-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-control input,.filter-control select{width:100%}.filter-summary{margin-left:0;padding:4px}.backup-hero{flex-wrap:wrap;align-items:flex-start}.backup-hero>.status{margin-left:63px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 18px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;width:400px;max-width:100%;padding:30px}.auth-brand{align-items:center;gap:11px;margin-bottom:22px;display:flex}.auth-brand .brand-mark{width:34px;height:34px}.auth-brand strong{letter-spacing:.04em;font-size:15px}.auth-brand span{color:var(--text-muted);letter-spacing:.14em;font-size:10px;font-weight:700}.auth-card h1{letter-spacing:-.03em;margin:0 0 6px;font-size:21px;font-weight:570}.auth-card>p.auth-subtitle{color:var(--text-soft);margin:0 0 22px;font-size:12px}.auth-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;margin-top:18px;display:flex}.auth-links a{color:var(--accent);font-size:11px;font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-foot{color:var(--text-muted);text-align:center;margin-top:22px;font-size:10px}.form-message{border:1px solid;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:11px;line-height:1.5}.form-message-error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 26%, var(--border));color:var(--danger)}.form-message-success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 26%, var(--border));color:var(--success)}.form-message-info{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 26%, var(--border));color:var(--info)}.field-hint{color:var(--text-muted);margin-top:2px;font-size:9px}.checkbox-row{align-items:flex-start;gap:9px;display:flex}.checkbox-row input{width:15px;height:15px;min-height:0;margin-top:2px}.checkbox-row label{color:var(--text-soft);font-size:11px;line-height:1.5}.account-menu{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:9px;flex-direction:column;margin-top:8px;padding:5px;display:flex;overflow:hidden}.account-item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:8px 9px;font-size:11px;text-decoration:none;display:flex}.account-item:hover{background:var(--surface-hover)}.session-banner{background:var(--warning-soft);border-bottom:1px solid color-mix(in srgb, var(--warning) 24%, var(--border));color:var(--warning);align-items:center;gap:9px;padding:9px 34px;font-size:11px;display:flex}.session-banner .text-button{color:var(--warning);margin-left:auto;font-size:11px;text-decoration:underline}.forbidden-card{border:1px dashed var(--border-strong);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;max-width:460px;margin:0 auto;padding:48px 28px;display:flex}.forbidden-card .empty-icon{width:46px;height:46px}.forbidden-card h1{letter-spacing:-.02em;margin:8px 0 0;font-size:20px}.forbidden-card p{color:var(--text-soft);max-width:360px;margin:0;font-size:12px}.session-card{border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.session-card.current{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.session-card>.session-icon{background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft);border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.session-card .session-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.session-card .session-body strong{font-size:12px;font-weight:600}.session-card .session-body span{color:var(--text-muted);font-size:10px}@media (max-width:760px){.session-banner{padding:9px 18px}}.pagination-bar{justify-content:flex-end;margin-top:12px;margin-bottom:0}.page-indicator{margin-left:0}.enroll-grid{grid-template-columns:200px 1fr;gap:20px;display:grid}.enroll-qr{align-items:flex-start;display:flex}.enroll-qr img{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px}.enroll-copy p{color:var(--text-soft);margin:0 0 10px;font-size:11px}.secret-box{background:var(--surface-soft);border:1px solid var(--border);letter-spacing:.08em;border-radius:8px;padding:11px 12px;font-size:13px}.recovery-block{flex-direction:column;gap:14px;display:flex}.recovery-lead{color:var(--text-soft);margin:0;font-size:12px}.recovery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.recovery-list li{background:var(--surface-soft);border:1px solid var(--border);letter-spacing:.06em;text-align:center;border-radius:7px;padding:10px 12px;font-size:13px}.policy-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.policy-row strong{font-size:12px;display:block}.toggle{background:var(--border-strong);border:0;border-radius:999px;flex:none;width:42px;height:24px;padding:0;transition:background .16s;position:relative}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle-on{background:var(--accent)}.toggle-on span{transform:translate(18px)}@media (max-width:760px){.enroll-grid,.recovery-list{grid-template-columns:1fr}}