:root{--color-bg:#05080f;--color-surface:#0a101a;--color-surface-raised:#0d1420;--color-surface-hover:#131c2b;--color-border:#1c2839;--color-border-strong:#2e405a;--color-text:#dbe7f1;--color-text-muted:#93a7ba;--color-text-faint:#5d7186;--color-primary:#45d6ff;--color-primary-hover:#7ae2ff;--color-primary-text:#04121c;--color-success:#34d399;--color-success-bg:#34d3991f;--color-danger:#ff6b5e;--color-danger-bg:#ff6b5e1f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-unknown:#7b8794;--color-unknown-bg:#7b879424;--bracket-color:#45d6ff59;--bracket-color-hover:#45d6ffcc;--glow-primary:0 0 14px #45d6ff2e;--glow-success:0 0 8px #34d39973;--glow-danger:0 0 8px #ff6b5e73;--grid-line:#60a0dc0b;--fx-grid-opacity:1;--fx-scanline-opacity:.4;--nav-glass:#080d16d1;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.3125rem;--text-xl:1.625rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--color-bg:#f5f6f8;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-hover:#f0f2f5;--color-border:#e1e4ea;--color-border-strong:#c7cdd6;--color-text:#14171c;--color-text-muted:#565f6d;--color-text-faint:#7a8290;--color-primary:#0b6bab;--color-primary-hover:#095a90;--color-primary-text:#fff;--color-success:#15803d;--color-success-bg:#15803d1a;--color-danger:#b91c1c;--color-danger-bg:#b91c1c14;--color-warning:#b45309;--color-warning-bg:#b453091a;--color-unknown:#4b5563;--color-unknown-bg:#4b55631a;--bracket-color:#0b6bab59;--bracket-color-hover:#0b6babcc;--glow-primary:none;--glow-success:none;--glow-danger:none;--fx-grid-opacity:0;--fx-scanline-opacity:0;--nav-glass:#ffffffe0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;transition:background-color .15s,color .15s}body:before{content:"";z-index:-1;pointer-events:none;opacity:var(--fx-grid-opacity);background-image:radial-gradient(ellipse 80% 50% at 50% -10%, #45d6ff0f, transparent 70%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:100% 100%,42px 42px,42px 42px;position:fixed;inset:0}body:after{content:"";z-index:9999;pointer-events:none;opacity:var(--fx-scanline-opacity);background:repeating-linear-gradient(#0000 0 3px,#00000014 3px 4px);position:fixed;inset:0}h1,h2,h3,h4{margin:0 0 var(--space-2);letter-spacing:-.01em;font-weight:600;line-height:1.3}h2{font-family:var(--font-mono);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.08em}h3{font-size:var(--text-lg)}h4{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:var(--space-4)}p{margin:0 0 var(--space-2)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.85em}::selection{background:var(--color-primary);color:var(--color-primary-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.nav{gap:var(--space-5);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--nav-glass);-webkit-backdrop-filter:blur(10px);z-index:10;align-items:center;display:flex;position:sticky;top:0}.nav .brand{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;margin-right:var(--space-2);white-space:nowrap;display:inline-flex}.brand-sep{color:var(--color-primary);margin:0 .15em}.nav a{color:var(--color-text-muted);font-family:var(--font-mono);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) 0;border-bottom:2px solid #0000;text-decoration:none;transition:color .15s,border-color .15s}.nav a:hover{color:var(--color-text);text-decoration:none}.nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);text-shadow:var(--glow-primary)}.console-clock{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--color-text-muted);white-space:nowrap}.console-clock .clock-suffix{color:var(--color-text-faint)}.beacon{background:var(--color-success);width:8px;height:8px;box-shadow:var(--glow-success);border-radius:50%;flex:none;animation:2.4s ease-out infinite beacon-pulse;display:inline-block}@keyframes beacon-pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.container{padding:var(--space-6);max-width:1180px;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-header h2{margin-bottom:var(--space-1)}.page-header .page-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.console-kicker{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--color-primary);margin:0 0 var(--space-2)}.section{margin-top:var(--space-7)}.section:first-of-type{margin-top:var(--space-6)}.section-header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4);display:flex}.section-header h3{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text);margin:0;font-weight:600}.section-header h3:before{content:"// ";color:var(--color-primary)}.section-header-actions{align-items:center;gap:var(--space-2);display:flex}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid>*{animation:.32s cubic-bezier(.2,.7,.3,1) both card-in}.grid>:nth-child(2){animation-delay:40ms}.grid>:nth-child(3){animation-delay:80ms}.grid>:nth-child(4){animation-delay:.12s}.grid>:nth-child(5){animation-delay:.16s}.grid>:nth-child(6){animation-delay:.2s}.grid>:nth-child(7){animation-delay:.24s}.grid>:nth-child(n+8){animation-delay:.28s}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.card:before,.card:after{content:"";pointer-events:none;width:10px;height:10px;transition:border-color .15s;position:absolute}.card:before{border-top:1px solid var(--bracket-color);border-left:1px solid var(--bracket-color);top:-1px;left:-1px}.card:after{border-bottom:1px solid var(--bracket-color);border-right:1px solid var(--bracket-color);bottom:-1px;right:-1px}a.card-link{color:inherit;text-decoration:none;display:block}a.card-link:hover{text-decoration:none}a.card-link:hover .card,a.card-link:focus-visible .card{border-color:var(--color-border-strong);background:var(--color-surface-hover);box-shadow:var(--glow-primary)}a.card-link:hover .card:before,a.card-link:hover .card:after,a.card-link:focus-visible .card:before,a.card-link:focus-visible .card:after{border-color:var(--bracket-color-hover)}.card h3{margin:0 0 var(--space-1);font-size:var(--text-md)}.card-desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-3);min-height:1.2em}.card-footer{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.tag{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);align-items:center;margin:.15rem .35rem 0 0;padding:.15rem .55rem;display:inline-flex}.pill{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:.35rem;padding:.2rem .55rem;font-weight:600;display:inline-flex}.pill.success{background:var(--color-success-bg);color:var(--color-success);border-color:#34d3994d}.pill.danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ff6b5e4d}.pill.warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#fbbf244d}.pill.unknown{background:var(--color-unknown-bg);color:var(--color-unknown);border-color:#7b87944d}.badge{font-size:var(--text-sm);margin-right:var(--space-4);color:var(--color-text-muted);align-items:center;gap:.4rem;display:inline-flex}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.ok,.dot.online{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg), var(--glow-success);animation:2.4s ease-out infinite beacon-pulse}.dot.bad,.dot.offline{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg), var(--glow-danger);animation:1.2s ease-in-out infinite dot-alert}.dot.unknown{background:var(--color-unknown);box-shadow:0 0 0 3px var(--color-unknown-bg)}@keyframes dot-alert{0%,to{opacity:1}50%{opacity:.35}}.health-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;display:inline-flex}.health-label.online,.health-label.ok{color:var(--color-success)}.health-label.offline,.health-label.bad{color:var(--color-danger)}.health-label.unknown{color:var(--color-unknown)}table{border-collapse:collapse;width:100%;margin-top:var(--space-3);font-variant-numeric:tabular-nums}th,td{text-align:left;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}th{font-family:var(--font-mono);color:var(--color-text-faint);text-transform:uppercase;font-weight:600;font-size:var(--text-xs);letter-spacing:.08em}tbody tr{transition:background .12s}tbody tr:hover{background:var(--color-surface-hover)}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:500;display:block}input,textarea,select,button{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.55rem .7rem}input,textarea,select{width:100%;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:var(--glow-primary);outline:none}textarea{resize:vertical;min-height:4.5rem}button{cursor:pointer;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:var(--text-xs);padding:.6rem 1rem;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--glow-primary)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}button.secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-faint);box-shadow:none}button.danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}button.danger:hover:not(:disabled){background:var(--color-danger-bg);box-shadow:var(--glow-danger)}button.small{font-size:var(--text-xs);padding:.35rem .7rem}button.icon-button{justify-content:center;align-items:center;width:30px;height:30px;padding:.45rem;display:inline-flex}.form-row{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-hint{color:var(--color-text-faint);font-size:var(--text-xs)}.form-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.input-with-action{align-items:center;display:flex;position:relative}.input-with-action input{padding-right:3.6rem}.input-with-action button{font-size:var(--text-xs);color:var(--color-text-muted);background:0 0;border:none;padding:.3rem .6rem;position:absolute;right:4px}.input-with-action button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);box-shadow:none}details>summary{cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm)}details>summary:hover{color:var(--color-text)}details[open]>summary{margin-bottom:var(--space-2)}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.faint{color:var(--color-text-faint);font-size:var(--text-xs)}.error{color:var(--color-danger);font-size:var(--text-sm)}.error-banner{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4);border-left-width:3px}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.empty-state p{margin-bottom:var(--space-3)}.loading-state{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4) 0}.loading-state:after{content:"▍";color:var(--color-primary);margin-left:.15em;animation:1s steps(2,start) infinite cursor-blink}@keyframes cursor-blink{to{visibility:hidden}}.skeleton{background:linear-gradient(90deg, var(--color-surface-raised) 25%, var(--color-surface-hover) 37%, var(--color-surface-raised) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.skeleton-card{height:108px}@media (prefers-reduced-motion:reduce){.skeleton,.beacon,.dot.ok,.dot.online,.dot.bad,.dot.offline,.grid>*,.loading-state:after{animation:none!important}*{transition:none!important}}.avatar{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-strong);width:40px;height:40px;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--color-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar-photo{object-fit:cover;padding:0}.card-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.card-heading h3{margin:0}@media (width<=640px){.container{padding:var(--space-4)}.nav{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-wrap:wrap}.console-clock{display:none}}.notification-bell{position:relative}.notification-badge{background:var(--color-danger);color:#fff;min-width:16px;height:16px;font-family:var(--font-mono);text-align:center;box-shadow:var(--glow-danger);border-radius:8px;padding:0 3px;font-size:.625rem;font-weight:700;line-height:16px;position:absolute;top:-5px;right:-5px}.slide-over-backdrop{z-index:20;background:#0006;animation:.15s both fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slide-over{background:var(--color-surface-raised);border-left:1px solid var(--color-border);z-index:21;flex-direction:column;width:min(420px,100vw);animation:.2s cubic-bezier(.2,.7,.3,1) both slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000059}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.slide-over-header h3{margin:0}.slide-over-body{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.notification-row{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3)}.notification-row.unread{border-left-color:var(--color-primary);background:var(--color-surface-hover)}.notification-row.urgent{border-left-color:var(--color-danger);box-shadow:var(--glow-danger)}.notification-row-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.notification-title{margin:0 0 var(--space-1);font-weight:600}.notification-message{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2);white-space:pre-wrap}.notification-row-actions{gap:var(--space-2);display:flex}.toast-stack{bottom:var(--space-5);right:var(--space-5);z-index:30;gap:var(--space-2);width:min(340px, calc(100vw - var(--space-5) * 2));flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:0 8px 24px #00000059, var(--glow-primary);animation:.2s cubic-bezier(.2,.7,.3,1) both toast-in}.toast.urgent{border-left-color:var(--color-danger);box-shadow:0 8px 24px #00000059, var(--glow-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.slide-over-backdrop,.slide-over,.toast{animation:none!important}}