:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:#030712;color:#e5e7eb}code{color:#93c5fd}.page{margin:0 auto;max-width:1280px;padding:24px;display:grid;gap:20px}.page-centered{min-height:100vh;display:grid;place-items:center;padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2,h3,p{margin:0}h1{font-size:1.4rem}h2{font-size:1.1rem;margin-bottom:10px}.muted{color:#9ca3af}.error-text{color:#fca5a5}.success-text{color:#86efac}.fallback-notice{margin-top:8px;color:#fcd34d}.header-actions{display:flex;align-items:end;gap:10px}.dashboard-quick-nav{display:flex;flex-wrap:wrap;gap:8px}.quick-nav-link{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;border:1px solid #374151;color:#d1d5db;text-decoration:none;background:#111827}.quick-nav-link:hover{border-color:#60a5fa;color:#bfdbfe}.dashboard-section{display:grid;gap:12px}.section-heading{display:grid;gap:6px}.dashboard-two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.dashboard-subsection{display:grid;gap:12px}.workspace-select-label{display:grid;gap:4px;font-size:.85rem;color:#9ca3af}.workspace-select{border:1px solid #374151;border-radius:8px;background:#111827;color:#e5e7eb;padding:6px 10px}.card{border:1px solid #1f2937;background:#111827;border-radius:12px;padding:14px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric-card{min-height:90px}.metric-value{margin-top:12px;font-size:1.4rem;font-weight:700}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.servers-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.add-server-form{display:flex;align-items:center;gap:8px}.add-server-input{min-width:220px;border:1px solid #374151;border-radius:8px;background:#030712;color:#e5e7eb;padding:8px 10px}.server-card{width:100%;text-align:left;color:inherit;cursor:pointer}.server-card-selected{border-color:#60a5fa}.server-card-header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.server-id{font-family:Consolas,Monaco,monospace;font-size:.85rem}.status-pill{border-radius:999px;font-size:.75rem;padding:2px 10px;border:1px solid transparent;text-transform:uppercase}.status-online{color:#86efac;border-color:#166534;background:#052e16}.status-unknown{color:#fcd34d;border-color:#92400e;background:#451a03}.server-card-grid,.selected-latest-grid{display:grid;gap:8px}.metric-row{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.detail-section,.alerts-section,.notifications-section,.notifications-history-section{display:grid;gap:12px}.notifications-card{display:grid;gap:10px}.notifications-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;align-items:center}.notifications-list{display:grid;gap:10px}.notification-item{border:1px solid #1f2937;border-radius:10px;background:#030712;padding:10px;display:grid;gap:8px}.alerts-card{display:grid;gap:10px}.alerts-subtitle{margin:0;font-size:1rem}.alerts-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;align-items:center}.alert-checkbox{display:flex;align-items:center;gap:8px;color:#d1d5db;font-size:.9rem}.alerts-rules-list{display:grid;gap:10px}.alert-rule-item{border:1px solid #1f2937;border-radius:10px;background:#030712;padding:10px;display:grid;gap:8px}.alert-rule-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.alerts-readonly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.alerts-list{display:grid;gap:8px}.alerts-list-item{border:1px solid #1f2937;border-radius:8px;padding:8px;background:#030712;display:grid;gap:4px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.range-selector{display:flex;gap:8px}.range-button{border:1px solid #374151;border-radius:8px;background:#111827;color:#d1d5db;padding:6px 10px;cursor:pointer}.range-button-active{border-color:#60a5fa;color:#bfdbfe}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.install-command-panel{display:grid;gap:10px}.install-command-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.install-command-pre{margin:0;padding:12px;border-radius:8px;border:1px solid #374151;background:#030712;color:#d1d5db;white-space:pre-wrap;word-break:break-word}.install-command-actions{display:flex;align-items:center;gap:10px}.chart-card{min-height:300px}.chart-title{margin-bottom:10px;font-size:.95rem;color:#d1d5db}.chart-wrap{width:100%;height:240px}.auth-card{width:min(420px,100%);display:grid;gap:12px}.auth-form{display:grid;gap:12px}.auth-label{display:grid;gap:6px;font-size:.85rem;color:#d1d5db}.auth-input{width:100%;border:1px solid #374151;border-radius:8px;background:#030712;color:#e5e7eb;padding:10px 12px}.auth-submit-button{border:1px solid #2563eb;border-radius:8px;background:#1d4ed8;color:#dbeafe;font-weight:600;padding:10px 12px;cursor:pointer}.auth-submit-button:disabled{opacity:.7;cursor:default}.auth-toggle-button{border:none;background:transparent;color:#93c5fd;text-align:left;padding:0;cursor:pointer}@media (max-width: 900px){.page-header{flex-direction:column;align-items:stretch}.header-actions{align-items:stretch;justify-content:space-between;flex-wrap:wrap}.servers-header{flex-direction:column;align-items:stretch}.add-server-form{flex-wrap:wrap}.add-server-input{min-width:0;width:100%}.detail-header{flex-direction:column;align-items:stretch}.range-selector{flex-wrap:wrap}}