:root{color-scheme:light;--bg:#f6f7fb;--card:#fff;--text:#202333;--muted:#858a9b;--border:#e9eaf1;--purple:#7561d7;--purple-soft:#f0edfc;--green:#1e9a72;--green-soft:#eaf7f1;--amber:#b8822a;--amber-soft:#fff8e9;--danger:#c54c58;--shadow:0 2px 4px #25254b03;--sidebar:#171b2d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ac9cfa;outline-offset:3px}h1,h2,p{margin:0}h2{font-size:15px;font-weight:650;letter-spacing:-.25px}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--sidebar);color:#dce0ec;padding:31px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:690;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;background:#a99ae8;color:#171b2d;width:31px;height:31px;border-radius:9px;font-size:22px;font-weight:800;transform:skew(-6deg)}.brand-dot{font-size:10px;align-self:flex-start;margin:4px 0 0 -6px}.workspace{margin:37px 0 31px;border:1px solid #34374a;border-radius:9px;padding:12px 10px;display:flex;align-items:center;gap:10px}.workspace-icon{width:32px;height:33px;border:1px solid #4a446a;background:#34314b;color:#c2b5ff;border-radius:7px;font-size:11px;display:grid;place-items:center;font-weight:700}.workspace strong,.operator strong{font-size:12px;font-weight:600;display:block}.workspace small,.operator small{display:block;font-size:10px;color:#8b90a5;margin-top:3px}.chevron{margin-left:auto;color:#9295a7}.nav-label{font-size:9px;letter-spacing:1.5px;color:#666e87;margin:0 11px 11px}nav{display:flex;flex-direction:column;gap:6px}nav a{display:flex;align-items:center;gap:13px;min-height:43px;padding:10px 12px;border-radius:7px;font-size:12px;color:#969eb5;transition:background .2s}nav a>span:first-child{font-size:19px;width:19px;color:#a4a9bd}nav a:hover{background:#24293d;color:white}nav a.active{background:#2d2b48;color:#d6cdfb}nav a.active>span:first-child{color:#b9a8fc}.nav-key,.nav-count{margin-left:auto;font-size:9px;background:#393450;color:#b9acd9;padding:1px 5px;border-radius:4px}.nav-count{background:#2a3044;color:#8d96af}.sidebar-bottom{margin-top:auto}.read-only{display:flex;align-items:center;gap:8px;font-size:11px;padding-top:26px}.small-dot,.dot{display:inline-block;width:6px;height:6px;background:#64c49e;border-radius:50%;flex-shrink:0}.sidebar-bottom>p{font-size:10px;color:#737c96;margin:9px 0 25px;line-height:1.8}.operator{display:flex;align-items:center;gap:9px;padding-top:18px;border-top:1px solid #2d3247}.avatar,.header-avatar{background:#323952;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;color:#c6cde2;font-weight:600}.operator form{margin-left:auto}.operator button{background:none;border:0;color:#8790ac;font-size:23px}.shell{margin-left:230px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.breadcrumbs{color:var(--muted);font-size:11px;display:flex;gap:17px}.breadcrumbs strong{font-weight:500;color:var(--text)}.breadcrumbs span{color:#c1c5d0}.top-actions{display:flex;gap:19px;align-items:center}.live-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.live-status i{width:5px;height:5px;border-radius:50%;background:var(--amber)}.live-status.fresh i{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.header-avatar{width:29px;height:29px;background:#f0eef8;color:#8b7eac;font-size:11px}.icon-button{border:0;background:none;color:var(--muted);font-size:19px}main{max-width:1570px;margin:auto;padding:32px 34px 20px}.page-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:25px}.eyebrow{color:var(--purple);font-size:9px;letter-spacing:1.7px;font-weight:650;margin-bottom:8px}h1{font-size:29px;letter-spacing:-1px;font-weight:660;line-height:1.25}h1>span{color:var(--purple)}.page-heading p{font-size:11px;color:var(--muted);margin-top:9px}.heading-actions{display:flex;gap:9px}.button{border:1px solid var(--border);background:var(--card);border-radius:7px;padding:9px 12px;font-size:11px;color:var(--text);font-weight:550;white-space:nowrap}.button.primary{background:var(--purple);color:white;border-color:var(--purple);box-shadow:0 3px 6px #7561d715}.button:hover{filter:brightness(.96)}.notice{display:flex;gap:12px;align-items:center;background:var(--amber-soft);border:1px solid #f2e9d4;border-radius:8px;padding:12px 15px;margin-bottom:22px;font-size:10px;color:#967541}.notice-icon{width:17px;height:17px;border-radius:50%;border:1px solid #c0a66e;text-align:center;line-height:16px;font-family:serif;font-weight:bold}.notice>div{display:flex;gap:10px;flex-wrap:wrap}.notice strong{font-weight:600;color:#886a35}.notice .tag{margin-left:auto}.tag{font-size:8px;letter-spacing:.75px;font-weight:650;padding:4px 7px;border-radius:4px;white-space:nowrap}.tag.amber{background:#f7ecd5;color:#a2834d}.tag.neutral{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:17px 19px;box-shadow:var(--shadow)}.metric:hover{border-color:#c8beeb}.metric-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.metric-icon{font-size:17px;color:#a4a7b8}.metric>strong{display:block;font-size:25px;letter-spacing:-.7px;font-weight:650;margin:12px 0 7px}.metric>strong em{font-style:normal;font-size:16px;color:#b7bbca;font-weight:450}.metric-note{color:var(--muted);font-size:10px;min-height:15px}.metric-note.good{color:var(--green)}.panel{border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:21px 22px 17px}.panel-heading p,.section-heading p{font-size:10px;color:var(--muted);margin-top:4px}.pill{font-size:9px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;background:var(--bg);color:var(--muted);white-space:nowrap}.pill.good{background:var(--green-soft);color:var(--green)}.pill.warn{background:var(--amber-soft);color:var(--amber)}.pill.bad{background:#fbeff0;color:var(--danger)}.topology{display:flex;align-items:center;padding:7px 22px 25px;gap:0;min-height:167px}.topo-node{border:1px solid var(--border);border-radius:8px;text-align:center;padding:15px 9px;flex:1.2;min-width:115px;background:var(--card)}.topo-node.writer{border-color:#d5ede3;background:linear-gradient(#f9fdfb,var(--card))}.node-icon{height:29px;width:29px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:700;margin:0 auto 8px}.node-icon.purple{color:var(--purple);background:var(--purple-soft)}.node-icon.green{color:var(--green);background:var(--green-soft);font-size:10px}.node-icon.small{margin:0}.topo-node strong{font-size:11px;display:block}.topo-node small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.node-state{display:block;margin-top:7px;font-size:9px;color:var(--green)}.connector{position:relative;flex:.8;height:1px;min-width:35px;background:#d9d7e8}.connector i{position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #bbb8cf;border-right:1px solid #bbb8cf;transform:rotate(45deg)}.connector>span{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#a5a4b4;font-size:8px;white-space:nowrap}.pool-stack,.replica-stack{display:flex;flex-direction:column;gap:7px;flex:1.25;min-width:108px}.mini-node{border:1px solid var(--border);border-radius:6px;padding:9px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:6px}.mini-node>span{display:flex;gap:6px;align-items:center}.mini-node small{font-size:8px;color:var(--muted)}.mini-node.good .dot{background:var(--green)}.mini-node.bad .dot{background:var(--danger)}.topology-footer{display:flex;justify-content:space-between;padding:11px 21px;background:var(--bg);border-top:1px solid var(--border);color:var(--muted);font-size:9px;gap:10px}.topology-footer>span:first-child{display:flex;align-items:center;gap:7px}.purple-dot{background:var(--purple)}.chart-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.segmented{display:flex;background:var(--bg);border:1px solid var(--border);padding:3px;border-radius:6px}.segmented button,.chart-switch button{background:none;color:var(--muted);border:0;border-radius:4px;font-size:9px;padding:4px 8px}.segmented button.selected{background:var(--card);box-shadow:0 1px 3px #1111110d;color:var(--text)}.chart-stat{display:flex;gap:9px;align-items:baseline;margin:0 22px 4px}.chart-stat>strong{font-size:28px;letter-spacing:-1px;font-weight:650}.chart-stat>span{font-size:10px;color:var(--muted)}.chart-switch{margin-left:auto;display:flex}.chart-switch button.selected{color:var(--purple);background:var(--purple-soft)}.chart{height:173px;margin:0 20px;display:flex;align-items:center;justify-content:center;position:relative}.chart>p{font-size:11px;color:var(--muted)}.chart svg{width:100%;height:100%;overflow:visible}.chart svg text{font-family:inherit;fill:var(--muted);font-size:9px}.chart-footer{display:flex;justify-content:space-between;padding:10px 23px 19px;color:var(--muted);font-size:9px}.chart-footer .dot{margin-right:5px}.outline-icon{font-size:23px;color:var(--muted)}.protection-list{padding:0 21px}.protection-list>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.protection-list>div:last-child{border-bottom:0}.protection-symbol{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:11px}.protection-symbol.good{color:var(--green);background:var(--green-soft)}.protection-symbol.warn{color:var(--amber);background:var(--amber-soft)}.protection-list strong{font-size:11px;display:block;font-weight:550}.protection-list small{font-size:9px;color:var(--muted);display:block;margin-top:2px}.micro-badge{font-size:7px;font-weight:600;margin-left:auto;padding:3px 5px;border-radius:4px;letter-spacing:.5px}.micro-badge.good{color:var(--green);background:var(--green-soft)}.micro-badge.warn{color:var(--amber);background:var(--amber-soft)}.health-footnote{font-size:9px;color:var(--muted);padding:10px 22px 19px;line-height:1.6}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}th{background:var(--bg);font-size:8px;letter-spacing:.8px;font-weight:550;color:var(--muted);padding:10px 22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td{padding:15px 22px;border-bottom:1px solid var(--border)}tr:last-child td{border:0}td:first-child strong{display:block;font-weight:550}td:first-child small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.role-label{font-size:9px;padding:4px 7px;border-radius:5px;color:var(--purple);background:var(--purple-soft)}.role-label.replica{color:#73819a;background:#f0f3f8}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 15px}.quiet{font-size:10px;color:var(--muted)}.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.pool-card{border:1px solid var(--border);border-radius:9px;background:var(--card);padding:18px 19px}.pool-top{display:flex;align-items:center;gap:9px;margin-bottom:17px}.pool-glyph{width:28px;height:28px;background:var(--purple-soft);border-radius:6px;color:var(--purple);display:grid;place-items:center}.pool-top strong{font-size:12px;font-weight:600}.pool-top small{font-size:9px;color:var(--muted);display:block}.pool-top>.pill{margin-left:auto}.pool-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:19px}.pool-numbers small{font-size:9px;color:var(--muted);display:block}.pool-numbers strong{font-size:19px;font-weight:600;display:block;margin-top:3px}.budget-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:7px}.meter{height:5px;background:var(--bg);border-radius:6px;overflow:hidden}.meter>i{display:block;height:100%;background:var(--purple);border-radius:5px;width:0}.pool-footnote{font-size:9px;color:var(--muted);margin-top:10px}.traffic-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.traffic-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:19px 25px;margin:2px 22px 16px}.traffic-stats small{font-size:10px;color:var(--muted);display:block}.traffic-stats strong{display:block;font-size:23px;font-weight:600;letter-spacing:-.5px;margin-top:4px}.panel-footnote{font-size:9px;color:var(--muted);border-top:1px solid var(--border);padding:12px 22px}.resource-list{padding:0 22px 17px}.resource{margin-bottom:13px}.resource:last-child{margin-bottom:0}.resource>.budget-label{font-size:10px;margin-bottom:8px}.resource>.budget-label>span:last-child{color:var(--text);font-weight:550}.resource small{color:var(--muted);font-size:9px;display:block;margin-top:5px}.resource .meter{height:5px}.resource:nth-child(2) .meter i{background:#66afa3}.resource:nth-child(3) .meter i{background:#97a4c2}.activity-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.alerts{padding:0 22px 14px}.alert{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.alert:last-child{border:0}.alert-symbol{margin-top:3px;display:grid;place-items:center;flex-shrink:0;width:19px;height:19px;border-radius:5px;background:var(--amber-soft);color:var(--amber);font-size:10px}.alert.critical .alert-symbol{background:#fbeff0;color:var(--danger)}.alert strong{font-size:11px;font-weight:550;display:block}.alert p{font-size:10px;color:var(--muted);margin-top:3px}.alert small{font-size:8px;color:var(--muted);display:block;margin-top:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;padding:3px 22px 17px}.service-item{font-size:9px;display:flex;align-items:center;gap:6px;color:var(--muted)}.service-item .dot.bad{background:var(--danger)}.events{padding:12px 22px 18px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.event{padding:5px 0;display:flex;gap:10px}.event time{font-size:9px;color:var(--purple);white-space:nowrap}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);gap:10px;padding:3px 0 5px}.page-footer>span>span{margin:0 8px}.page-footer button{border:0;background:none;color:var(--purple);font-size:9px}.error-banner{background:#fbebee;color:#ad4656;border:1px solid #f0cdd4;padding:12px 15px;margin-bottom:18px;border-radius:8px;font-size:11px}.error-banner[hidden]{display:none}.login-page{background:#fff}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-story{background:#191d31;color:white;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #35314c;border-radius:50%;right:-240px;bottom:-120px;box-shadow:0 0 0 70px #201f3600,0 0 0 71px #35314c50;pointer-events:none}.login-story h1{font-size:49px;line-height:1.2;letter-spacing:-2px;max-width:470px}.login-story .eyebrow{color:#b4a4f3;margin-bottom:20px}.login-story p{color:#949bb3;margin-top:23px;max-width:290px;font-size:13px;line-height:1.9}.login-story>small{color:#626c89;font-size:10px}.login-path{display:flex;gap:14px;align-items:center;margin-top:40px}.login-path span{border:1px solid #3b3d56;border-radius:6px;padding:8px 12px;color:#bfc3d7;font-size:10px}.login-path i{font-style:normal;color:#706784}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:100%;max-width:350px}.login-lock{width:44px;height:44px;background:var(--purple-soft);color:var(--purple);font-size:27px;border-radius:11px;display:grid;place-items:center;margin-bottom:24px}.login-form h2{font-size:27px;letter-spacing:-.7px;margin-bottom:8px}.login-form>p{font-size:12px;color:var(--muted)}.login-form form{margin-top:32px}.login-form label{font-size:11px;font-weight:550;display:block;margin-bottom:8px}.login-form input{display:block;width:100%;border:1px solid var(--border);border-radius:7px;background:#fafafd;padding:12px 13px;font-size:13px;margin-bottom:21px}.login-form .button{width:100%;display:flex;justify-content:space-between;padding:12px 15px;margin-top:7px}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:9px;margin-top:22px}.login-form>.login-help{font-size:10px;text-align:center;margin-top:34px;line-height:1.8}.login-error{background:#fbeef0;color:#ad4656;border-radius:6px;padding:12px;font-size:11px;margin-top:20px}
body.dark{color-scheme:dark;--bg:#191d2b;--card:#222738;--text:#e0e4ee;--muted:#929cb4;--border:#32394d;--purple:#b09aef;--purple-soft:#383149;--green:#80d4b3;--green-soft:#263e37;--amber:#d1b070;--amber-soft:#373127;--sidebar:#121625}.dark .notice{border-color:#51442e}.dark .notice strong{color:#d1b070}.dark .topo-node.writer{background:var(--card);border-color:#34584b}.dark .header-avatar{background:#3c3553;color:#b4a6da}.dark .role-label.replica{background:#303a50;color:#acbad3}
@media(min-width:1600px){main{padding:36px 45px}.topbar{padding:0 45px}.topology{padding:15px 35px 32px}.topo-node{padding:22px 10px}.chart{height:200px}}
@media(max-width:1150px){.sidebar{width:195px;padding:25px 14px}.shell{margin-left:195px}main{padding:25px 22px}.topbar{padding:0 22px}h1{font-size:25px}.heading-actions .button{font-size:10px;padding:8px 10px}.metrics{gap:11px}.metric{padding:14px}.metric>strong{font-size:22px}.topology{flex-wrap:wrap;gap:10px;padding:12px 20px 22px}.topo-node{min-width:120px}.connector{min-width:20px;flex:.35}.connector>span{display:none}.chart-layout{grid-template-columns:1.3fr 1fr;gap:16px}.panel-heading{padding:18px 17px 13px}.protection-list{padding:0 17px}.micro-badge{display:none}td,th{padding-left:16px;padding-right:16px}.pool-grid{gap:12px}.pool-card{padding:15px}.activity-layout{grid-template-columns:1fr 1fr;gap:16px}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:880px){.sidebar{width:68px;padding:23px 12px}.brand{font-size:0;justify-content:center}.brand-dot,.workspace,.nav-label,.sidebar-bottom{display:none}.brand-mark{font-size:22px}nav{margin-top:40px}nav a{font-size:0;padding:10px;justify-content:center}nav a>span:first-child{font-size:20px}nav .nav-count,nav .nav-key{display:none}.shell{margin-left:68px}.chart-layout{grid-template-columns:1fr}.chart-layout .panel{margin-bottom:18px}.protection-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.health-footnote{padding-top:15px}.metrics{grid-template-columns:1fr 1fr}.topology{overflow-x:auto;flex-wrap:nowrap}.topo-node{min-width:110px}.pool-stack,.replica-stack{min-width:105px}.topology-footer{flex-direction:column;gap:4px}.traffic-layout,.activity-layout{grid-template-columns:1fr}.pool-top .pill{font-size:8px;padding:3px}.pool-numbers{gap:8px}.pool-card{padding:14px 12px}.login-story{padding:40px 30px}.login-story h1{font-size:38px}}
@media(max-width:600px){main{padding:22px 15px}.topbar{height:59px;padding:0 16px}.top-actions{gap:10px}.breadcrumbs{font-size:10px;gap:8px}.page-heading{display:block;margin-bottom:18px}h1{font-size:23px;letter-spacing:-.8px}.page-heading p{font-size:10px}.heading-actions{margin-top:16px}.notice{align-items:flex-start;padding:11px;font-size:9px}.notice>div{gap:3px}.notice .tag{display:none}.metrics{gap:10px}.metric{padding:12px}.metric-label{font-size:10px}.metric>strong{font-size:21px}.metric-note{font-size:9px}.metric-icon{display:none}.pool-grid{grid-template-columns:1fr}.pool-card{padding:17px}.pool-numbers{margin-bottom:15px}.protection-list{display:block}.micro-badge{display:block}.chart-switch button{font-size:8px;padding:4px}.chart-stat{margin-left:17px;margin-right:17px}.chart-stat>strong{font-size:24px}.section-heading{align-items:flex-start;gap:12px}.quiet{font-size:9px}.topology{padding-left:16px}.panel-heading h2{font-size:14px}.page-footer{flex-wrap:wrap}.page-footer>span:first-child{width:100%;margin-bottom:4px}.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:30px}.service-grid{grid-template-columns:1fr 1fr 1fr}.login-page .brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.topology{flex-direction:column;align-items:stretch;overflow:visible;gap:12px}.topology .connector{height:14px;min-height:14px;min-width:0;flex:none;transform:rotate(90deg);width:20px;align-self:center}.topo-node{width:100%}.pool-stack,.replica-stack{width:100%}}