*{box-sizing:border-box}body{margin:0;background:var(--mb-bg);color:var(--mb-text);font:var(--mb-text-md)/1.5 var(--mb-font)}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:var(--mb-weight-semibold);color:var(--mb-ink)}h1{font-size:var(--mb-text-2xl);line-height:1.25}h2{font-size:var(--mb-text-lg);line-height:1.3}small{font-size:var(--mb-text-xs);color:var(--mb-muted)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;border-right:1px solid var(--mb-border);padding:var(--mb-space-6) var(--mb-space-4);display:flex;flex-direction:column;background:var(--mb-surface-wash);z-index:10}.brand{display:flex;align-items:center;gap:var(--mb-space-2);font-size:var(--mb-text-xl);font-weight:var(--mb-weight-semibold);padding:0 var(--mb-space-2)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--mb-radius-sm);background:var(--mb-brand);color:var(--mb-on-brand);font-size:var(--mb-text-2xl);font-weight:var(--mb-weight-medium)}.brand-caption{font-size:var(--mb-text-xs);font-weight:var(--mb-weight-regular);color:var(--mb-muted);margin-left:auto}.workspace{display:flex;gap:var(--mb-space-3);align-items:center;border:1px solid var(--mb-border);background:var(--mb-surface);border-radius:var(--mb-radius-md);padding:var(--mb-space-3);margin:var(--mb-space-8) 0 var(--mb-space-6)}.workspace strong,.workspace small{display:block}.workspace strong{font-size:var(--mb-text-sm)}.workspace small{font-size:var(--mb-text-xs)}.workspace>.icon{margin-left:auto;color:var(--mb-faint)}.workspace-avatar,.user-avatar{display:grid;place-items:center;border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);width:30px;height:30px;background:var(--mb-surface-muted);font-size:var(--mb-text-xs);font-weight:var(--mb-weight-medium)}nav{display:grid;gap:var(--mb-space-1)}.nav-item{border:0;background:transparent;color:var(--mb-muted);display:flex;align-items:center;text-align:left;gap:var(--mb-space-3);padding:var(--mb-space-3);border-radius:var(--mb-radius-sm);font-size:var(--mb-text-sm);min-height:44px}.nav-item:hover{background:var(--mb-surface-muted);color:var(--mb-ink)}.nav-item.active{color:var(--mb-ink);background:var(--mb-surface-accent);font-weight:var(--mb-weight-medium)}.nav-count{margin-left:auto;font:var(--mb-text-xs) var(--mb-font-mono);color:var(--mb-muted)}.sidebar-bottom{margin-top:auto;display:grid;gap:var(--mb-space-4)}.host-badge{display:flex;align-items:center;gap:var(--mb-space-3);padding:var(--mb-space-4) var(--mb-space-2);border-top:1px solid var(--mb-border)}.host-badge strong,.host-badge small{display:block;font-size:var(--mb-text-xs)}.theme-toggle{justify-content:flex-start}.muted-link{display:flex;justify-content:space-between;align-items:center;font-size:var(--mb-text-xs);color:var(--mb-muted);padding:var(--mb-space-2)}main{margin-left:240px}.topbar{height:68px;border-bottom:1px solid var(--mb-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--mb-space-8);gap:var(--mb-space-4)}.breadcrumb{display:flex;gap:var(--mb-space-3);align-items:center;font-size:var(--mb-text-sm);color:var(--mb-muted)}.breadcrumb>span{color:var(--mb-faint)}.breadcrumb strong{font-weight:var(--mb-weight-medium)}.topbar-actions{display:flex;align-items:center;gap:var(--mb-space-4)}.live-label{display:flex;gap:var(--mb-space-2);align-items:center;font-size:var(--mb-text-xs);color:var(--mb-muted)}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:var(--mb-radius-pill);background:var(--mb-ink)}.status-dot.warning{background:var(--mb-warning)}.status-dot.danger{background:var(--mb-danger)}.status-dot.quiet{background:var(--mb-faint)}.user-avatar{border-radius:var(--mb-radius-pill)}.workspace-content{padding:var(--mb-space-8);max-width:1500px;margin:0 auto;display:grid;gap:var(--mb-space-6)}.heading{display:flex;justify-content:space-between;align-items:center;gap:var(--mb-space-6);margin:var(--mb-space-2) 0 var(--mb-space-2)}.eyebrow{font-size:var(--mb-text-xs);color:var(--mb-muted);margin-bottom:var(--mb-space-2)}.heading p{font-size:var(--mb-text-sm);color:var(--mb-muted);margin-top:var(--mb-space-2)}.heading-actions{display:flex;align-items:center;gap:var(--mb-space-4);flex-shrink:0}.last-checked{font-size:var(--mb-text-xs);color:var(--mb-faint)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mb-space-4)}.metric{padding:var(--mb-space-5);display:flex;flex-direction:column;gap:var(--mb-space-2);min-width:0}.metric-label{display:flex;justify-content:space-between;align-items:center;color:var(--mb-muted);font-size:var(--mb-text-xs)}.metric-label>.icon{color:var(--mb-faint)}.metric-value{font-size:var(--mb-text-2xl);font-weight:var(--mb-weight-medium);font-variant-numeric:tabular-nums;line-height:1.25;margin-top:var(--mb-space-2);white-space:nowrap}.metric-value .metric-unit{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-regular);color:var(--mb-muted);margin-left:var(--mb-space-1)}.metric small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sparkline{width:100%;height:24px;margin-top:var(--mb-space-2)}.sparkline polyline{fill:none;stroke:var(--mb-chart-accent);stroke-width:1.8}.metric-note{margin-top:auto;padding-top:var(--mb-space-3);display:flex;align-items:center;gap:var(--mb-space-2);font-size:var(--mb-text-xs);color:var(--mb-muted)}meter{width:100%;height:6px;margin-top:var(--mb-space-4);appearance:none;border:0;background:var(--mb-surface-muted);border-radius:var(--mb-radius-pill)}meter::-webkit-meter-bar{background:var(--mb-surface-muted);border:0;border-radius:var(--mb-radius-pill)}meter::-webkit-meter-optimum-value{background:var(--mb-chart-2);border-radius:var(--mb-radius-pill)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:var(--mb-space-4)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-4);padding:var(--mb-space-5) var(--mb-space-6)}.section-heading p{font-size:var(--mb-text-xs);color:var(--mb-muted);margin-top:var(--mb-space-1)}.quiet-chip{font-size:var(--mb-text-xs);color:var(--mb-muted);padding:var(--mb-space-1) var(--mb-space-2);border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);white-space:nowrap}.chart-wrap{position:relative;padding:var(--mb-space-4) var(--mb-space-6) 0 58px;height:200px}.chart-scale{position:absolute;inset:var(--mb-space-4) auto 0 var(--mb-space-6);display:flex;flex-direction:column;justify-content:space-between;font-size:var(--mb-text-xs);font-family:var(--mb-font-mono);color:var(--mb-faint)}.history-chart{height:100%;width:100%;overflow:visible}.history-chart line{stroke:var(--mb-chart-grid);stroke-width:1;stroke-dasharray:3 5}.history-chart .area{fill:var(--mb-accent-bg)}.history-chart .line{fill:none;stroke:var(--mb-chart-accent);stroke-width:2;vector-effect:non-scaling-stroke}.chart-caption{display:flex;justify-content:space-between;align-items:center;padding:var(--mb-space-4) var(--mb-space-6) var(--mb-space-5);font-size:var(--mb-text-xs);color:var(--mb-faint)}.chart-key{display:flex;align-items:center;gap:var(--mb-space-2)}.chart-key i{width:8px;height:8px;border-radius:var(--mb-radius-pill);background:var(--mb-accent)}.protection-list{padding:0 var(--mb-space-6)}.protection-row{display:flex;align-items:center;gap:var(--mb-space-3);padding:var(--mb-space-4) 0;border-bottom:1px solid var(--mb-border-soft)}.protection-row:last-child{border-bottom:0}.protection-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--mb-surface-muted);border-radius:var(--mb-radius-sm);color:var(--mb-muted)}.protection-row strong,.protection-row small{display:block;font-size:var(--mb-text-xs)}.protection-row>.status-dot{margin-left:auto}.protection-footer{display:flex;gap:var(--mb-space-2);align-items:center;font-size:var(--mb-text-xs);color:var(--mb-faint);padding:var(--mb-space-4) var(--mb-space-6);border-top:1px solid var(--mb-border-soft)}.database-table{overflow:auto}.db-header,.db-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,1fr) minmax(70px,.7fr) minmax(145px,1fr) minmax(120px,1fr) 32px;gap:var(--mb-space-4);align-items:center;padding:var(--mb-space-4) var(--mb-space-6)}.db-header{font-size:var(--mb-text-xs);color:var(--mb-muted);background:var(--mb-surface-wash);border-block:1px solid var(--mb-border-soft);padding-block:var(--mb-space-3)}.db-row{font-size:var(--mb-text-sm);border-bottom:1px solid var(--mb-border-soft)}.db-row:last-child{border-bottom:0}.db-name{display:flex;gap:var(--mb-space-3);align-items:center}.db-name strong,.db-name small{display:block}.db-name strong{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium)}.db-name small{font-size:var(--mb-text-xs)}.database-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm)}.db-detail{color:var(--mb-muted);font-size:var(--mb-text-xs)}.status-text{display:inline-flex;gap:var(--mb-space-2);align-items:center;font-size:var(--mb-text-xs);white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mb-border-soft)}.service{padding:var(--mb-space-5) var(--mb-space-6);border-right:1px solid var(--mb-border-soft);display:grid;gap:var(--mb-space-3)}.service:last-child{border-right:0}.service-top{display:flex;align-items:center;justify-content:space-between;gap:var(--mb-space-2)}.service strong{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium)}.service-meta{display:flex;justify-content:space-between;gap:var(--mb-space-2);font-size:var(--mb-text-xs);color:var(--mb-muted)}.activity-row,.backup-row{display:flex;gap:var(--mb-space-3);align-items:center;padding:var(--mb-space-4) var(--mb-space-6);border-top:1px solid var(--mb-border-soft)}.activity-icon{display:grid;place-items:center;border:1px solid var(--mb-border);border-radius:var(--mb-radius-pill);width:30px;height:30px;color:var(--mb-muted)}.activity-description strong,.backup-description strong{font-size:var(--mb-text-sm);font-weight:var(--mb-weight-medium);display:block}.activity-description small,.backup-description small{display:block;margin-top:var(--mb-space-1)}.activity-time{font-size:var(--mb-text-xs);color:var(--mb-faint);margin-left:auto;text-align:right;white-space:nowrap}.backup-meta{display:flex;gap:var(--mb-space-6);align-items:center;margin-left:auto;font-size:var(--mb-text-xs);color:var(--mb-muted)}.empty,.loading{padding:var(--mb-space-6);color:var(--mb-muted);font-size:var(--mb-text-sm)}.empty strong{display:block;margin-bottom:var(--mb-space-1);font-size:var(--mb-text-sm)}.page-footer{display:flex;justify-content:space-between;font-size:var(--mb-text-xs);color:var(--mb-faint);padding:var(--mb-space-2) 0 var(--mb-space-4)}.alert{padding:var(--mb-space-4) var(--mb-space-5);border:1px solid var(--mb-border);background:var(--mb-surface-muted);border-radius:var(--mb-radius-md);font-size:var(--mb-text-sm)}.login-overlay{position:fixed;inset:0;z-index:30;background:var(--mb-bg);display:grid;place-items:center;padding:var(--mb-space-6)}.login-card{padding:var(--mb-space-8);width:440px;max-width:100%;display:grid;gap:var(--mb-space-5)}.login-card .brand-mark{margin-bottom:var(--mb-space-3)}.login-card p{color:var(--mb-muted);font-size:var(--mb-text-sm)}.login-card small{line-height:1.5}.login-card .mb-btn{justify-content:center}dialog{padding:var(--mb-space-6);border:1px solid var(--mb-border);border-radius:var(--mb-radius-lg);background:var(--mb-surface-raised);color:var(--mb-text);max-width:460px;width:calc(100% - var(--mb-space-8));box-shadow:var(--mb-shadow-3)}dialog::backdrop{background:var(--mb-overlay)}dialog form{display:grid;gap:var(--mb-space-4)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;color:var(--mb-muted)}dialog p{font-size:var(--mb-text-sm);color:var(--mb-muted)}dialog label{display:grid;gap:var(--mb-space-2);font-size:var(--mb-text-xs);color:var(--mb-muted)}dialog input,dialog select{padding:var(--mb-space-3);background:var(--mb-surface);color:var(--mb-ink);border:1px solid var(--mb-border-strong);border-radius:var(--mb-radius-sm);width:100%;min-height:44px}.recovery-note{display:flex;gap:var(--mb-space-3);font-size:var(--mb-text-xs);color:var(--mb-muted);padding:var(--mb-space-4);background:var(--mb-surface-muted);border-radius:var(--mb-radius-sm)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--mb-space-2);padding-top:var(--mb-space-2)}.toast{position:fixed;bottom:var(--mb-space-6);right:var(--mb-space-6);z-index:50;background:var(--mb-brand);color:var(--mb-on-brand);padding:var(--mb-space-4) var(--mb-space-5);border-radius:var(--mb-radius-md);font-size:var(--mb-text-sm);max-width:calc(100% - var(--mb-space-8));box-shadow:var(--mb-shadow-2)}[hidden]{display:none!important}:focus-visible{outline:none;box-shadow:var(--mb-focus)}
@media(max-width:1200px){.last-checked{display:none}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.db-header,.db-row{grid-template-columns:minmax(170px,1.1fr) minmax(90px,1fr) 65px minmax(125px,1fr) 110px 26px;gap:var(--mb-space-3)}}
@media(max-width:1000px){.sidebar{width:205px}main{margin-left:205px}.workspace{padding:var(--mb-space-2);gap:var(--mb-space-2)}.workspace>.icon{display:none}.workspace-content{padding:var(--mb-space-6)}.topbar{padding-inline:var(--mb-space-6)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.database-table{overflow:visible}.db-header{display:none}.db-row{grid-template-columns:minmax(150px,1fr) minmax(80px,1fr);gap:var(--mb-space-3)}.db-row>.db-detail:first-of-type,.db-row>.row-arrow{display:none}.service-grid{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid var(--mb-border-soft)}.service:last-child{border-bottom:0}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:var(--mb-space-4);border-right:0;border-bottom:1px solid var(--mb-border);gap:var(--mb-space-4);background:var(--mb-bg)}.brand{padding:0}.brand-caption{margin-left:auto}.workspace,.sidebar-bottom .host-badge,.sidebar-bottom .muted-link{display:none}.sidebar-bottom{position:absolute;right:var(--mb-space-4);top:var(--mb-space-3);margin:0}.theme-toggle{width:38px;padding:0!important;justify-content:center}.theme-toggle span:last-child{display:none}.brand-caption{margin-right:48px}nav{display:flex;overflow:auto;gap:var(--mb-space-1)}.nav-item{font-size:var(--mb-text-xs);padding:var(--mb-space-2) var(--mb-space-3);white-space:nowrap;gap:var(--mb-space-2);flex-shrink:0}.nav-count{display:none}.nav-item>.icon svg{width:16px;height:16px}main{margin-left:0}.topbar{height:52px;padding:0 var(--mb-space-4)}.topbar-actions{gap:var(--mb-space-2)}.user-avatar{display:none}.workspace-content{padding:var(--mb-space-6) var(--mb-space-4);gap:var(--mb-space-4)}.heading{display:grid;gap:var(--mb-space-4);margin:0 0 var(--mb-space-2)}h1{font-size:var(--mb-text-2xl)}.heading-actions{justify-content:space-between}.last-checked{display:block}.metrics{gap:var(--mb-space-3)}.metric{padding:var(--mb-space-4)}.metric-value{font-size:var(--mb-text-xl)}.metric-label>.icon{display:none}.metric-note{font-size:var(--mb-text-xs);gap:var(--mb-space-1)}.section-heading{padding:var(--mb-space-4);align-items:flex-start}.section-heading h2{font-size:var(--mb-text-md)}.section-heading p{max-width:220px}.section-heading>.quiet-chip{font-size:var(--mb-text-xs)}.chart-wrap{height:160px;padding-right:var(--mb-space-4);padding-left:48px}.chart-scale{left:var(--mb-space-4)}.chart-caption{padding:var(--mb-space-4);gap:var(--mb-space-2)}.chart-key{font-size:var(--mb-text-xs)}.protection-list{padding:0 var(--mb-space-4)}.protection-footer{padding:var(--mb-space-4)}.db-row{padding:var(--mb-space-4);grid-template-columns:1fr 1fr}.db-name{grid-column:1/-1}.db-row>.db-detail:first-of-type{display:block}.db-row>.db-size{display:none}.service{padding:var(--mb-space-4)}.activity-row,.backup-row{padding:var(--mb-space-4);align-items:flex-start}.activity-time{font-size:var(--mb-text-xs);white-space:normal;max-width:85px}.backup-meta{display:grid;gap:var(--mb-space-1);text-align:right}.page-footer{gap:var(--mb-space-4);font-size:var(--mb-text-xs)}.backups-card .section-heading{flex-wrap:wrap}.backups-card .section-heading>.mb-btn{margin-top:var(--mb-space-2)}dialog{padding:var(--mb-space-5)}.toast{right:var(--mb-space-4);bottom:var(--mb-space-4)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}

.chart-card,.protection-card,.database-card,.services-card,.backups-card,.activity-card{padding:0}.workspace>div{min-width:0}.workspace strong{white-space:nowrap}.workspace-avatar{flex-shrink:0}.heading-actions select{max-width:160px;color:var(--mb-text);background:var(--mb-surface);border:1px solid var(--mb-border);border-radius:var(--mb-radius-sm);padding:var(--mb-space-2)}