:root{color-scheme:dark;--background:#101318;--surface:rgba(31,36,44,0.76);--surface-strong:#20252e;--foreground:#e9edf4;--muted:#a2adbd;--muted-strong:#c0cada;--line:rgba(187,201,222,0.11);--line-strong:rgba(187,201,222,0.2);--accent:#8bb6ef;--healthy:#80c8a6;--healthy-soft:rgba(58,145,105,0.14);--warning:#e8bd7a;--warning-soft:rgba(182,130,51,0.14);--critical:#f0929b;--critical-soft:rgba(190,72,88,0.15);--glow-start:rgba(62,93,132,0.16);--glow-end:rgba(75,88,112,0.09);--glass-border:rgba(205,218,238,0.1);--surface-hover:#303844;--surface-active:#354255;--surface-inset:rgba(255,255,255,0.025);--icon-surface:rgba(190,207,231,0.06);--beacon-surface:#273343;--beacon-foreground:#a2bfe4;--beacon-border:rgba(139,182,239,0.12);--meter-track:rgba(190,207,231,0.1);--meter-fill:#91b2df;--meter-warning:#dcb072;--meter-critical:#e18c97;--meter-unknown:#8a98ab;--skeleton:rgba(156,177,205,0.09);--selection:#324f73;--selection-text:#edf4ff;--connection-halo:rgba(128,200,166,0.09);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.025);--shadow-hover:0 4px 16px rgba(0,0,0,0.18);--font-sans:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--font-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px}:root[data-theme=light]{color-scheme:light;--background:#f1f3f7;--surface:rgba(255,255,255,0.7);--surface-strong:rgba(255,255,255,0.86);--foreground:#20252e;--muted:#687383;--muted-strong:#495566;--line:rgba(55,70,95,0.1);--line-strong:rgba(55,70,95,0.18);--accent:#3478db;--healthy:#247a56;--healthy-soft:#e6f3ed;--warning:#94621c;--warning-soft:#fbf1df;--critical:#b6434e;--critical-soft:#fbeaec;--glow-start:rgba(205,224,248,0.65);--glow-end:rgba(226,221,240,0.45);--glass-border:rgba(255,255,255,0.86);--surface-hover:#fff;--surface-active:#eaf0f8;--surface-inset:rgba(255,255,255,0.4);--icon-surface:rgba(60,78,105,0.05);--beacon-surface:#edf2f9;--beacon-foreground:#4c709e;--beacon-border:rgba(86,124,168,0.08);--meter-track:rgba(60,78,105,0.08);--meter-fill:#7ca2da;--meter-warning:#d2a15d;--meter-critical:#d97c86;--meter-unknown:#a6afbd;--skeleton:rgba(110,130,155,0.09);--selection:#d5e5fc;--selection-text:#1d3d6e;--connection-halo:rgba(36,122,86,0.07);--shadow:0 8px 32px rgba(41,58,86,0.035),inset 0 1px 0 rgba(255,255,255,0.9);--shadow-hover:0 4px 16px rgba(41,58,86,0.1)}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;min-height:100vh;color:var(--foreground);background:radial-gradient(ellipse at 0 0,var(--glow-start),transparent 50%),radial-gradient(ellipse at 100% 15%,var(--glow-end),transparent 45%),var(--background);background-attachment:fixed;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{font:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--selection);color:var(--selection-text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.theme-dark-icon,:root[data-theme=light] .theme-light-icon{display:none}:root[data-theme=light] .theme-dark-icon{display:block}svg{flex-shrink:0;stroke-width:1.7}.page{padding:var(--space-8) var(--space-10)}.shell{max-width:1456px;margin:0 auto}.brand-lockup,.command-actions,.command-bar,.disk-capacity,.disk-heading,.meter-heading,.meter-heading>span,.page-footer,.poll-chip,.refresh-button,.section-heading,.section-title,.section-title>span,.status-pill,.theme-toggle{display:flex;align-items:center}.command-bar{justify-content:space-between;gap:var(--space-4)}.brand-lockup{gap:var(--space-3)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;color:white;background:#293a51;border-radius:15px;box-shadow:0 4px 12px rgba(41,58,81,.14),inset 0 1px 0 rgba(255,255,255,.2)}.brand-lockup strong{display:block;font-size:var(--text-lg);font-weight:650;letter-spacing:-.03em}.brand-lockup span{display:block;color:var(--muted);font-size:var(--text-sm)}.command-actions{gap:var(--space-5)}.poll-chip{gap:var(--space-2);color:var(--muted-strong);font-size:var(--text-sm)}.connection-dot,.status-orb{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor}.connection-dot{background:var(--muted)}.connection-dot.connected{background:var(--healthy);box-shadow:0 0 0 4px var(--connection-halo)}.refresh-button,.theme-toggle{justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);border:1px solid var(--glass-border);border-radius:999px;background:var(--surface);color:var(--muted-strong);box-shadow:var(--shadow);cursor:pointer;font-size:var(--text-sm);font-weight:550;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .18s ease,box-shadow .18s ease}.refresh-button:hover:not(:disabled),.theme-toggle:hover{background:var(--surface-hover);box-shadow:var(--shadow-hover)}.refresh-button:active:not(:disabled),.theme-toggle:active{background:var(--surface-active)}.theme-toggle{width:44px;height:44px;padding:0;flex-shrink:0}.refresh-button:disabled{cursor:wait;opacity:.6}.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin:var(--space-12) 0 var(--space-6)}.eyebrow{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-base)}h1{margin:0;font-size:clamp(27px,3.5vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.15;white-space:nowrap}.update-note{color:var(--muted);font-size:var(--text-sm);padding-bottom:var(--space-1)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.host-card,.loading-card,.signal-panel,.summary-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}.summary-card{position:relative;min-width:0;padding:var(--space-5) var(--space-6)}.summary-icon{position:absolute;right:var(--space-5);top:var(--space-5);color:var(--muted)}.summary-card>span{display:block;padding-right:var(--space-6);color:var(--muted);font-size:var(--text-sm);font-weight:500}.summary-card>strong{display:block;margin-top:var(--space-3);font-size:var(--text-2xl);letter-spacing:-.04em;font-weight:600;line-height:1.25}.summary-card>p{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--muted)}.summary-card-warning .summary-icon{color:var(--warning)}.summary-card-critical .summary-icon{color:var(--critical)}.section-heading{justify-content:space-between;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4)}.section-heading h2{margin:0;font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.section-heading>span{color:var(--muted);font-size:var(--text-sm)}.hosts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:start}.host-card{min-width:0;overflow:hidden}.host-card-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-6)}.host-beacon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--beacon-surface);color:var(--beacon-foreground);border:1px solid var(--beacon-border)}.host-title{min-width:0}.host-title p{margin:0 0 var(--space-1);color:var(--muted);font-size:var(--text-xs)}.host-title p span{padding:0 var(--space-1);opacity:.5}.host-title h2{margin:0;font-size:var(--text-xl);font-weight:600;letter-spacing:-.035em}.host-title>small{display:block;margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm);line-height:1.5}.status-pill{display:inline-flex;justify-content:center;gap:var(--space-2);width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:550;white-space:nowrap}.status-pill-healthy{background:var(--healthy-soft);color:var(--healthy)}.status-pill-warning{background:var(--warning-soft);color:var(--warning)}.status-pill-critical{background:var(--critical-soft);color:var(--critical)}.host-strip{display:grid;grid-template-columns:1.1fr .6fr 1.3fr;margin:0 var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.host-strip>div{min-width:0;padding-right:var(--space-3)}.host-strip span{display:block;color:var(--muted);font-size:var(--text-xs)}.host-strip strong{display:block;margin-top:var(--space-1);font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);padding:var(--space-5) var(--space-6)}.meter-block{min-width:0}.meter-heading{justify-content:space-between;gap:var(--space-2)}.meter-heading>span{gap:var(--space-2);color:var(--muted-strong);font-size:var(--text-sm)}.meter-heading strong{font-size:var(--text-base);font-weight:550}.meter-track{height:5px;margin:var(--space-3) 0 var(--space-2);border-radius:999px;background:var(--meter-track);overflow:hidden}.meter-track>span{display:block;height:100%;border-radius:inherit;background:var(--meter-fill)}.meter-warning .meter-track>span{background:var(--meter-warning)}.meter-critical .meter-track>span{background:var(--meter-critical)}.meter-unknown .meter-track>span{background:var(--meter-unknown)}.meter-block>small{color:var(--muted);font-size:var(--text-xs)}.storage-section{margin:0 var(--space-6);padding:var(--space-5) 0;border-top:1px solid var(--line)}.section-title{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-title>span{gap:var(--space-2);color:var(--muted-strong);font-size:var(--text-sm);font-weight:600}.section-title>small{color:var(--muted);font-size:var(--text-xs);white-space:nowrap}.disk-list{display:grid;gap:var(--space-3)}.disk-card{min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-inset)}.disk-heading{gap:var(--space-3)}.disk-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--muted-strong);background:var(--icon-surface)}.disk-name{flex:1 1;min-width:0}.disk-name>strong{display:block;font-size:var(--text-sm);font-weight:550}.disk-name>span{display:block;color:var(--muted);font-size:var(--text-xs);font-family:var(--font-mono);overflow-wrap:anywhere}.disk-percent{font-size:var(--text-lg);font-weight:550;letter-spacing:-.03em}.disk-capacity{justify-content:space-between;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);flex-wrap:wrap}.disk-capacity>span:last-child{color:var(--muted-strong)}.disk-unavailable{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--warning);background:var(--warning-soft);border-radius:var(--radius-sm);font-size:var(--text-sm);overflow-wrap:anywhere}.docker-section,.services-section{padding:var(--space-5) var(--space-6);border-top:1px solid var(--line)}.services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.ops-section{min-width:0}.data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--line)}.row-copy{min-width:0}.row-copy>strong{font-size:var(--text-sm);font-weight:550}.row-copy>small,.row-copy>strong{display:block;overflow-wrap:anywhere}.row-copy>small{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-xs)}.mono-stat{padding-top:1px;font-size:var(--text-xs);font-weight:500;text-align:right;text-transform:capitalize}.stat-healthy{color:var(--healthy)}.stat-warning{color:var(--warning)}.stat-critical{color:var(--critical)}.container-search{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--muted)}.container-search:focus-within{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:3px}.container-search input{width:100%;min-width:0;min-height:42px;padding:0;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:var(--text-sm)}.container-search input::placeholder{color:var(--muted);opacity:1}.container-search input:focus-visible{outline:none}.container-filters{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.container-filters button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--text-xs);cursor:pointer}.container-filters button:hover,.container-filters button[aria-pressed=true]{background:var(--icon-surface);color:var(--foreground)}.container-filters button[aria-pressed=true]{border-color:var(--line-strong);font-weight:600}.container-filters button span{color:var(--muted);font-weight:400}.container-hint{margin:var(--space-3) 0 var(--space-2);color:var(--muted);font-size:var(--text-xs)}.container-project{border-bottom:1px solid var(--line)}.container-project summary{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) 0;cursor:pointer;list-style:none;border-radius:var(--radius-sm)}.container-project summary::-webkit-details-marker{display:none}.container-project summary:hover{background:var(--icon-surface)}.container-project summary>strong{flex:1 1;min-width:0;font-size:var(--text-sm);font-weight:550;overflow-wrap:anywhere}.project-count{flex-shrink:0;color:var(--muted);font-size:var(--text-xs)}.project-chevron{color:var(--muted);transition:transform .18s ease}.container-project[open] .project-chevron{transform:rotate(180deg)}.container-members{display:grid;gap:var(--space-2);padding-bottom:var(--space-3)}.container-item{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-inset)}.container-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.container-item-heading>strong{min-width:0;font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.container-state{display:inline-flex;align-items:center;gap:6px;padding-top:1px;font-size:var(--text-xs);text-transform:capitalize;white-space:nowrap}.container-image,.container-name{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-xs);overflow-wrap:anywhere}.container-name{color:var(--muted-strong)}.container-resources{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.container-resources strong{color:var(--muted-strong);font-weight:500;margin-left:var(--space-1)}.container-empty{padding:var(--space-6) 0;text-align:center;color:var(--muted);font-size:var(--text-sm)}.container-empty p{overflow-wrap:anywhere}.container-empty button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-inset);color:var(--foreground);cursor:pointer}.container-empty button:hover{background:var(--surface-hover)}.database-section{padding:var(--space-5) var(--space-6);border-top:1px solid var(--line)}.db-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.empty-state{margin:0;color:var(--muted);font-size:var(--text-sm);padding-bottom:var(--space-2)}.signal-panel{margin-top:var(--space-6);padding:var(--space-6)}.signal-panel>.section-heading{margin:0 0 var(--space-4)}.signal-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-6)}.signal-item{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.signal-item>.status-orb{margin-top:6px}.signal-healthy{color:var(--healthy)}.signal-warning{color:var(--warning)}.signal-critical{color:var(--critical)}.signal-item strong{display:block;color:var(--foreground);font-weight:550}.signal-item p,.signal-item strong{font-size:var(--text-sm);overflow-wrap:anywhere}.signal-item p{margin:var(--space-1) 0 0;color:var(--muted)}.api-error,.offline-panel{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-5) var(--space-6);color:var(--critical);background:var(--critical-soft);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.offline-panel{margin:0 var(--space-6) var(--space-6)}.api-error strong,.offline-panel strong{font-size:var(--text-base);font-weight:550}.api-error p,.offline-panel p{margin:var(--space-1) 0 0;font-size:var(--text-sm);overflow-wrap:anywhere}.loading-card{padding:var(--space-6)}.loading-card p{font-size:var(--text-sm);color:var(--muted)}.skeleton{background:var(--skeleton);border-radius:var(--radius-sm);animation:breathe 1.8s ease-in-out infinite alternate}.skeleton-title{width:40%;height:24px}.skeleton-line{width:70%;height:12px;margin-top:var(--space-4)}.skeleton-panel{height:180px;margin-top:var(--space-6);border-radius:var(--radius-md)}.page-footer{justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--muted)}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes breathe{to{opacity:.4}}@media (max-width:1180px){.page{padding:var(--space-6)}.hosts{grid-template-columns:1fr}.summary-card{padding:var(--space-5)}.summary-card>strong{font-size:24px}}@media (max-width:780px){.page{padding:var(--space-5)}.overview-heading{margin-top:var(--space-8)}.update-note{display:none}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.summary-card{border-radius:var(--radius-md)}.host-title>small{max-width:40ch}.signal-stack{grid-template-columns:1fr}}@media (max-width:480px){.page{padding:var(--space-4)}.command-actions{gap:var(--space-3)}.brand-mark{width:40px;height:40px;border-radius:var(--radius-sm)}.brand-lockup{gap:var(--space-2)}.brand-lockup span{font-size:var(--text-xs)}.poll-chip{display:none}.refresh-button{width:44px;padding:var(--space-3)}.refresh-label{display:none}.eyebrow{font-size:var(--text-sm)}.summary-card{padding:var(--space-4)}.summary-card>strong{font-size:23px}.summary-card>span{font-size:var(--text-xs)}.summary-icon{right:var(--space-4);top:var(--space-4)}.summary-icon svg{width:16px;height:16px}.summary-card>p{font-size:var(--text-xs)}.host-card-header{grid-template-columns:40px minmax(0,1fr);padding:var(--space-5);gap:var(--space-3)}.host-beacon{width:40px;height:40px;border-radius:var(--radius-sm)}.host-card-header>.status-pill{grid-column:2}.host-title h2{font-size:var(--text-xl)}.host-strip{grid-template-columns:1fr .65fr;margin:0 var(--space-5);gap:var(--space-4) var(--space-2)}.host-strip>div:last-child{grid-column:1/-1}.meter-grid{padding:var(--space-5);gap:var(--space-5)}.storage-section{margin:0 var(--space-5)}.docker-section,.services-section{padding:var(--space-5)}.services-list{grid-template-columns:1fr;gap:0}.container-project summary{gap:var(--space-2)}.container-filters button{padding:var(--space-2)}.database-section,.signal-panel{padding:var(--space-5)}.signal-panel>.section-heading{align-items:flex-start}.disk-card{padding:var(--space-3);border-radius:var(--radius-sm)}.page-footer{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.host-card,.loading-card,.refresh-button,.signal-panel,.summary-card,.theme-toggle{background:var(--surface-strong)}}