:root{--canvas: #0d141c;--bg: #10151d;--bg-system: #0e141b;--surface: #1b2531;--surface-hover: #223043;--nav: #151e28;--card: var(--surface);--card-raised: #1e2a37;--selected: #1c344d;--outline: #2a3848;--outline-subtle: #202b38;--track: #263443;--text: #e6edf6;--text-strong: #dce5f0;--text-secondary: #a6b4c5;--text-muted: #7e8ea2;--accent: #78a8e0;--accent-container: #1c344d;--primary: #3e668f;--success: #55d39b;--success-bg: #17342d;--warning: #e6b75e;--warning-bg: #332b1f;--error: #ec7b84;--error-bg: #3a2229;--info: #78a8e0;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--radius: var(--radius-md);--shadow: 0 10px 30px rgba(0, 0, 0, .25);--sidebar-width: 208px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--grid-gap: var(--space-4);--card-pad: var(--space-4);--card-pad-sm: var(--space-3);--card-min: 280px;--service-card-min: 280px;--wallos-card-min: 260px;--font-page-title: 1.625rem;--font-section: 1.0625rem;--font-card-title: .9375rem;--font-body: .875rem;--font-meta: .8125rem}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg-system);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}#app{min-height:100vh}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:var(--nav);border-right:1px solid var(--outline-subtle);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);position:sticky;top:0;height:100vh;width:var(--sidebar-width)}.sidebar__brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.sidebar__logo{width:42px;height:42px;border-radius:12px;background:var(--primary);color:var(--text);display:grid;place-items:center;font-weight:700;font-size:1.1rem}.sidebar__title{font-weight:700}.sidebar__subtitle{color:var(--text-muted);font-size:.85rem}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav__group{margin-bottom:8px}.nav__group-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px 4px}.nav__link{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:40px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--font-body)}.nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav__link--active{background:var(--selected);color:var(--text);font-weight:500}.nav__icon{width:18px;text-align:center}.nav__link:hover{background:var(--surface-hover);text-decoration:none}.sidebar__account{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--outline-subtle)}.sidebar__logout{width:100%;justify-content:flex-start}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--outline-subtle);background:#10151deb;position:sticky;top:0;z-index:5}.topbar__context{min-width:0}.topbar__breadcrumb{font-size:var(--font-section);font-weight:600;color:var(--text)}.topbar__status{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:2px;font-size:var(--font-meta);color:var(--text-muted)}.topbar__sync{color:var(--text-secondary)}.stale-indicator{color:var(--warning)}.topbar__refresh--loading{opacity:.7}.main__content{padding:var(--space-8) var(--space-6) var(--space-6);width:100%;max-width:none}.page-header{margin-bottom:var(--space-6)}.page-header h1{margin:0 0 6px;font-size:var(--font-page-title);font-weight:700;line-height:1.2}.page-header__meta{margin:0;color:var(--text-muted);font-size:var(--font-body)}.section__title{margin:0 0 var(--space-3);font-size:var(--font-section);font-weight:600;color:var(--text-secondary)}.section__subtitle{font-weight:400;color:var(--text-muted);font-size:.85rem}.section{margin-bottom:var(--space-6)}.section>.hero:first-child,.page-header+.hero{margin-bottom:var(--space-4)}.grid{display:grid;gap:var(--grid-gap);align-items:stretch}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1280px){.grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.grid--4{grid-template-columns:1fr}}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);align-items:stretch}.dashboard-grid__span-3{grid-column:span 3}.dashboard-grid__span-4{grid-column:span 4}.dashboard-grid__span-5{grid-column:span 5}.dashboard-grid__span-6{grid-column:span 6}.dashboard-grid__span-7{grid-column:span 7}.dashboard-grid__span-8{grid-column:span 8}.dashboard-grid__span-12{grid-column:span 12}@media(max-width:1280px){.dashboard-grid__span-3,.dashboard-grid__span-4,.dashboard-grid__span-5,.dashboard-grid__span-6,.dashboard-grid__span-7,.dashboard-grid__span-8{grid-column:span 6}}@media(max-width:768px){.dashboard-grid__span-3,.dashboard-grid__span-4,.dashboard-grid__span-5,.dashboard-grid__span-6,.dashboard-grid__span-7,.dashboard-grid__span-8,.dashboard-grid__span-12{grid-column:span 12}}.kpi-card{background:var(--card);border:1px solid var(--outline-subtle);border-radius:var(--radius-md);padding:var(--space-4);min-height:96px;display:flex;flex-direction:column;gap:4px}.kpi-card--ok{border-color:#55d39b40}.kpi-card--warning{border-color:#e6b75e59}.kpi-card--critical{border-color:#ec7b8459}.kpi-card__label{font-size:var(--font-meta);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-card__value{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.25}.kpi-card__meta{font-size:var(--font-meta);color:var(--text-secondary);margin-top:auto}.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap)}@media(max-width:960px){.summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.routers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}@media(max-width:1100px){.routers-grid{grid-template-columns:1fr}}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--grid-gap)}.subscriptions-page{max-width:1280px}.subscription-section+.subscription-section{margin-top:var(--space-2)}.subscription-card__due--neutral{color:var(--text-muted)}.services-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.services-search,.services-sort{background:var(--card);border:1px solid var(--outline);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:var(--font-body);min-height:40px}.services-search{flex:1;min-width:200px}.filter-bar{display:flex;flex-wrap:wrap;gap:6px}.services-table{background:var(--card);border:1px solid var(--outline-subtle);border-radius:var(--radius-md);overflow:hidden}.services-table__row{display:grid;grid-template-columns:2fr 1fr .9fr .7fr .9fr .8fr;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--outline-subtle);min-height:56px}.services-table__row--clickable{cursor:pointer}.services-table__row--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.services-table__row:last-child{border-bottom:0}.services-table__row--head{background:#ffffff08;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;min-height:44px}.services-table__row:not(.services-table__row--head):hover{background:var(--surface-hover)}.services-table__identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.services-table__name{display:block;font-weight:600;font-size:var(--font-body)}.services-table__meta{display:block;font-size:.8125rem;color:var(--text-secondary);margin-top:2px}.services-table__cell--latency{font-size:var(--font-body);color:var(--text-secondary)}.services-table__cell--checked{font-size:var(--font-body);color:var(--text-secondary);white-space:nowrap}.services-table__cell--actions{display:flex;justify-content:flex-end}.services-table__action{font-size:.8125rem;font-weight:500;white-space:nowrap}.filter-bar__btn{color:var(--text-secondary)}.filter-bar__btn.btn--active{color:var(--text)}@media(max-width:900px){.services-table__head{display:none}.services-table__row{grid-template-columns:1fr;gap:var(--space-2)}.services-table__cell--group:before{content:"Group · ";color:var(--text-muted)}.services-table__cell--latency:before{content:"Latency · ";color:var(--text-muted)}}.metric-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3)}.metric-column__label{display:block;font-size:var(--font-meta);color:var(--text-muted)}.metric-column__value{font-size:1.1rem;font-weight:600}.network-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}@media(max-width:768px){.network-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.activity-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--outline-subtle);font-size:var(--font-body)}.activity-row:last-child{border-bottom:0}.activity-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0;font-size:.8125rem;color:var(--text-secondary)}.list-card__actions{display:inline-flex;gap:var(--space-2);margin-left:auto}.router-card[data-admin-url]{cursor:pointer}.router-card[data-admin-url]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1366px){.services-table{overflow-x:auto}.services-table__row{min-width:920px}.services-toolbar{flex-wrap:wrap}.dashboard-grid__span-7,.dashboard-grid__span-5{grid-column:span 12}.routers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscriptions-page{max-width:100%}}.stack--compact{gap:var(--space-2)}.subscription-card{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-card__main{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.subscription-card__identity{display:flex;gap:var(--space-3);min-width:0}.subscription-card__name{font-size:var(--font-body)}.subscription-card__meta{margin:4px 0 0;font-size:var(--font-meta);color:var(--text-muted)}.subscription-card__price{font-weight:700;font-size:var(--font-body);white-space:nowrap}.subscription-card__due{font-size:var(--font-meta);color:var(--text-secondary)}.subscription-card__due--ok{color:var(--text-muted)}.subscription-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.router-card{display:flex;flex-direction:column}.router-card__link{color:inherit;text-decoration:none;flex:1}.router-card__actions{padding:0 var(--space-4) var(--space-4);margin-top:auto}.router-card__overflow{position:relative}.router-card__menu{position:absolute;right:0;bottom:100%;margin-bottom:4px;background:var(--card-raised);border:1px solid var(--outline);border-radius:var(--radius-sm);padding:var(--space-2);min-width:140px;z-index:2}.detail-rows{display:flex;flex-direction:column}.detail-row strong,.detail-row--ok strong,.detail-row--warning strong,.detail-row--critical strong{color:var(--text)}.detail-row--warning strong.is-status,.detail-row--critical strong.is-status{color:var(--warning)}.tabs__list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4);border-bottom:1px solid var(--outline-subtle);padding-bottom:var(--space-2)}.tabs__tab{border:0;background:transparent;color:var(--text-secondary);padding:10px 14px;min-height:40px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;font-size:var(--font-body)}.tabs__tab--active{background:var(--selected);color:var(--text);font-weight:600}.tabs__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.service-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--outline-subtle);background:var(--card);margin-bottom:var(--space-4)}.service-hero--ok{border-color:#55d39b40}.service-hero--warning{border-color:#e6b75e59}.service-hero__title{margin:0 0 8px;font-size:var(--font-page-title)}.service-hero__status{margin:0;color:var(--text-secondary);font-size:var(--font-body)}.metric-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap);margin-bottom:var(--space-6)}.metric-kpi{background:var(--card);border:1px solid var(--outline-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.metric-kpi__label{display:block;font-size:var(--font-meta);color:var(--text-muted);margin-bottom:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:200;padding:var(--space-6)}.modal{width:min(420px,100%);background:var(--card);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}.modal__title{margin:0 0 var(--space-3);font-size:var(--font-section)}.modal__message{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--font-body);line-height:1.5}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.modal__actions--stack{flex-direction:column}.modal__actions--stack .btn{width:100%}.chart__line{stroke:var(--accent)}.chart__line--temperature{stroke:#9ec5f0;stroke-width:2.75}.dashboard-panel--temperature .chart__labels{color:var(--text-secondary);font-size:.8125rem}.dashboard-panel--warning{border-color:#e6b75e59}.empty-state--compact{padding:var(--space-4) 0;align-items:flex-start;text-align:left}.router-card__manage{color:var(--text-secondary);font-size:.8125rem;margin-right:auto}.router-card__body-wrap{flex:1}.router-card__menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart__threshold{stroke:var(--warning);opacity:.6}.chart__axis-label{font-size:var(--font-meta);color:var(--text-muted);margin-top:4px}.chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--font-meta);color:var(--text-secondary)}.chart-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}.chart-summary--inline{border-top:0;padding-top:var(--space-2);margin-top:var(--space-2)}.hbar-row{display:grid;grid-template-columns:minmax(80px,1.2fr) 2fr auto;gap:var(--space-3);align-items:center;padding:6px 0;font-size:var(--font-body)}.hbar-row__label{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-row__track{height:8px;background:var(--track);border-radius:var(--radius-pill);overflow:hidden}.hbar-row__fill{display:block;height:100%;background:var(--accent);border-radius:inherit}.hbar-row__value{color:var(--text);font-weight:600;font-size:var(--font-meta);min-width:3rem;text-align:right}.btn{min-height:40px;font-size:var(--font-body)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge{font-size:.8125rem;padding:4px 10px}.bar-col__label{font-size:.6875rem}.chart__labels{font-size:.75rem}.grid--1{grid-template-columns:1fr}.grid--2,.grid--cards{grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr))}.grid--services{--card-min: var(--service-card-min)}.grid--wallos{--card-min: var(--wallos-card-min)}.grid--widgets{--card-min: 360px}.grid--cards>.hero{margin-bottom:0}.grid-span-all{grid-column:1 / -1}.stack{display:flex;flex-direction:column;gap:12px}.card,.list-card,.metric-card{background:var(--card);border:1px solid var(--outline-subtle);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;height:100%;display:flex;flex-direction:column}.grid--cards>.card,.grid--cards>.list-card,.grid--cards>.metric-card,.grid--cards>.hero,.grid--cards>article{height:100%}.card__header,.list-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 0}.card__title{margin:0;font-size:1rem}.card__meta{font-size:.8rem;color:var(--text-muted)}.card__body{padding:16px;flex:1;display:flex;flex-direction:column;min-height:0}.metric-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:var(--text-secondary)}.metric-row strong{color:var(--text)}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius);margin-bottom:0;border:1px solid var(--outline-subtle);background:linear-gradient(135deg,var(--card),var(--card-raised))}.hero--ok{border-color:#6ed4a740}.hero--degraded,.hero--warning{border-color:#d9b36c59}.hero--critical{border-color:#ee8e8e59}.hero__label{color:var(--text-muted);font-size:.85rem}.hero__title{margin:4px 0;font-size:1.6rem}.hero__meta,.hero__stats{color:var(--text-secondary)}.hero__stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stat-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--accent-container);color:var(--accent);font-size:.85rem;text-decoration:none}.stat-pill--warning{background:var(--warning-bg);color:var(--warning)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.75rem;text-transform:capitalize}.badge--online,.badge--ok{background:var(--success-bg);color:var(--success)}.badge--offline,.badge--critical{background:var(--error-bg);color:var(--error)}.badge--warning,.badge--degraded{background:var(--warning-bg);color:var(--warning)}.badge--unknown,.badge--info,.badge--action{background:var(--accent-container);color:var(--info)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot--online{background:var(--success)}.status-dot--offline{background:var(--error)}.status-dot--warning{background:var(--warning)}.status-dot--unknown{background:var(--text-muted)}.progress{height:8px;background:var(--track);border-radius:999px;overflow:hidden;margin:8px 0 12px}.progress__fill{height:100%;border-radius:inherit;background:var(--accent)}.progress__fill--warning{background:var(--warning)}.progress__fill--critical{background:var(--error)}.list-card{padding:16px}.list-card__message{margin:8px 0;color:var(--text-secondary);flex:1}.list-card__meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-muted);font-size:.85rem;margin-top:auto}.list-card--critical{border-color:#ee8e8e59}.list-card--warning{border-color:#d9b36c59}.service-card{padding:0;min-height:148px}.service-card__link{display:flex;align-items:flex-start;gap:14px;padding:16px 16px 8px;color:inherit;text-decoration:none;flex:1}.service-card__link:hover{text-decoration:none}.service-card__icon{width:48px;height:48px;border-radius:12px;background:var(--accent-container);display:grid;place-items:center;font-size:1.4rem;flex-shrink:0}.service-card__body{min-width:0;flex:1}.service-card__title{font-weight:600;font-size:1rem;margin-bottom:4px}.service-card__meta{color:var(--text-muted);font-size:.82rem;line-height:1.4}.service-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 16px;margin-top:auto}.wallos-card__due{margin:0 0 10px;color:var(--accent);font-size:.9rem;font-weight:500}.dashboard-widget .widget-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dashboard-widget .widget-lead{margin:0 0 12px;font-size:1.05rem;color:var(--text-strong)}.dashboard-widget .widget-actions{margin-top:auto}.dashboard-widget .widget-footer{margin:12px 0 0}.dashboard-widget--temperature .chart{margin-top:8px}.router-card__actions{margin-top:auto;padding-top:12px}.service-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;height:100%}.service-row__actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.service-row__main{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;flex:1;min-width:0}.service-row__main:hover{text-decoration:none}.service-row__title{font-weight:600}.service-row__meta{color:var(--text-muted);font-size:.85rem}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--outline-subtle)}.detail-row:last-child{border-bottom:0}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.breadcrumb{margin-bottom:8px}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;background:var(--card-raised);color:var(--text)}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary)}.btn--secondary{background:var(--accent-container);color:var(--accent)}.btn--danger{background:var(--error-bg);color:var(--error)}.btn--ghost{background:transparent;border:1px solid var(--outline)}.btn--block{width:100%}.btn--sm{padding:6px 10px;font-size:.85rem}.btn--active{background:var(--primary);color:var(--text)}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(62,102,143,.25),transparent 40%),var(--bg-system)}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--outline-subtle);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.login-card__brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.login-card h1{margin:0;font-size:1.35rem}.login-card p{margin:4px 0 0;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;color:var(--text-secondary)}.field input{background:var(--bg);border:1px solid var(--outline);border-radius:10px;padding:10px 12px;color:var(--text)}.form-error{color:var(--error);margin:0 0 12px}.loading-state,.error-state,.empty-state,.muted{color:var(--text-muted)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--outline);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart svg{width:100%;max-height:160px}.chart__labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.8rem;margin-top:8px}.chart--bar{display:flex;align-items:end;gap:8px;min-height:140px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:120px}.bar-col__fill{width:100%;background:var(--accent);border-radius:6px 6px 2px 2px;margin-top:auto}.bar-col__label{font-size:.7rem;color:var(--text-muted);text-align:center}.donut-bg{fill:none;stroke:var(--track);stroke-width:12}.donut-seg{fill:none;stroke-width:12;transform:rotate(-90deg);transform-origin:50% 50%}.donut-seg--0{stroke:var(--accent)}.donut-seg--1{stroke:var(--success)}.donut-seg--2{stroke:var(--warning)}.donut-legend{list-style:none;padding:0;margin:12px 0 0;color:var(--text-secondary);font-size:.85rem}.chart-summary{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.chart-summary-item{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:10px;background:var(--card-raised);border:1px solid var(--outline);opacity:0;transform:translateY(8px);transition:.25s ease;z-index:100}.toast--visible{opacity:1;transform:translateY(0)}.toast--success{border-color:#6ed4a766}.toast--error{border-color:#ee8e8e66}.link{color:var(--accent)}.link-muted{color:var(--text-muted);font-size:var(--font-meta)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--outline-subtle)}.nav{flex-direction:row;flex-wrap:wrap}.nav__label{display:none}}