:root{--brand: #5b2d8e;--brand-solid: #5b2d8e;--brand-hover: #4a2475;--on-brand: #ffffff;--brand-tint: #efe9f7;--brand-border: #d9cdeb;--sidebar-bg: #ffffff;--nav-active-bg: #efe9f7;--nav-active-fg: #5b2d8e;--page-bg: #edeaf2;--surface-0: #ffffff;--surface-1: #ffffff;--surface-2: #f5f2fa;--text-primary: #2c2733;--text-secondary: #5b5566;--text-muted: #857e91;--border: #e4dded;--border-strong: #cdbfe0;--fill-accent: var(--brand-solid);--on-accent: #ffffff;--bg-danger: #fdecec;--border-danger: #f2c2c2;--text-danger: #b3261e;--bg-warning: #fdf4e3;--border-warning: #e6bf6a;--text-warning: #8a6a00;--success: #2e9e5b;--bg-success: #e6f6ec;--text-success: #1b7a43;--bg-neutral: #eef0f3;--text-neutral: #5b5566;--radius: 10px;--font-sans: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--brand: #b79ce0;--brand-solid: #6d3fb0;--brand-hover: #7d4dc4;--on-brand: #ffffff;--brand-tint: #2a2140;--brand-border: #453a5c;--sidebar-bg: #0d0d10;--nav-active-bg: #6d3fb0;--nav-active-fg: #ffffff;--page-bg: #161619;--surface-0: #232228;--surface-1: #1e1d22;--surface-2: #2a2831;--text-primary: #ece8f2;--text-secondary: #b7afc4;--text-muted: #8f87a0;--border: #2e2b36;--border-strong: #44405a;--bg-danger: #3a1f1f;--border-danger: #6b2f2f;--text-danger: #f0a4a0;--bg-warning: #3a2f14;--border-warning: #6b5622;--text-warning: #e6c774;--success: #4bbd7c;--bg-success: #1c3325;--text-success: #4bbd7c;--bg-neutral: #2a2831;--text-neutral: #b7afc4}}:root[data-theme=dark]{--brand: #b79ce0;--brand-solid: #6d3fb0;--brand-hover: #7d4dc4;--on-brand: #ffffff;--brand-tint: #2a2140;--brand-border: #453a5c;--sidebar-bg: #0d0d10;--nav-active-bg: #6d3fb0;--nav-active-fg: #ffffff;--page-bg: #161619;--surface-0: #232228;--surface-1: #1e1d22;--surface-2: #2a2831;--text-primary: #ece8f2;--text-secondary: #b7afc4;--text-muted: #8f87a0;--border: #2e2b36;--border-strong: #44405a;--bg-danger: #3a1f1f;--border-danger: #6b2f2f;--text-danger: #f0a4a0;--bg-warning: #3a2f14;--border-warning: #6b5622;--text-warning: #e6c774;--success: #4bbd7c;--bg-success: #1c3325;--text-success: #4bbd7c;--bg-neutral: #2a2831;--text-neutral: #b7afc4}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--page-bg)}h1{font-size:22px;font-weight:600;margin:0 0 1rem}h3{font-size:16px;font-weight:600;margin:0 0 .75rem}code{font-family:Cascadia Mono,Consolas,monospace;font-size:.9em}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;padding:0 20px 16px;font-size:17px;font-weight:600;color:var(--text-primary)}.brand-icon{color:var(--brand);font-size:20px}.brand-name{letter-spacing:.2px}.nav-links{list-style:none;margin:0;padding:8px 0;flex:1}.nav-links li{margin:0}.nav-links a{display:block;padding:9px 20px;color:var(--text-secondary);font-size:13.5px;border-left:3px solid transparent}.nav-links a:hover{background:var(--brand-tint);text-decoration:none;color:var(--text-primary)}.nav-links a.active{background:var(--nav-active-bg);color:var(--nav-active-fg);font-weight:600;border-left-color:var(--brand)}.btn-logout{padding:8px 14px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;font:inherit}.btn-logout:hover{background:var(--surface-2);color:var(--text-primary)}.content{flex:1;min-width:0;padding:20px 28px;background:var(--page-bg)}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;position:sticky;top:0;z-index:20;margin:-20px -28px 12px;padding:14px 28px;background:var(--page-bg);border-bottom:1px solid var(--border)}.user-info{font-size:13px;color:var(--text-muted)}.theme-toggle{padding:5px 9px;font-size:15px;line-height:1;cursor:pointer;background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius)}.theme-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:1.25rem}.stat-card{background:var(--surface-1);border:1px solid var(--border);border-top:3px solid var(--brand-solid);border-radius:12px;padding:16px 18px}.stat-card--alert{border-top-color:var(--text-danger)}.stat-value{font-size:26px;font-weight:600;color:var(--text-primary)}.stat-label{font-size:12.5px;color:var(--text-muted);margin-top:4px}.stat-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.stat-card-link:hover .stat-card{border-color:var(--brand-solid);box-shadow:0 2px 8px #00000014}.receiver-widget{background:var(--surface-1);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:12px;padding:14px 18px;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:4px}.stat-card-link:hover .receiver-widget{border-color:var(--brand-solid);box-shadow:0 2px 8px #00000014}.receiver-widget.status--ok{border-left-color:var(--fill-accent, #2e9e5b)}.receiver-widget.status--bad{border-left-color:var(--text-danger)}.receiver-widget__title{font-size:12.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.receiver-widget__host{font-size:18px;font-weight:600;color:var(--text-primary)}.receiver-widget--checking{animation:receiver-pulse 1.4s ease-in-out infinite}@keyframes receiver-pulse{0%,to{opacity:1}50%{opacity:.62}}.info-row{display:flex;gap:24px;flex-wrap:wrap;color:var(--text-secondary);font-size:13px;margin-bottom:1.25rem}.storage-bar{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:1.25rem}.storage-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.storage-track{height:10px;background:var(--surface-2);border-radius:6px;overflow:hidden}.storage-fill{height:100%;background:var(--brand-solid);border-radius:6px;transition:width .3s}.storage-bar--warning .storage-fill{background:var(--border-warning)}.storage-bar--critical .storage-fill{background:var(--text-danger)}.alert{border-radius:var(--radius);padding:12px 16px;margin-bottom:1rem;border:1px solid var(--border)}.alert--critical{background:var(--bg-danger);border-color:var(--border-danger);color:var(--text-danger)}.alert--warning{background:var(--bg-warning);border:1px solid var(--border-warning);border-left:4px solid var(--border-warning);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-warning)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font:inherit;cursor:pointer;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius)}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--on-brand)}.btn--primary:hover{background:var(--brand-hover)}.btn--secondary{background:var(--surface-1);color:var(--text-primary)}.btn--danger{background:var(--text-danger);border-color:var(--text-danger);color:#fff}.btn--danger:hover{filter:brightness(.93)}.btn--sm{padding:4px 10px;font-size:12.5px}.toolbar{display:flex;gap:10px;align-items:center;margin:12px 0}.data-table{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.data-table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.actions-cell{display:flex;gap:8px;align-items:center}.actions-cell select{padding:4px 8px}.value-cell{font-variant-numeric:tabular-nums}.error-cell{color:var(--text-danger)}.event-desc{color:var(--text-secondary)}.role-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-secondary)}.role-badge--admin{background:var(--brand-tint);color:var(--brand)}.role-badge--operator{background:#e6f1fb;color:#185fa5}.role-badge--readonly{background:var(--surface-2);color:var(--text-muted)}.status{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--bg-neutral);color:var(--text-neutral)}.status--ok{background:var(--bg-success);color:var(--text-success)}.status--warn{background:var(--bg-warning);color:var(--text-warning)}.status--bad{background:var(--bg-danger);color:var(--text-danger)}.status--accent{background:var(--brand-tint);color:var(--brand)}.muted{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14101c8c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--surface-1);border-radius:12px;border:1px solid var(--border);padding:20px 24px;width:420px;max-width:92vw}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-group>label{font-size:13px;color:var(--text-secondary)}.form-check{flex-direction:row;align-items:center;gap:8px}input,select,textarea{padding:8px 10px;font:inherit;color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}textarea{resize:vertical}.config-hint{color:var(--text-muted);margin-bottom:1rem}.config-section{border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:1.25rem;background:var(--surface-1)}.config-section>legend{font-weight:600;padding:0 8px;color:var(--brand)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 20px;margin-bottom:.5rem}.config-grid .form-group{margin-bottom:0}.config-grid label{font-size:12.5px;color:var(--text-muted)}.config-grid .form-check{flex-direction:row;align-items:center;gap:8px}.field-note{font-size:12px;color:var(--text-muted);margin-top:.5rem}.page-desc{color:var(--text-muted);margin-bottom:1rem}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.pagination{display:flex;gap:8px;align-items:center;margin-top:1rem}.empty-state{text-align:center;color:var(--text-muted);padding:2rem}.toast{position:fixed;right:24px;bottom:24px;padding:12px 18px;border-radius:var(--radius);color:#fff;box-shadow:0 6px 20px #00000047;z-index:60;font-size:13.5px}.toast--success{background:var(--success)}.toast--error{background:var(--text-danger)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-bg)}.login-card{background:var(--surface-1);border:1px solid var(--border);border-top:4px solid var(--brand-solid);border-radius:12px;padding:28px 32px;width:360px;max-width:92vw}