:root{color-scheme:dark;--beacon-bg: #0e0c13;--beacon-surface: #18161f;--beacon-surface-2: #252032;--beacon-card: rgba(27, 25, 36, .82);--beacon-border: #3a3548;--beacon-border-soft: rgba(255, 255, 255, .06);--beacon-primary: #8b5cf6;--beacon-primary-light: #a78bfa;--beacon-primary-dark: #7c3aed;--beacon-glow: rgba(139, 92, 246, .45);--beacon-glow-soft: rgba(139, 92, 246, .15);--beacon-text: #f5f3fa;--beacon-muted: #a89eb8;--beacon-muted-dim: #7a7189;--beacon-gold: #facc15;--beacon-success: #34d399;--beacon-warning: #facc15;--beacon-danger: #f87171;--beacon-radius: 16px;--beacon-radius-sm: 12px;--beacon-font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--beacon-page-glow: radial-gradient(1200px 760px at 100% -12%, rgba(139, 92, 246, .16), transparent 60%), radial-gradient(960px 640px at -12% 112%, rgba(124, 58, 237, .1), transparent 55%), radial-gradient(1500px 440px at 50% -22%, rgba(255, 255, 255, .03), transparent 70%)}:root{font-family:var(--beacon-font);line-height:1.5;font-weight:400;color:var(--beacon-text);background:var(--beacon-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--beacon-bg);background-image:var(--beacon-page-glow);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--beacon-glow)}button,input{font:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.45) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#8b5cf68c}.app{max-width:1320px;margin:0 auto;padding:36px 24px 56px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--beacon-primary-light),var(--beacon-primary-dark));box-shadow:0 0 26px var(--beacon-glow);flex-shrink:0;position:relative;animation:beacon-logo-pulse 4s ease-in-out infinite}.brand-mark:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:6px;background:#0e0c138c;box-shadow:inset 0 0 8px #0006}@keyframes beacon-logo-pulse{0%,to{box-shadow:0 0 16px var(--beacon-glow-soft)}50%{box-shadow:0 0 32px var(--beacon-glow)}}.topbar h1{margin:2px 0;font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--beacon-primary-light)}.muted{color:var(--beacon-muted);margin:0;font-size:14px}.topbar-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.topbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--beacon-border);background:var(--beacon-surface-2)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status-pill.online{color:var(--beacon-success);border-color:#34d3994d;background:#34d39914}.status-pill.offline{color:var(--beacon-danger);border-color:#f871714d;background:#f8717114}.user-chip{display:inline-flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border-radius:999px;border:1px solid var(--beacon-border);background:var(--beacon-surface-2)}.user-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--beacon-primary-light),var(--beacon-primary-dark))}.user-name{font-size:13px;font-weight:600}.logout-btn{border:none;background:transparent;color:var(--beacon-muted);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:999px;transition:color .15s,background .15s}.logout-btn:hover{color:var(--beacon-text);background:var(--beacon-glow-soft)}.shortcuts-grid{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.shortcut-link{display:inline-flex;align-items:center;gap:10px;min-width:150px;padding:9px 13px;border-radius:var(--beacon-radius-sm);border:1px solid var(--beacon-border);background:var(--beacon-surface-2);color:inherit;text-decoration:none;transition:border-color .18s,background .18s,transform .15s,box-shadow .18s}.shortcut-link:hover{border-color:var(--beacon-primary);background:var(--beacon-glow-soft);transform:translateY(-1px);box-shadow:0 0 24px var(--beacon-glow-soft)}.shortcut-icon{font-size:16px;color:var(--beacon-primary-light);line-height:1}.shortcut-copy{display:grid;gap:1px;text-align:left}.shortcut-title{font-size:13px;font-weight:600}.shortcut-desc{font-size:11px;color:var(--beacon-muted)}.stats-grid,.content-grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:18px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(165deg,rgba(37,32,50,.92) 0%,var(--beacon-surface) 100%);border:1px solid var(--beacon-border);border-radius:var(--beacon-radius);padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff0a;transition:border-color .2s,box-shadow .2s,transform .2s}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 45%,rgba(139,92,246,.06) 100%);pointer-events:none}.stat-card:hover{border-color:#8b5cf666;box-shadow:0 12px 40px #00000052,0 0 0 1px #8b5cf61a;transform:translateY(-2px)}.stat-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.stat-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--beacon-glow-soft);border:1px solid rgba(139,92,246,.25);color:var(--beacon-primary-light)}.stat-icon svg{width:19px;height:19px}.stat-icon.warning{color:var(--beacon-warning);background:#facc151a;border-color:#facc1547}.stat-icon.critical{color:var(--beacon-danger);background:#f871711a;border-color:#f8717147}.stat-card .label{margin:0;color:var(--beacon-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-card .value{margin:0 0 12px;font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.stat-card.ok .value{color:var(--beacon-text)}.stat-card.warning .value{color:var(--beacon-warning)}.stat-card.critical .value{color:var(--beacon-danger)}.stat-card .sub{margin:10px 0 0;color:var(--beacon-muted);font-size:12.5px}.progress{width:100%;height:7px;border-radius:999px;background:#ffffff12;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--beacon-primary-dark),var(--beacon-primary-light));box-shadow:0 0 12px var(--beacon-glow-soft);transition:width .5s ease}.progress-fill.warning{background:linear-gradient(90deg,#d97706,var(--beacon-gold));box-shadow:0 0 12px #facc1540}.progress-fill.critical{background:linear-gradient(90deg,#dc2626,#f87171);box-shadow:0 0 12px #f871714d}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card-header h2,.alert-section h3{margin:0;font-weight:700}.card-header h2{font-size:16px;display:flex;align-items:center;gap:9px}.head-icon{display:grid;place-items:center;color:var(--beacon-primary-light)}.head-icon svg{width:17px;height:17px}.badge,.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;background:var(--beacon-glow-soft);color:var(--beacon-primary-light);border:1px solid rgba(139,92,246,.3)}.badge.ok,.pill.ok{color:var(--beacon-success);background:#34d3991a;border-color:#34d3994d}.badge.warning,.pill.warning{color:var(--beacon-warning);background:#facc151a;border-color:#facc154d}.badge.danger{color:var(--beacon-danger);background:#f871711a;border-color:#f871714d}.chart-legend{display:flex;gap:14px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--beacon-muted)}.legend-dot{width:9px;height:9px;border-radius:3px}.chart-wrap{margin:0 -6px}.disk-list{display:grid;gap:16px}.disk-row{display:grid;gap:8px}.disk-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.disk-mount{font-weight:600;font-size:14px}.disk-figures{font-size:12.5px;color:var(--beacon-muted);display:inline-flex;align-items:baseline;gap:10px}.disk-pct{font-weight:700}.disk-pct.ok{color:var(--beacon-text)}.disk-pct.warning{color:var(--beacon-warning)}.disk-pct.critical{color:var(--beacon-danger)}.table-wrap{overflow:auto;margin:0 -4px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--beacon-border-soft);font-size:13.5px}th{color:var(--beacon-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.table-wrap tbody tr{transition:background .15s}.table-wrap tbody tr:hover{background:var(--beacon-glow-soft)}.cell-strong{font-weight:600}.cell-muted{color:var(--beacon-muted);font-size:12.5px}.alert-section+.alert-section{margin-top:18px}.alert-section h3{font-size:13px;color:var(--beacon-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.alert-item{display:grid;gap:4px;padding:12px 14px;border-radius:var(--beacon-radius-sm);margin-top:10px;background:var(--beacon-surface-2);border:1px solid var(--beacon-border)}.alert-item strong{font-size:12px;letter-spacing:.04em;color:var(--beacon-primary-light)}.alert-item span{font-size:13.5px}.alert-item small{color:var(--beacon-muted-dim);font-size:11px}.alert-item.warning{border-color:#facc154d;background:#facc150f}.alert-item.warning strong{color:var(--beacon-warning)}.alert-item.resolved{opacity:.65}.settings-form{display:grid;gap:16px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-form label{display:grid;gap:6px}.settings-form label span{font-size:12px;color:var(--beacon-muted);font-weight:600}.settings-form input{width:100%;padding:10px 12px;border-radius:var(--beacon-radius-sm);border:1px solid var(--beacon-border);background:var(--beacon-surface-2);color:inherit;transition:border-color .15s,box-shadow .15s}.settings-form input:focus{outline:none;border-color:var(--beacon-primary);box-shadow:0 0 0 3px var(--beacon-glow-soft)}.settings-form button{justify-self:start;padding:11px 20px;border:none;border-radius:var(--beacon-radius-sm);background:linear-gradient(135deg,var(--beacon-primary-light) 0%,var(--beacon-primary) 45%,var(--beacon-primary-dark) 100%);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 22px var(--beacon-glow);transition:transform .15s,box-shadow .15s}.settings-form button:hover{transform:translateY(-1px);box-shadow:0 8px 32px var(--beacon-glow)}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--beacon-border-soft);color:var(--beacon-muted);font-size:12.5px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-loading{color:var(--beacon-muted)}.login-card{width:100%;max-width:380px;background:#1b1924e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--beacon-border);border-radius:22px;padding:36px 32px;box-shadow:0 32px 80px #0000008c,0 0 0 1px #8b5cf614;text-align:center}.login-mark{width:52px;height:52px;margin:0 auto 18px;border-radius:15px;background:linear-gradient(135deg,var(--beacon-primary-light),var(--beacon-primary-dark));box-shadow:0 0 30px var(--beacon-glow);animation:beacon-logo-pulse 4s ease-in-out infinite}.login-eyebrow{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--beacon-primary-light);font-weight:700}.login-card h1{margin:6px 0 2px;font-size:26px;font-weight:800}.login-tagline{margin:0 0 24px;color:var(--beacon-muted);font-size:14px}.login-form{display:grid;gap:14px;text-align:left}.login-form label{display:grid;gap:6px}.login-form label span{font-size:12px;color:var(--beacon-muted);font-weight:600}.login-form input{width:100%;padding:11px 13px;border-radius:var(--beacon-radius-sm);border:1px solid var(--beacon-border);background:var(--beacon-surface-2);color:inherit;transition:border-color .15s,box-shadow .15s}.login-form input:focus{outline:none;border-color:var(--beacon-primary);box-shadow:0 0 0 3px var(--beacon-glow-soft)}.login-error{margin:0;color:var(--beacon-danger);font-size:13px}.login-form button{margin-top:6px;padding:12px;border:none;border-radius:var(--beacon-radius-sm);background:linear-gradient(135deg,var(--beacon-primary-light) 0%,var(--beacon-primary) 45%,var(--beacon-primary-dark) 100%);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 22px var(--beacon-glow);transition:transform .15s,box-shadow .15s}.login-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px var(--beacon-glow)}.login-form button:disabled{opacity:.7;cursor:progress}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-actions{align-items:stretch;width:100%}.topbar-row{justify-content:space-between}.shortcuts-grid{justify-content:stretch}.shortcut-link{flex:1;min-width:130px}.footer{flex-direction:column}}