@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--bg:#0b0f14;--panel:#111821;--panel-2:#151f29;--line:#24313d;--text:#e8eef3;--muted:#8797a5;--dim:#5e6d79;--teal:#38d6b1;--yellow:#e9b86a;--red:#ff6f72;--blue:#81a9ff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif}body{font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;background:#0d131a;border-right:1px solid var(--line);padding:25px 14px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 24px}.brand-mark{width:31px;height:31px;border:1px solid #3fd0af;color:var(--teal);display:grid;place-items:center;font-weight:700;border-radius:8px;background:rgba(56,214,177,.08)}.brand b{font-size:13px;letter-spacing:.12em}.brand b span{color:var(--teal)}.brand small,.sidebar-footer small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sidebar-status{margin:0 8px 22px;border:1px solid #1f3937;background:#10211f;color:#a8d4c9;border-radius:5px;padding:9px 10px;font-size:11px}.sidebar-status.offline{background:#201b16;border-color:#4b3b28;color:#cfb27e}.sidebar-status.offline .live-dot{background:var(--yellow);box-shadow:0 0 0 3px hsla(37,74%,66%,.12)}.status-time{float:right;color:var(--teal);font-family:DM Mono}.sidebar-status.offline .status-time{color:var(--yellow)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);display:inline-block;margin-right:6px;box-shadow:0 0 0 3px rgba(56,214,177,.12)}nav{flex:1 1}.nav-group{margin-bottom:18px}.eyebrow,.nav-label{color:var(--dim);letter-spacing:.12em;font-size:10px;font-weight:600;text-transform:uppercase}.nav-label{padding:0 11px 8px}.nav-item{width:100%;color:#9eabb6;background:transparent;border:0;padding:10px 11px;border-radius:5px;text-align:left;display:flex;align-items:center;gap:10px;margin:2px 0;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.nav-item.selected,.nav-item:hover{color:var(--text);background:#19232d}.nav-item.selected{box-shadow:inset 2px 0 var(--teal)}.nav-icon{width:16px;height:16px;flex:0 0 16px;color:#708291}.nav-item.selected .nav-icon{color:var(--teal)}.sidebar-footer{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;align-items:center;gap:9px}.user-avatar{width:28px;height:28px;border-radius:50%;background:#263546;color:#b9c9df;display:grid;place-items:center;font-size:10px}.sidebar-footer b{font-size:12px}.more-button{margin-left:auto;background:none;color:var(--muted);border:0;font-size:20px}.main{min-width:0;min-height:100vh;flex:1 1;display:flex;flex-direction:column}.topbar{height:95px;padding:22px 40px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:var(--dim);font-size:11px;letter-spacing:.1em}.breadcrumb span{margin:0 8px}.topbar h1{font-size:23px;margin:7px 0 0;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:19px}.freshness{font-size:11px;color:var(--muted)}.freshness span:not(.live-dot){margin:0 5px;color:var(--dim)}.content{width:100%;max-width:1450px;min-height:calc(100vh - 150px);padding:27px 40px 50px;margin:0 auto}.footer{margin-top:auto;border-top:1px solid var(--line);color:var(--dim);font-size:11px;padding:18px 40px}.footer span{margin:0 8px}.healthy-text{color:var(--teal);font-weight:500}.critical-text{color:var(--red)}.risk-banner{border:1px solid #254943;background:linear-gradient(100deg,#102521,#111c20);padding:15px 18px;display:flex;align-items:center;gap:13px;margin-bottom:19px;border-radius:6px}.risk-banner.warning-banner{border-color:#5b482c;background:linear-gradient(100deg,#2a2117,#1b1915)}.risk-banner.danger-banner{border-color:#553235;background:linear-gradient(100deg,#261719,#191416)}.risk-icon{width:23px;height:23px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#285c50;color:var(--teal);font-weight:700}.warning-banner .risk-icon{background:#72552c;color:#f6d39a}.danger-banner .risk-icon{background:#6b3033;color:#ffb1b4}.risk-banner strong{font-size:13px}.risk-banner p{margin:3px 0 0;color:var(--muted);font-size:12px}.banner-pill{margin-left:auto;color:var(--teal);font:11px DM Mono}.warning-banner .banner-pill{color:var(--yellow)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.metrics-grid-compact .metric-value{font-size:22px}.metric,.panel{border:1px solid var(--line);background:var(--panel);border-radius:6px}.metric{padding:17px 18px}.metric-value{font-size:25px;letter-spacing:-.03em;margin:7px 0 5px;overflow-wrap:anywhere}.metric-hint{font-size:11px;color:var(--muted)}.metric-hint.healthy{color:var(--teal)}.metric-hint.warning{color:var(--yellow)}.metric-hint.critical{color:var(--red)}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.panel,.two-col{margin-bottom:18px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.panel h2{font-size:16px;margin:5px 0 0;letter-spacing:-.01em}.link-button{color:var(--blue);background:transparent;border:0;padding:0;font-size:12px}.cluster-state{display:flex;align-items:center;gap:14px;padding:4px 0 22px}.state-orb{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:19px}.state-orb.healthy{color:var(--teal);background:rgba(56,214,177,.13);box-shadow:0 0 0 1px #2c675b}.state-title{font:500 15px DM Mono}.muted,.subline{color:var(--muted)}.facts{border-top:1px solid var(--line);padding-top:15px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.approval-grid span,.backup-target span,.facts span{color:var(--dim);display:block;font-size:11px;margin-bottom:5px}.facts b{font:11px DM Mono;color:#c2ccd4}.topology{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;grid-gap:7px;gap:7px}.topo-node{display:flex;gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--line);padding:10px;border-radius:5px}.topo-node.active{border-color:#2a675b}.node-letter{width:27px;height:27px;border-radius:6px;background:#263442;display:grid;place-items:center;color:#a7b5c1;font-weight:600}.node-letter.active{background:#1e514a;color:var(--teal)}.node-letter.small{width:28px;height:28px;font-size:11px}.topo-node b{display:block;font-size:12px}.topo-node span{color:var(--muted);display:block;font-size:10px;margin-top:3px}.topo-line{height:1px;background:#41645f;position:relative;color:var(--teal);font:9px DM Mono;text-align:center}.topo-line span{position:relative;top:-14px}.topo-node.witness{grid-column:1/4;width:48%;margin:10px auto 0}.dns-summary{display:flex;align-items:center;gap:11px;margin-bottom:15px}.dns-summary strong{font:14px DM Mono}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:4px;padding:4px 7px;font:10px DM Mono;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-healthy{color:var(--teal);background:rgba(56,214,177,.08);border-color:#27574e}.badge-warning{color:var(--yellow);background:hsla(37,74%,66%,.08);border-color:#604e33}.badge-critical{color:var(--red);background:rgba(255,111,114,.08);border-color:#68373b}.notice{display:flex;align-items:flex-start;gap:10px;border-radius:5px;padding:11px 12px;font-size:11px;line-height:1.6}.notice>span{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-weight:600;flex-shrink:0}.notice p{margin:3px 0 0;color:var(--muted)}.notice.neutral{background:#15202a;color:#9bb2c7}.notice.neutral>span{background:#2c465b}.notice.warning{background:#2b2318;color:#e8c381;border:1px solid #57442a;margin-bottom:18px}.notice.warning>span{background:#71552c}.notice.critical{background:#2b191b;color:#ffb0b2;border:1px solid #583437}.notice.critical>span{background:#703235}.event-list{display:grid;grid-gap:13px;gap:13px}.event-row{display:grid;grid-template-columns:39px 1fr;grid-gap:9px;gap:9px;align-items:start}.event-time{color:var(--dim);font:10px DM Mono;padding-top:5px}.event-row>div:last-child{grid-column:2;margin-top:-25px;margin-left:89px}.event-row b,.event-row span{display:block;font-size:11px}.event-row b{font-size:12px;margin-bottom:3px}.event-row>.badge{grid-column:2;width:-moz-fit-content;width:fit-content}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;min-width:800px;width:100%}.table-wrap th{color:var(--dim);text-align:left;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 11px;border-bottom:1px solid var(--line)}.table-wrap td{padding:14px 12px;border-bottom:1px solid #1c2731;vertical-align:top;font-size:12px}.table-wrap tr:last-child td{border-bottom:0}.cell-main{display:flex;gap:9px;align-items:center;min-width:180px}.cell-main b{display:block;font-size:12px}.subline{display:block;font-size:10px;margin-top:4px;font-family:DM Mono}.table-wrap code,code{color:#a9c9f5;font:11px DM Mono}.page-summary{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:4px 2px 23px}.page-summary.compact{padding-top:0}.page-summary h2{margin:6px 0;font-size:20px}.page-summary p{max-width:700px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.approval-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.approval-grid b{font-size:12px}.warning-text{color:var(--yellow)}.approval-actions{border-top:1px solid var(--line);padding-top:16px;margin-top:19px;display:flex;justify-content:flex-end;gap:10px}.button{border-radius:4px;padding:9px 13px;border:1px solid var(--line);font-size:12px;transition:filter .18s ease,background-color .18s ease,border-color .18s ease}.button:hover:not(:disabled){filter:brightness(1.08)}.button.primary{background:var(--teal);color:#071713;border-color:var(--teal);font-weight:600}.button.secondary{background:#1a2530;color:#afbfcc}.button.danger{background:#4e2a2d;color:#d18d8e;border-color:#6a383d}.button:disabled{cursor:not-allowed;opacity:.65}.small-button{padding:6px 9px}.stage-list{display:grid;grid-gap:2px;gap:2px}.stage{display:flex;align-items:center;gap:14px;padding:14px 13px;border:1px solid transparent;border-radius:5px}.stage.complete{color:#a7c9c0}.stage.current{background:#2a2118;border-color:#634a2b}.stage-index{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:50%;background:#26323e;color:var(--muted);font:11px DM Mono}.stage.complete .stage-index{background:#1f4c43;color:var(--teal)}.stage.current .stage-index{background:#76572e;color:var(--yellow)}.stage b,.stage span{display:block}.stage b{font:12px DM Mono}.stage div:nth-child(2){flex:1 1}.stage div:nth-child(2) span{margin-top:4px;color:var(--muted);font-size:11px}.capability-list{display:grid;grid-gap:9px;gap:9px;margin-top:17px}.capability-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);background:var(--panel-2);border-radius:5px;padding:12px 13px}.capability-row b,.capability-row span{display:block}.capability-row b{font-size:12px}.capability-row>div>span{margin-top:4px;color:var(--muted);font-size:11px}.empty-state{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);text-align:center}.empty-state b{color:var(--text);font-size:13px}.empty-state span{max-width:560px;font-size:11px;line-height:1.7}.timeline{position:relative;padding:3px 0 3px 16px}.timeline:before{content:"";position:absolute;left:20px;top:5px;bottom:5px;width:1px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:72px 1fr;grid-gap:21px;gap:21px;margin-bottom:21px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:0;top:7px;width:9px;height:9px;border:2px solid var(--panel);border-radius:50%;background:var(--dim);box-shadow:0 0 0 1px var(--line)}.timeline-dot.healthy{background:var(--teal)}.timeline-dot.warning{background:var(--yellow)}.timeline-time{color:var(--dim);font:10px DM Mono;padding-left:20px;padding-top:4px}.timeline-card{border:1px solid var(--line);background:var(--panel-2);padding:11px 13px;border-radius:5px}.timeline-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeline-card b{font-size:12px}.timeline-card p{color:var(--muted);margin:5px 0 0;font-size:11px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;margin-bottom:17px}.backup-grid label,.form-grid label{color:var(--muted);font-size:11px}.form-grid label.full{grid-column:1/-1}.backup-grid select,.form-grid input,.form-grid select{display:block;width:100%;border:1px solid var(--line);background:#0e151d;color:var(--text);padding:9px 10px;border-radius:4px;margin-top:6px;outline:none}.backup-grid select:focus,.form-grid input:focus{border-color:var(--blue)}.connection-result{display:flex;gap:10px;align-items:center;margin-top:14px;color:var(--muted);font-size:11px}.backup-target{margin:18px 0;border:1px solid var(--line);background:#0e151d;padding:11px;border-radius:4px}.backup-target b{display:block;margin-bottom:7px;font-size:12px}.backup-target code{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.disabled-button{display:block;margin-top:9px;width:100%;background:#1b2025;color:#59636c}.full{display:block;margin-bottom:17px}.login-wrap{max-width:620px;margin:7vh auto 0}.login-form{display:flex;gap:12px;align-items:flex-end}.login-form label{flex:1 1;color:var(--muted);font-size:11px}.login-form input{display:block;width:100%;border:1px solid var(--line);background:#0e151d;color:var(--text);padding:9px 10px;border-radius:4px;margin-top:6px;outline:none}.login-form input:focus{border-color:var(--blue)}@media (max-width:1050px){.sidebar{width:205px}.content,.topbar{padding-left:24px;padding-right:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.backup-grid,.two-col{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{width:58px;padding-left:7px;padding-right:7px}.brand{padding-left:6px}.brand>div:last-child,.nav-label,.sidebar-footer .link-button,.sidebar-footer>div:not(.user-avatar),.sidebar-status{display:none}.nav-item{justify-content:center;padding:11px 0}.nav-item>span{display:none}.nav-icon{width:17px;height:17px}.sidebar-footer{justify-content:center;padding-left:0;padding-right:0}.topbar{height:auto;padding-top:18px;padding-bottom:17px}.topbar-actions .freshness{display:none}.content{padding:18px 14px 34px}.footer{padding:14px}.metrics-grid{gap:8px}.metric{padding:13px}.metric-value{font-size:20px}.approval-grid{grid-template-columns:1fr 1fr}.page-summary{gap:12px}.topology{grid-template-columns:1fr}.topo-line{display:none}.topo-node.witness{grid-column:auto;width:100%;margin-top:0}.login-form{align-items:stretch;flex-direction:column}}