: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: rgba(52, 211, 153, .12);--color-danger: #ff6b5e;--color-danger-bg: rgba(255, 107, 94, .12);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-unknown: #7b8794;--color-unknown-bg: rgba(123, 135, 148, .14);--bracket-color: rgba(69, 214, 255, .35);--bracket-color-hover: rgba(69, 214, 255, .8);--glow-primary: 0 0 14px rgba(69, 214, 255, .18);--glow-success: 0 0 8px rgba(52, 211, 153, .45);--glow-danger: 0 0 8px rgba(255, 107, 94, .45);--grid-line: rgba(96, 160, 220, .045);--fx-grid-opacity: 1;--fx-scanline-opacity: .4;--nav-glass: rgba(8, 13, 22, .82);--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;color-scheme:dark}:root[data-theme=light]{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--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: #ffffff;--color-success: #15803d;--color-success-bg: rgba(21, 128, 61, .1);--color-danger: #b91c1c;--color-danger-bg: rgba(185, 28, 28, .08);--color-warning: #b45309;--color-warning-bg: rgba(180, 83, 9, .1);--color-unknown: #4b5563;--color-unknown-bg: rgba(75, 85, 99, .1);--bracket-color: rgba(11, 107, 171, .35);--bracket-color-hover: rgba(11, 107, 171, .8);--glow-primary: none;--glow-success: none;--glow-danger: none;--fx-grid-opacity: 0;--fx-scanline-opacity: 0;--nav-glass: rgba(255, 255, 255, .88);color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;transition:background-color .15s ease,color .15s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--fx-grid-opacity);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(69,214,255,.06),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}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--fx-scanline-opacity);background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px)}h1,h2,h3,h4{font-weight:600;line-height:1.3;margin:0 0 var(--space-2);letter-spacing:-.01em}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{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--nav-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.nav .brand{display:inline-flex;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}.brand-sep{color:var(--color-primary);margin:0 .15em}.nav a{color:var(--color-text-muted);text-decoration:none;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 transparent;transition:color .15s ease,border-color .15s ease}.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{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--color-success);box-shadow:var(--glow-success);animation:beacon-pulse 2.4s ease-out infinite}@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{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.section-header h3{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text)}.section-header h3:before{content:"// ";color:var(--color-primary)}.section-header-actions{display:flex;align-items:center;gap:var(--space-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.grid>*{animation:card-in .32s cubic-bezier(.2,.7,.3,1) both}.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{position:relative;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.card:before,.card:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;transition:border-color .15s ease}.card:before{top:-1px;left:-1px;border-top:1px solid var(--bracket-color);border-left:1px solid var(--bracket-color)}.card:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--bracket-color);border-right:1px solid var(--bracket-color)}a.card-link{display:block;color:inherit;text-decoration:none}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{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);align-items:center}.tag{display:inline-flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);padding:.15rem .55rem;font-size:var(--text-xs);font-family:var(--font-mono);margin:.15rem .35rem 0 0}.pill{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid transparent}.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{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm);margin-right:var(--space-4);color:var(--color-text-muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.ok,.dot.online{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg),var(--glow-success);animation:beacon-pulse 2.4s ease-out infinite}.dot.bad,.dot.offline{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg),var(--glow-danger);animation:dot-alert 1.2s ease-in-out infinite}.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{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.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{width:100%;border-collapse:collapse;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);font-weight:600;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.08em}tbody tr{transition:background .12s ease}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{display:block;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}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 ease,box-shadow .15s ease}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);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);padding:.6rem 1rem;transition:background .15s ease,border-color .15s ease,opacity .15s ease,box-shadow .15s ease}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{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}button.secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-faint);box-shadow:none}button.danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}button.danger:hover:not(:disabled){background:var(--color-danger-bg);box-shadow:var(--glow-danger)}button.small{padding:.35rem .7rem;font-size:var(--text-xs)}button.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:.45rem;width:30px;height:30px}.form-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-hint{color:var(--color-text-faint);font-size:var(--text-xs)}.form-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{padding-right:3.6rem}.input-with-action button{position:absolute;right:4px;padding:.3rem .6rem;font-size:var(--text-xs);background:transparent;border:none;color:var(--color-text-muted)}.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);border-left-width:3px;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)}.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:"▍";margin-left:.15em;color:var(--color-primary);animation:cursor-blink 1s steps(2,start) infinite}@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%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.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{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-strong);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--color-primary);flex:none}.avatar-photo{object-fit:cover;padding:0}.card-heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.card-heading h3{margin:0}@media(max-width:640px){.container{padding:var(--space-4)}.nav{padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.console-clock{display:none}}.notification-bell{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--color-danger);color:#fff;font-family:var(--font-mono);font-size:.625rem;font-weight:700;line-height:16px;text-align:center;box-shadow:var(--glow-danger)}.slide-over-backdrop{position:fixed;inset:0;background:#0006;z-index:20;animation:fade-in .15s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slide-over{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--color-surface-raised);border-left:1px solid var(--color-border);box-shadow:-8px 0 24px #00000059;z-index:21;display:flex;flex-direction:column;animation:slide-in .2s cubic-bezier(.2,.7,.3,1) both}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.slide-over-header h3{margin:0}.slide-over-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.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{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.notification-title{font-weight:600;margin:0 0 var(--space-1)}.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{display:flex;gap:var(--space-2)}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:30;display:flex;flex-direction:column;gap:var(--space-2);width:min(340px,calc(100vw - var(--space-5) * 2))}.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:toast-in .2s cubic-bezier(.2,.7,.3,1) both}.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}}