*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0c10;--card:#0d1117;--header:#161b22;--border:#21262d;--border-subtle:#1c2028;--green:#3fb950;--red:#f85149;--orange:#d29922;--blue:#2ea3f2;--purple:#8957e5;--text:#c9d1d9;--text-bright:#f0f6fc;--text-subtle:#8b949e;--text-muted:#484f58;--text-faint:#6e7681;--text-dim:#30363d}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.top-bar{border-bottom:1px solid var(--border);background:#000;justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.top-bar h1{color:var(--text-bright);align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.top-bar h1 img{height:28px}.top-bar h1 span{color:var(--text-subtle);font-weight:400}.user-info{color:var(--text);align-items:center;gap:12px;font-size:13px;display:flex}.user-avatar{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.settings-btn{color:var(--text-subtle);border:1px solid var(--text-dim);background:var(--border);border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;text-decoration:none;transition:all .15s;display:flex}.settings-btn:hover{color:var(--text-bright);border-color:var(--text-subtle);background:var(--text-dim);text-decoration:none}.settings-btn.active{color:var(--blue);border-color:var(--blue)}.logout-btn{color:var(--text-subtle);border:1px solid var(--text-dim);background:var(--border);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px;text-decoration:none;transition:all .15s}.logout-btn:hover{color:var(--text-bright);border-color:var(--text-subtle);background:var(--text-dim)}.nav-links{background:var(--card);border-bottom:1px solid var(--border);gap:16px;padding:12px 32px;display:flex}.nav-links a{color:var(--text-subtle);font-size:13px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a.active{color:var(--text-bright);border-bottom:2px solid var(--blue);padding-bottom:8px}.stat-pill{white-space:nowrap;border-radius:10px;margin-left:2px;padding:2px 8px;font-size:10px;font-weight:600}.stat-critical{color:var(--red);background:#3d1114}.stat-degraded{color:var(--orange);background:#2a1f0d}.stat-healthy{color:var(--green);background:#0d3520}.stat-active{outline-offset:1px;outline:1.5px solid}.tab-bar{background:var(--card);border-bottom:1px solid var(--border);gap:0;padding:0 32px;display:flex}.tab{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:var(--text)}.tab.active{color:var(--text-bright);border-bottom-color:var(--blue)}.sub-tab-bar{border-bottom:1px solid var(--border);gap:0;margin-bottom:16px;display:flex}.sub-tab{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.sub-tab:hover{color:var(--text)}.sub-tab.active{color:var(--text);border-bottom-color:var(--blue)}.tab-count{color:var(--text-muted);font-size:11px}.meta-bar{color:var(--text-muted);background:var(--card);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 32px;font-size:11px;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-box input{background:var(--header);border:1px solid var(--text-dim);color:var(--text);border-radius:6px;outline:none;width:220px;padding:5px 28px 5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.search-box input:focus{border-color:var(--blue)}.search-box input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:14px;line-height:1;position:absolute;right:8px}.search-clear:hover{color:var(--text)}.content{max-width:1800px;padding:20px 32px}.server-card{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;overflow:hidden}.server-card.server-deploying{border-color:var(--purple)}.server-header{background:var(--header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.server-left{align-items:center;gap:10px;display:flex}.server-right{color:var(--text-faint);align-items:center;gap:16px;font-size:12px;display:flex}.server-title h2{color:var(--text-bright);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;font-weight:600}.version-tag{color:var(--text-subtle);background:var(--border);border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px}.db-instance-link{color:var(--blue);white-space:nowrap;background:#0d2d44;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;text-decoration:none}.db-instance-link:hover{background:#133d5e;text-decoration:none}.version-bar{background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 20px;display:flex}.ver-pill{background:var(--header);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:10px}.ver-pill-name{color:var(--text-faint)}.ver-pill-ver{color:var(--blue);font-family:SF Mono,monospace;font-weight:500}.ver-deploy-time{color:var(--text-dim);margin-right:6px;font-size:10px}.ver-toggle{border:1px solid var(--text-dim);border-radius:4px;margin-right:8px;display:inline-flex;overflow:hidden}.ver-toggle-btn{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:10px}.ver-toggle-btn.active{background:var(--border);color:var(--text-bright)}.ver-toggle-btn:hover{color:var(--text)}.ver-pill-branch{color:var(--purple);word-break:break-all;font-family:SF Mono,monospace;font-size:10px;font-weight:500}.ver-pill-branch.mismatch{color:var(--orange)}.ver-pill.mismatch{border-color:var(--orange)}.server-header-link{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.server-header-link:hover{text-decoration:none}.server-header-link:hover .server-title h2{color:var(--blue)}.indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.indicator-green{background:var(--green);box-shadow:0 0 6px #3fb95066}.indicator-red{background:var(--red);animation:2s infinite pulse-glow;box-shadow:0 0 6px #f8514966}.indicator-orange{background:var(--orange);box-shadow:0 0 6px #d2992266}.indicator-grey{background:var(--text-muted)}.indicator-deploy{background:var(--purple);animation:2s infinite pulse-glow-purple;box-shadow:0 0 8px #8957e580}.env-badge{letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.env-production{color:var(--green);background:#0d3520}.env-uat{color:var(--orange);background:#2a1f0d}.env-test{color:var(--blue);background:#0d2d44}.deploy-badge{color:#bc8cff;background:#2d1f4e;border-radius:10px;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:600;animation:2s infinite pulse-glow-purple}.tenants-grid{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1px;display:grid}.tenant-card{background:var(--card);padding:12px 16px}.tenant-failing{border-left:3px solid var(--red);background:#160b0b}.tenant-degraded{border-left:3px solid var(--orange);background:#1a160b}.tenant-deploying{border-left:3px solid var(--purple);background:#120d1f;animation:3s infinite shimmer-purple}.tenant-recycling{border-left:3px solid var(--orange);background:#1a160b;animation:3s infinite shimmer-amber}.tenant-paused{border-left:3px solid var(--text-muted);background:#12141a}.tenant-legacy{opacity:.6}.tenant-legacy:hover{opacity:.85}.tenant-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tenant-left{align-items:center;gap:8px;display:flex}.tenant-name{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}.tenant-name:hover{text-decoration:underline}.tenant-meta{align-items:center;gap:6px;display:flex}.tenant-status{font-size:11px;font-weight:500}.status-ok{color:var(--green)}.status-failing{color:var(--red)}.status-degraded,.status-stale{color:var(--orange)}.status-unmonitored{color:var(--text-muted);font-style:italic}.status-deploying{color:#bc8cff;font-weight:500}.status-recycling{color:var(--orange);font-weight:500}.status-paused{color:var(--text-faint)}.status-legacy{color:var(--text-faint);font-style:italic}.check-age{color:var(--text-muted);font-size:10px}.legacy-badge{background:var(--border);color:var(--text-faint);letter-spacing:.3px;border-radius:3px;margin-left:4px;padding:1px 6px;font-size:9px;font-weight:700}.notif{letter-spacing:.3px;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.notif-email{color:var(--orange);background:#2a1f0d}.notif-sms{color:var(--red);background:#3d1114}.alert-toggle{border:1px solid var(--text-dim);background:var(--header);cursor:pointer;width:20px;height:20px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.alert-toggle:hover{border-color:var(--blue);color:var(--blue)}.alert-toggle.enabled{color:var(--green);background:#0d3520;border-color:#238636}.pause-btn{border:1px solid var(--text-dim);background:var(--header);cursor:pointer;width:20px;height:20px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex}.pause-btn:hover{border-color:var(--orange);color:var(--orange)}.pause-btn.paused{background:var(--border);border-color:var(--green);color:var(--green)}.lights-row{flex-wrap:wrap;gap:10px;display:flex}.light{align-items:center;gap:4px;display:flex}.light span{color:var(--text-faint);font-size:10px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--green)}.dot-red{background:var(--red);animation:2s infinite pulse-glow}.dot-grey{background:var(--text-dim)}.dot-na{background:var(--border);border:1px solid var(--text-dim)}.na-label{color:var(--text-dim)!important}.empty-state{color:var(--text-muted);text-align:center;padding:40px;font-style:italic}.footer{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;padding:16px 32px;font-size:11px;display:flex}.tooltip{position:relative}.tooltip:hover:after{content:attr(data-tip);background:var(--text-dim);color:#e1e4e8;white-space:nowrap;z-index:100;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.settings-card-header{background:var(--header);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 20px;display:flex}.settings-card-header h2{color:var(--text-bright);font-size:15px;font-weight:600}.settings-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.settings-tab{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--text-bright);border-bottom-color:var(--blue)}.settings-section{border-bottom:1px solid var(--border-subtle);padding:16px 20px}.settings-section:last-child{border-bottom:none}.settings-section h3{color:var(--text-subtle);margin-bottom:4px;font-size:13px;font-weight:500}.settings-hint{color:var(--text-muted);margin-bottom:12px;font-size:11px}.contact-row{background:var(--header);border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 12px;display:flex}.contact-name{color:var(--text);min-width:120px;font-size:13px;font-weight:500}.contact-value{color:var(--text-subtle);flex:1;font-family:SF Mono,monospace;font-size:13px}.remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;font-weight:300;transition:all .15s;display:flex}.remove-btn:hover{color:var(--red);background:#f851491a}.empty-contacts{color:var(--text-muted);margin-bottom:12px;font-size:12px;font-style:italic}.add-contact-form{align-items:center;gap:8px;margin-top:10px;display:flex}.input-field{background:var(--card);border:1px solid var(--text-dim);color:var(--text);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px}.input-field:focus{border-color:var(--blue);outline:none}.input-name{width:140px}.input-value{flex:1}.add-btn{background:var(--border);color:var(--text);border:1px solid var(--text-dim);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s}.add-btn:hover{background:var(--text-dim);border-color:var(--text-subtle)}.threshold-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:10px 0;display:flex}.threshold-row:last-child{border-bottom:none}.threshold-info{flex:1}.threshold-label{color:var(--text);font-size:13px;font-weight:500;display:block}.threshold-desc{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.threshold-input{align-items:center;gap:8px;min-width:160px;display:flex}.threshold-input .input-field{text-align:right;width:80px}.threshold-default{color:var(--text-dim);white-space:nowrap;font-size:10px}.threshold-save{align-items:center;gap:12px;margin-top:16px;display:flex}.threshold-save-bar{background:var(--card);border-top:1px solid var(--border);border-radius:0 0 8px 8px;align-items:center;gap:12px;margin:0 -20px -20px;padding:12px 20px;display:flex;position:sticky;bottom:0}.threshold-meta{color:var(--text-muted);font-size:11px}.hero{text-align:center;border-bottom:1px solid var(--border);margin-bottom:40px;padding:40px 0 32px}.hero h2{color:var(--text-bright);margin-bottom:8px;font-size:28px}.hero p{color:var(--text-subtle);max-width:600px;margin:0 auto;font-size:16px}.section{margin-bottom:48px}.section h3{color:var(--text-bright);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:8px;font-size:18px;display:flex}.section-icon{font-size:22px}.section p{color:var(--text-subtle);margin-bottom:12px;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:16px 0;display:grid}.info-card{background:var(--header);border:1px solid var(--border);border-radius:8px;padding:16px}.info-card h4{color:var(--text-bright);align-items:center;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.info-card p{color:var(--text-faint);margin:0;font-size:12px}.flow-diagram{background:var(--card);border:1px solid var(--border);color:var(--text-subtle);border-radius:8px;margin:16px 0;padding:24px;font-family:SF Mono,Fira Code,monospace;font-size:13px;overflow-x:auto}.flow-step{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex;position:relative}.flow-step:last-child{margin-bottom:0}.flow-num{background:var(--border);width:32px;height:32px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.flow-content h4{color:var(--text-bright);margin-bottom:4px;font-size:14px}.flow-content p{color:var(--text-faint);margin:0;font-size:13px}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#0d3520}.badge-red{color:var(--red);background:#3d1114}.badge-yellow{color:var(--orange);background:#2a1f0d}.badge-blue{color:var(--blue);background:#0d2d44}.badge-grey{background:var(--border);color:var(--text-faint)}.about-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.about-table th{text-align:left;background:var(--header);color:var(--text-subtle);border-bottom:1px solid var(--border);padding:8px 12px;font-weight:500}.about-table td{border-bottom:1px solid var(--border-subtle);color:var(--text);padding:8px 12px}.about-table code{background:var(--header);color:var(--blue);border-radius:4px;padding:2px 6px;font-size:12px}.dot-demo{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.dot-demo-green{background:var(--green)}.dot-demo-red{background:var(--red)}.dot-demo-grey{background:var(--text-dim)}.dot-demo-na{background:var(--border);border:1px solid var(--text-dim)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f8514966}50%{box-shadow:0 0 0 4px #f8514900}}@keyframes pulse-glow-purple{0%,to{box-shadow:0 0 #8957e580}50%{box-shadow:0 0 0 6px #8957e500}}@keyframes shimmer-purple{0%,to{background:#120d1f}50%{background:#1a1230}}@keyframes shimmer-amber{0%,to{background:#1a160b}50%{background:#231e10}}.db-row{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;margin-top:10px;padding-top:8px;font-size:11px;transition:background .15s;display:flex}.db-row:hover{background:var(--header);border-top:1px solid var(--border);margin:10px -16px 0;padding:8px 16px 0}.db-icon{flex-shrink:0;font-size:13px}.db-metrics{color:var(--text-subtle);flex-wrap:wrap;flex:1;gap:4px 10px;display:flex}.db-metric{white-space:nowrap;color:var(--text);font-weight:500}.db-metric.val-red{color:var(--red)}.db-metric.val-amber{color:var(--orange)}.db-chevron{color:var(--text-muted);flex-shrink:0;font-size:10px;transition:transform .2s}.db-chevron.open{transform:rotate(90deg)}.db-badge{border:1px solid var(--border);color:var(--text-subtle);white-space:nowrap;background:#1a1f29;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;display:inline-flex}.db-badge-error{border-color:var(--red);color:var(--red)}.db-badge-warn{border-color:var(--orange);color:var(--orange)}.db-badge-ok{border-color:var(--green);color:var(--green)}.db-panel{background:var(--header);border:1px solid var(--border);border-radius:6px;margin-top:8px;padding:10px 12px}.db-panel-issues{border-color:var(--red)}.db-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.db-panel-title{color:var(--text-bright);font-size:12px;font-weight:600}.db-panel-instance{color:var(--blue);cursor:pointer;font-size:11px;text-decoration:none}.db-panel-instance:hover{text-decoration:underline}.db-grid{grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:8px;font-size:11px;display:grid}.db-grid-item{justify-content:space-between;display:flex}.db-grid-label{color:var(--text-subtle)}.db-grid-value{color:var(--text);font-weight:500}.db-grid-value.val-red,.val-red{color:var(--red)}.db-grid-value.val-amber,.val-amber{color:var(--orange)}.db-grid-value.val-green,.val-green,.val-ok{color:var(--green)}.db-size-bar-container{margin:6px 0}.db-size-bar-label{color:var(--text-subtle);justify-content:space-between;margin-bottom:2px;font-size:10px;display:flex}.db-size-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.db-size-bar-fill{border-radius:2px;height:100%;transition:width .3s}.db-size-bar-fill.green{background:var(--green)}.db-size-bar-fill.amber{background:var(--orange)}.db-size-bar-fill.red{background:var(--red)}.db-backup-row{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:6px;padding-top:6px;font-size:11px;display:flex}.backup-icon{font-size:12px}.backup-ok{color:var(--green)}.backup-warn{color:var(--orange)}.backup-err{color:var(--red)}.backup-detail{color:var(--text-subtle)}.backup-detail strong{color:var(--text)}.backup-err-text{color:var(--red)}.backup-warn-text{color:var(--orange)}.db-summary-bar{align-items:center;gap:24px;margin-bottom:20px;font-size:13px;display:flex}.db-summary-stat{color:var(--text-subtle)}.db-summary-stat strong{color:var(--text)}.db-summary-warn{color:var(--orange)}.db-controls{align-items:center;gap:16px;margin-bottom:20px;display:flex}.db-tabs{gap:0;display:flex}.db-tab{color:var(--text-subtle);border:1px solid var(--border);cursor:pointer;background:0 0;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .15s}.db-tab:first-child{border-radius:6px 0 0 6px}.db-tab:last-child{border-radius:0 6px 6px 0}.db-tab.active{background:var(--header);color:var(--text-bright);border-color:var(--text-dim)}.db-tab:hover{color:var(--text)}.db-tab-count{background:var(--border);border-radius:10px;margin-left:4px;padding:1px 6px;font-size:11px}.instance-card{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.instance-healthy{border-left:3px solid var(--green)}.instance-issues{border-left:3px solid var(--orange)}.instance-critical{border-left:3px solid var(--red)}.instance-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.instance-header-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.instance-header-right{color:var(--text-subtle);align-items:center;gap:16px;font-size:12px;display:flex}.instance-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.instance-dot.dot-green{background:var(--green)}.instance-dot.dot-amber{background:var(--orange)}.instance-dot.dot-red{background:var(--red);animation:2s infinite pulse-glow}.instance-name{color:var(--text-bright);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:16px;font-weight:600;text-decoration:none}.instance-name:hover{color:var(--blue);text-decoration:underline}.badge-studio{background:var(--border);color:var(--text-subtle);cursor:pointer;border:1px solid var(--text-dim);font-size:10px;text-decoration:none}.badge-studio:hover{color:var(--blue);border-color:var(--blue);text-decoration:none}.badge-prod{color:var(--green);background:#1a3a1a}.badge-dev{color:var(--blue);background:#1a2a3a}.badge-type{color:var(--purple);border:1px solid var(--border);background:#1a1a2a}.badge-enhanced{color:#58a6ff;letter-spacing:.3px;background:#0d1f2d;border:1px solid #1f6feb;font-size:9px}.badge-version{background:var(--border);color:var(--text)}.instance-body{padding:14px 18px}.alert-toggle-sm{border:1px solid var(--text-dim);background:var(--header);cursor:pointer;width:22px;height:22px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.alert-toggle-sm:hover{border-color:var(--blue);color:var(--blue)}.alert-toggle-sm.enabled{color:var(--green);background:#0d3520;border-color:#238636}.nodes-row{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.node-card{background:var(--header);border:1px solid var(--border);border-radius:6px;flex:1;min-width:200px;padding:10px 12px}.node-card.node-leader{border-color:var(--orange)}.node-card.node-down{border-color:var(--red);opacity:.7}.node-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.node-tag{color:var(--text-bright);font-weight:600}.leader-star{color:var(--orange);font-size:11px;font-weight:600}.gauge-row{gap:12px;margin-bottom:6px;display:flex}.gauge{flex:1}.gauge-label{color:var(--text-subtle);justify-content:space-between;margin-bottom:2px;font-size:10px;display:flex}.gauge-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.gauge-fill{border-radius:3px;height:100%;transition:width .3s}.gauge-fill.green{background:var(--green)}.gauge-fill.amber{background:var(--orange)}.gauge-fill.red{background:var(--red)}.gauge-val-green{color:var(--green)}.gauge-val-amber{color:var(--orange)}.gauge-val-red{color:var(--red)}.node-stats{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:10px;display:flex}.disk-usage-row{align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.disk-label{color:var(--text-subtle);min-width:30px}.disk-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.disk-bar-fill{border-radius:3px;height:100%;transition:width .3s}.disk-bar-fill.green{background:var(--green)}.disk-bar-fill.amber{background:var(--orange)}.disk-bar-fill.red{background:var(--red)}.disk-value{color:var(--text-subtle);white-space:nowrap;text-align:right;min-width:130px}.db-summary-line{color:var(--text-subtle);font-size:12px}.db-summary-ok{color:var(--green)}.db-issues-summary{flex-wrap:wrap;gap:8px;display:flex}.db-issue-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.db-issue-error{color:var(--red);background:#3a1a1a}.db-issue-warn{color:var(--orange);background:#2a1f0d}.issues-bar{color:var(--text-subtle);border-radius:4px;margin-top:10px;padding:8px 12px;font-size:11px}.issues-critical{border:1px solid var(--red);background:#1a1215}.issues-warn{border:1px solid var(--orange);background:#1a1a15}.issues-bar strong{color:var(--orange)}.issues-critical strong{color:var(--red)}.detail-header{border-bottom:1px solid var(--border);background:var(--card);padding:20px 32px}.back-link{color:var(--blue);margin-bottom:8px;font-size:13px;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.detail-title{color:var(--text-bright);margin-bottom:4px;font-size:22px;font-weight:600}.detail-subtitle{color:var(--text-subtle);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.section-title{color:var(--text-bright);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.section-count{color:var(--text-subtle);font-size:13px;font-weight:400}.detail-nodes{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.detail-node{background:var(--card);border:1px solid var(--border);border-radius:8px;flex:1;min-width:250px;padding:16px}.detail-node.node-leader{border-color:var(--orange)}.detail-node-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.detail-node-tag{color:var(--text-bright);font-size:18px;font-weight:600}.node-role{color:var(--text-subtle);font-size:11px}.circular-gauges{justify-content:center;gap:20px;margin-bottom:12px;display:flex}.circular-gauge-wrapper{text-align:center}.circular-gauge{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.circular-gauge svg{position:absolute;inset:0;transform:rotate(-90deg)}.circular-gauge-value{z-index:1;font-size:16px;font-weight:700;position:relative}.circular-green{color:var(--green)}.circular-amber{color:var(--orange)}.circular-red{color:var(--red)}.gauge-title{text-align:center;color:var(--text-subtle);margin-top:4px;font-size:11px}.detail-node-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;font-size:12px;display:grid}.metric-label{color:var(--text-subtle);font-size:10px}.metric-value{color:var(--text);font-weight:500}.db-table-section{margin-bottom:24px}.db-table{border-collapse:collapse;width:100%;font-size:12px}.db-table th{text-align:left;color:var(--text-subtle);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;font-size:11px;font-weight:500}.db-table th.sortable{cursor:pointer}.db-table th.sortable:hover{color:var(--text-bright)}.db-table td{border-bottom:1px solid var(--header);padding:8px 10px}.db-table tr:hover{background:var(--header)}.db-table .num{text-align:right;font-variant-numeric:tabular-nums}.db-table .muted{color:var(--text-muted)}.db-name-cell{color:var(--blue);font-weight:500}.backup-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.backup-dot.backup-ok{background:var(--green)}.backup-dot.backup-warn{background:var(--orange)}.backup-dot.backup-err{background:var(--red)}.db-expanded-row td{background:var(--header);padding:0}.db-expanded-detail{padding:12px 16px}.db-expanded-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;font-size:12px;display:grid}.db-expanded-tenants{color:var(--text-subtle);margin-top:8px;font-size:12px}.mapping-table{border-collapse:collapse;width:100%;font-size:12px}.mapping-table th{text-align:left;color:var(--text-subtle);border-bottom:1px solid var(--border);padding:6px 10px;font-size:11px;font-weight:500}.mapping-table td{border-bottom:1px solid var(--header);padding:6px 10px}.mapping-table a{color:var(--blue);text-decoration:none}.mapping-table a:hover{text-decoration:underline}.studio-link{color:var(--text-muted);margin-left:4px;font-size:11px;text-decoration:none}.studio-link:hover{color:var(--blue);text-decoration:none}.tooltip-badge{cursor:help}.forecast-panel{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.forecast-title{color:var(--text-bright);margin-bottom:10px;font-size:14px;font-weight:600}.forecast-items{flex-direction:column;gap:8px;display:flex}.forecast-item{border-radius:6px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.forecast-critical{border:1px solid var(--red);background:#1a1215}.forecast-warning{border:1px solid var(--orange);background:#1a1a15}.forecast-ok{background:var(--header);border:1px solid var(--border)}.forecast-icon{flex-shrink:0;font-size:16px;line-height:1.4}.forecast-text{color:var(--text)}.forecast-text strong{color:var(--text-bright);margin-right:4px}.metrics-section{margin:24px 0}.period-selector{gap:4px;margin-left:16px;display:inline-flex}.period-btn{background:var(--card);border:1px solid var(--border);color:var(--text-subtle);cursor:pointer;border-radius:4px;padding:3px 12px;font-family:inherit;font-size:12px}.period-btn:hover{color:var(--text);border-color:var(--text-dim)}.period-btn.active{background:var(--border);color:var(--text-bright);border-color:var(--blue)}.charts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.chart-title{color:var(--text-subtle);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.disk-projection{color:var(--orange);font-size:11px;font-weight:400}.admin-banner{border:1px solid var(--orange);color:var(--orange);background:#2a1f0d;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:13px}.audit-timeline{flex-direction:column;gap:2px;display:flex}.audit-entry{background:var(--card);border-radius:6px;gap:12px;padding:10px 12px;display:flex}.audit-entry:hover{background:var(--header)}.audit-avatar{background:var(--border);width:32px;height:32px;color:var(--text-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.audit-content{flex:1;min-width:0}.audit-header{align-items:center;gap:8px;font-size:13px;display:flex}.audit-header strong{color:var(--text-bright)}.audit-category{border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.cat-alerts{color:var(--orange);background:#2a1f0d}.cat-settings{color:var(--blue);background:#0d2d44}.cat-maintenance{color:var(--purple);background:#1a1a2a}.audit-time{color:var(--text-muted);margin-left:auto;font-size:11px}.audit-desc{color:var(--text-subtle);margin-top:2px;font-size:12px}.branch-warning{border:1px solid var(--orange);background:#1a1a15;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:13px}.branch-warning-title{color:var(--orange);margin-bottom:6px;font-weight:600}.branch-group{margin:4px 0 4px 16px}.branch-group-name{color:var(--purple);font-family:SF Mono,monospace;font-size:12px}.branch-group-components{color:var(--text-subtle);margin-left:16px;font-size:12px}.comp-table{border-collapse:collapse;width:100%;font-size:12px}.comp-table th{text-align:left;color:var(--text-subtle);border-bottom:1px solid var(--border);text-transform:uppercase;padding:8px 10px;font-size:11px;font-weight:500}.comp-table td{border-bottom:1px solid var(--header);padding:10px}.comp-table tr:hover{background:var(--header)}.comp-name{color:var(--blue);font-weight:500}.comp-version{color:var(--text);font-family:SF Mono,monospace;font-size:12px}.comp-branch{color:var(--purple);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-family:SF Mono,monospace;font-size:11px;overflow:hidden}.comp-branch.mismatch{color:var(--orange)}.comp-branch.estimated{color:var(--text-muted)}.comp-commit{color:var(--blue);font-family:SF Mono,monospace;font-size:11px;text-decoration:none}.comp-commit:hover{text-decoration:underline}.comp-deploy{color:var(--text-subtle);font-size:11px}.ticket-card{background:var(--card);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.ticket-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.ticket-status-dot.implementing{background:var(--blue)}.ticket-status-dot.done{background:var(--green)}.ticket-status-dot.review{background:var(--orange)}.ticket-status-dot.todo{background:var(--text-muted)}.ticket-id{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}.ticket-id:hover{text-decoration:underline}.ticket-status-badge{border-radius:3px;padding:1px 6px;font-size:10px;font-weight:500}.ticket-status-badge.implementing{color:var(--blue);background:#0d2d44}.ticket-status-badge.done{color:var(--green);background:#0d3520}.ticket-summary{color:var(--text);font-size:13px}.ticket-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.commit-row{border-bottom:1px solid var(--header);align-items:flex-start;gap:8px;padding:6px 0;font-size:12px;display:flex}.commit-icon{flex-shrink:0;font-size:14px}.commit-sha{color:var(--blue);flex-shrink:0;font-family:SF Mono,monospace;font-size:11px;text-decoration:none}.commit-sha:hover{text-decoration:underline}.commit-msg{color:var(--text);flex:1}.commit-ai{color:var(--purple);background:#1a1a2a;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px}.tenant-chips{flex-wrap:wrap;gap:6px;display:flex}.tenant-chip{background:var(--header);border:1px solid var(--border);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.tenant-chip-dot{border-radius:50%;width:6px;height:6px}.tenant-chip-dot.healthy{background:var(--green)}.tenant-chip-dot.critical{background:var(--red)}.tenant-chip-dot.unknown{background:var(--text-muted)}.tenant-chip-name{color:var(--blue);text-decoration:none}.tenant-chip-name:hover{text-decoration:underline}.tenant-chip-db{color:var(--text-muted);font-size:10px}.loading-container{color:var(--text-subtle);flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}