:root{--text-color:#172033;--muted-text:#667085;--accent-strong:#0284c7;--border-color:#e4e7ec;--color-text:var(--text-color);--color-muted:var(--muted-text);--color-accent:var(--accent-strong);--color-border:var(--border-color);color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f5f8;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select,a{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d0d5dd;background:#0b2342;flex-direction:column;gap:2rem;min-height:100vh;padding:1.5rem;display:flex}.brand{align-items:center;gap:.8rem;text-decoration:none;display:flex}.brand-logo{filter:drop-shadow(0 5px 12px #0ea5e940);flex:none;width:3rem;height:3rem}.brand-copy{display:grid}.brand-copy strong{color:#fff;letter-spacing:-.02em;font-size:1.05rem}.brand-copy span{color:#9cccf5;margin-top:.15rem;font-size:.78rem}.primary-nav{gap:.35rem;display:grid}.primary-nav a,.primary-nav span{color:#98a2b3;border-radius:.55rem;padding:.75rem .85rem;text-decoration:none}.primary-nav a:hover{color:#fff;background:#102f55}.primary-nav a.active{color:#fff;background:#12345d}.primary-nav span{cursor:default;opacity:.72}.system-state{border-top:1px solid #28527c;align-items:center;gap:.7rem;margin-top:auto;padding-top:1rem;display:flex}.system-state>span{background:#fdb022;border-radius:50%;width:.7rem;height:.7rem}.system-state>span.ready{background:#12b76a}.system-state>span.failed{background:#f04438}.system-state div{display:grid}.system-state strong{color:#fff;font-size:.84rem}.system-state small{color:#98a2b3;margin-top:.15rem}.app-main{min-width:0;padding:clamp(1.5rem,4vw,3.5rem)}.page-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.page-header h1,.page-header h2,.page-header p,.panel h2,.panel h3,.panel p{margin-top:0}.page-header h1{letter-spacing:-.045em;margin-bottom:.6rem;font-size:clamp(2rem,4vw,3.1rem)}.page-header .intro{color:#667085;max-width:760px;margin-bottom:0;line-height:1.65}.eyebrow{color:#0369a1;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.76rem;font-weight:800}.button{color:#fff;background:#0284c7;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:#0369a1}.button.secondary{color:#344054;background:#fff;border-color:#d0d5dd}.button.secondary:hover:not(:disabled){background:#f9fafb}.button.danger{color:#fff;background:#b42318}.button.danger:hover:not(:disabled){background:#912018}.button.ghost{color:#0369a1;background:0 0;border-color:#0000;min-height:auto;padding:.35rem .5rem}.panel,.card{background:#fff;border:1px solid #e4e7ec;border-radius:1rem;box-shadow:0 1px 2px #1018280a}.panel{padding:1.4rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.panel-heading h2,.panel-heading h3{margin-bottom:0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.field{gap:.4rem;display:grid}.field label,.field>span{color:#344054;font-size:.86rem;font-weight:700}.field input,.field textarea,.field select,.search-input{color:#172033;background:#fff;border:1px solid #d0d5dd;border-radius:.65rem;width:100%;min-height:2.75rem;padding:.7rem .8rem}.field textarea{resize:vertical;min-height:7rem}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:#0ea5e9;outline:3px solid #0ea5e924}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .full-width{grid-column:1/-1}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.alert{color:#912018;background:#fef3f2;border:1px solid #fecdca;border-radius:.75rem;margin-bottom:1rem;padding:.85rem 1rem}.alert.success{color:#05603a;background:#ecfdf3;border-color:#abefc6}.empty-state{text-align:center;background:#f9fafb;border:1px dashed #d0d5dd;border-radius:1rem;place-items:center;min-height:13rem;padding:2rem;display:grid}.empty-state div{max-width:32rem}.empty-state h2,.empty-state h3{margin:0 0 .5rem}.empty-state p{color:#667085;margin:0;line-height:1.6}.loading-state{color:#667085;place-items:center;min-height:12rem;display:grid}.badge,.priority{border-radius:999px;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge{color:#0369a1;background:#e0f2fe;padding:.35rem .65rem}.badge.muted{color:#475467;background:#f2f4f7}.badge.success{color:#027a48;background:#ecfdf3}.badge.warning{color:#b54708;background:#fffaeb}.priority{padding:.4rem .7rem}.priority:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.priority.blue{color:#175cd3;background:#eff8ff}.priority.red{color:#b42318;background:#fef3f2}.priority.yellow{color:#b54708;background:#fffaeb}.priority.green{color:#027a48;background:#ecfdf3}.muted{color:#667085}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-backdrop{z-index:20;background:#0b23429e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:1rem;width:min(720px,100%);max-height:calc(100vh - 2rem);padding:1.5rem;overflow-y:auto;box-shadow:0 24px 48px #10182838}.modal-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-heading h2{margin:0}@media (width<=900px){.page-shell{grid-template-columns:1fr}.sidebar{gap:1rem;min-height:auto}.primary-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.primary-nav a,.primary-nav span{text-align:center;padding-inline:.4rem;font-size:.82rem}.system-state{margin-top:0}}@media (width<=700px){.page-header{display:grid}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:auto}.primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-main{min-height:100vh}.auth-loading{background:#f3f5f8;place-items:center;padding:2rem;display:grid}.auth-loading-card{border:1px solid var(--border-color);color:var(--text-color);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1rem 3rem #0f172a1a}.sidebar-footer{gap:1rem;margin-top:auto;display:grid}.sidebar-footer .system-state{margin-top:0}.signed-in-user{border-top:1px solid #28527c;gap:.35rem;padding-top:1rem;display:grid}.signed-in-user small{color:#98a2b3}.signed-in-user strong{color:#fff;text-overflow:ellipsis;overflow:hidden}.signed-in-user button{color:#9cccf5;background:0 0;border:0;justify-self:start;margin-top:.35rem;padding:0;font-weight:700}.signed-in-user button:hover:not(:disabled){color:#fff;text-decoration:underline}.app-main:has(.monitoring-header){background:#edf1f5}.app-main:has(.monitoring-header) .demo-note{background:#eaf7ff;border-color:#8fd5f5;box-shadow:0 1px 2px #0f172a0d}.app-main:has(.monitoring-header) .summary-card{border-color:#d3dbe5;box-shadow:0 3px 10px #0f172a12}:is(.app-main:has(.monitoring-header) .summary-card>span,.app-main:has(.monitoring-header) .summary-card>small){color:#526174}.app-main:has(.monitoring-header) .summary-card>strong{color:#172033}.app-main:has(.monitoring-header) .summary-card.status-summary.ok{background:#f1fcf6;border-color:#86d9aa}.app-main:has(.monitoring-header) .summary-card.status-summary.warn{background:#fff9ea;border-color:#f4c76c}.app-main:has(.monitoring-header) .summary-card.status-summary.fail{background:#fff5f4;border-color:#f2a6a0}.app-main:has(.monitoring-header) .summary-card.status-summary.ok>strong{color:#027a48}.app-main:has(.monitoring-header) .summary-card.status-summary.warn>strong{color:#b54708}.app-main:has(.monitoring-header) .summary-card.status-summary.fail>strong{color:#b42318}.app-main:has(.monitoring-header) .source-line{color:#667085}.app-main:has(.monitoring-header) .source-line strong{color:#344054}:is(.app-main:has(.monitoring-header) .node-panel,.app-main:has(.monitoring-header) .analytics-card){border-color:#cdd6e1;box-shadow:0 5px 16px #0f172a12}.app-main:has(.monitoring-header) .node-heading{background:linear-gradient(90deg,#eaf5ff 0%,#f5f9fd 64%,#fff 100%);border-left:3px solid #1688d4;border-radius:.75rem;margin:-.15rem -.15rem 0;padding:.9rem 1rem}.app-main:has(.monitoring-header) .node-heading h3{color:#111c2f;font-size:1.12rem}:is(.app-main:has(.monitoring-header) .node-heading p,.app-main:has(.monitoring-header) .node-heading>small){color:#526174}.app-main:has(.monitoring-header) .status-pill{border:1px solid;border-color:color-mix(in srgb, currentColor 24%, transparent)}.app-main:has(.monitoring-header) .status-pill i{width:.56rem;height:.56rem}.app-main:has(.monitoring-header) .inline-status i{width:.56rem;height:.56rem}.app-main:has(.monitoring-header) .backup-status i{width:.56rem;height:.56rem}.app-main:has(.monitoring-header) .service-item strong i{width:.56rem;height:.56rem}.app-main:has(.monitoring-header) .metric-grid{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.75rem}.app-main:has(.monitoring-header) .metric-card{background:#f6f8fb;border-color:#cfd8e3;padding:.9rem}.app-main:has(.monitoring-header) .metric-card>span{color:#526174}.app-main:has(.monitoring-header) .metric-card>strong{color:#172033;font-size:1.02rem}.app-main:has(.monitoring-header) .metric-card>small{color:#667085}.app-main:has(.monitoring-header) .metric-track{background:#cfd8e3;height:.42rem}.app-main:has(.monitoring-header) .metric-track i{background:#087dc7;box-shadow:0 0 0 1px #0369a11f}.app-main:has(.monitoring-header) .service-group{background:#fbfcfe;border-color:#d4dde7}.app-main:has(.monitoring-header) .service-group-heading h4{color:#253247}.app-main:has(.monitoring-header) .service-group-heading span{color:#667085}.app-main:has(.monitoring-header) .service-item{background:#f7f9fc;border-color:#d8e0e9}.app-main:has(.monitoring-header) .service-item>span{color:#253247}.app-main:has(.monitoring-header) .analytics-card{background:#fff}:is(.app-main:has(.monitoring-header) .analytics-heading h3,.app-main:has(.monitoring-header) .analytics-toolbar strong,.app-main:has(.monitoring-header) .analytics-stats strong){color:#111c2f}.app-main:has(.monitoring-header) .analytics-heading p{color:#667085}.app-main:has(.monitoring-header) .analytics-toolbar small{color:#667085}.app-main:has(.monitoring-header) .chart-axis{color:#667085}.app-main:has(.monitoring-header) .updated-at{color:#667085}.app-main:has(.monitoring-header) .range-switch{background:#eef2f6;border-color:#cfd8e3}.app-main:has(.monitoring-header) .range-switch button{color:#526174}.app-main:has(.monitoring-header) .range-switch button.active{color:#075f9c;background:#e2f1ff;box-shadow:inset 0 0 0 1px #9dd4f5,0 1px 2px #0f172a14}.app-main:has(.monitoring-header) .analytics-chart{color:#0579c8;height:10.5rem}.app-main:has(.monitoring-header) .grid-line{stroke:#cbd5e1;stroke-width:.45px}.app-main:has(.monitoring-header) .chart-line{stroke-width:2.35px;filter:drop-shadow(0 1px 1px #0284c738)}.app-main:has(.monitoring-header) .analytics-stats div{background:#f6f8fb;border-color:#d3dce6}.app-main:has(.monitoring-header) .analytics-stats span{color:#526174}@media (width<=760px){.app-main:has(.monitoring-header) .metric-grid{grid-template-columns:1fr}.app-main:has(.monitoring-header) .analytics-chart{height:8.5rem}}@media (width<=900px){.primary-nav.svelte-12qhfyh{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.primary-nav.svelte-12qhfyh{grid-template-columns:repeat(2,minmax(0,1fr))}}