@layer base,tokens,components,responsive,theme;@layer tokens{:root{--c-bg: #0f0f1a;--c-sidebar: #16213e;--c-text: #fff;--c-text-muted: rgba(255, 255, 255, .7);--c-text-subtle: rgba(255, 255, 255, .5);--c-primary: #4f8cff;--c-primary-hover: rgba(79, 140, 255, .1);--c-border: rgba(255, 255, 255, .05);--c-border-light: rgba(255, 255, 255, .1);--c-success: #4ade80;--c-warning: #fbbf24;--c-error: #f87171;--c-danger: #ef4444;--c-info: #3b82f6;--c-purple: #a855f7;--c-cyan: #22d3ee;--c-accent: #60a5fa;--c-secondary: #94a3b8;--c-text-dark: #0f172a;--c-surface: #1e293b;--c-surface-alt: rgba(255, 255, 255, .03);--spacer-2xs: .25rem;--spacer-xs: .5rem;--spacer-s: .625rem;--spacer-sm: .75rem;--spacer-base: 1rem;--spacer-m: 1.25rem;--spacer-l: 1.5rem;--spacer-xl: 2rem;--spacer-2xl: 2.5rem;--spacer-3xl: 3.75rem;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--sidebar-width-mobile: 280px;--mobile-header-height: 56px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--fs-xs: .7rem;--fs-s: .8rem;--fs-d: .9rem;--fs-m: 1rem;--fs-l: 1.25rem;--radius-s: 4px;--radius-m: 6px;--radius-l: 8px;--radius-xl: 12px;--radius-pill: 20px;--z-modal: 50;--z-tooltip: 100;--z-overlay: 150;--z-sidebar: 200;--z-mobile-header: 250;--transition-fast: .15s ease;--transition-medium: .25s ease}}@layer base{*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-d);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}body.app-layout{display:grid;grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-width) 1fr;height:100vh;width:100vw;overflow:hidden;background-color:var(--c-bg);color:var(--c-text)}body.app-layout>#root{display:contents}.sidebar{grid-area:sidebar;background-color:var(--c-sidebar);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:width var(--transition-medium),transform var(--transition-medium)}.main{grid-area:main;display:flex;flex-direction:column;gap:var(--spacer-l);background-color:var(--c-bg);overflow-y:auto;padding:var(--spacer-l) var(--spacer-xl);min-height:0;transition:margin-left var(--transition-medium),padding-top var(--transition-medium)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-height);background-color:var(--c-sidebar);border-bottom:1px solid var(--c-border);padding:0 var(--spacer-m);align-items:center;gap:var(--spacer-sm);z-index:var(--z-mobile-header)}.mobile-header__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--c-text);cursor:pointer;border-radius:var(--radius-m);transition:background-color var(--transition-fast)}.mobile-header__toggle:hover{background-color:var(--c-primary-hover)}.mobile-header__logo{display:flex;align-items:center;gap:var(--spacer-sm);font-size:var(--fs-l);font-weight:600;letter-spacing:-.5px}.sidebar-overlay{position:fixed;inset:0;background-color:#0009;z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.sidebar-overlay--visible{opacity:1;pointer-events:auto}.stat-value{font-size:2rem;font-weight:600;letter-spacing:-1px}.stat-value-sm{font-size:1.25rem;font-weight:600}.stat-label{color:#ffffff80;font-size:.8rem}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.pulse-live{animation:pulse-live 2s ease-in-out infinite}.loading-screen{display:grid;place-items:center;min-height:100vh;min-height:100dvh;background-color:var(--c-bg);color:var(--c-text-muted);font-size:var(--fs-m)}}@layer base{.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacer-xs)}.gap-s{gap:var(--spacer-s)}.gap-m{gap:var(--spacer-m)}.gap-l{gap:var(--spacer-l)}.gap-xl{gap:var(--spacer-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacer-xs)}.mb-s{margin-bottom:var(--spacer-s)}.mb-m{margin-bottom:var(--spacer-m)}.mb-l{margin-bottom:var(--spacer-l)}.mb-xl{margin-bottom:var(--spacer-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacer-xs)}.mt-s{margin-top:var(--spacer-s)}.mt-l{margin-top:var(--spacer-l)}.w-full{width:100%}.w-auto{width:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-s)}.text-base{font-size:var(--fs-d)}.text-md{font-size:var(--fs-m)}.text-lg{font-size:var(--fs-l)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.5px}.tracking-tight{letter-spacing:-.5px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.transition-fast{transition:all var(--transition-fast)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.p-s{padding:var(--spacer-s)}.p-m{padding:var(--spacer-m)}.p-l{padding:var(--spacer-l)}.loading-state{padding:var(--spacer-m)}.text-muted{color:var(--c-text-muted)}.text-subtle{color:var(--c-text-subtle)}.text-primary{color:var(--c-primary)}.text-success{color:var(--c-success)}.text-warning{color:var(--c-warning)}.text-error{color:var(--c-error)}.text-danger{color:var(--c-danger)}.status-good{color:var(--c-success)}.status-warning{color:var(--c-warning)}.status-critical{color:var(--c-danger)}.status-neutral{color:var(--c-text-muted)}.status-info{color:var(--c-cyan)}.status-purple{color:var(--c-purple)}.bg-success{background-color:#4ade8026;color:var(--c-success)}.bg-warning{background-color:#fbbf2426;color:var(--c-warning)}.bg-danger{background-color:#f8717126;color:var(--c-danger)}.status-good-bg{background-color:#4ade8026;color:var(--c-success)}.status-warning-bg{background-color:#fbbf2426;color:var(--c-warning)}.status-critical-bg{background-color:#f8717126;color:var(--c-danger)}.code-block{padding:var(--spacer-sm) var(--spacer-sm);background-color:var(--c-bg);border-radius:var(--radius-l);font-size:var(--fs-s);font-family:monospace;color:#fffc;word-break:break-all;border:1px solid var(--c-border-light)}.empty-state{padding:var(--spacer-3xl) var(--spacer-m);color:var(--c-text-muted)}.empty-state__icon{margin-bottom:var(--spacer-sm);color:var(--c-text-subtle)}.empty-state__title{font-size:var(--fs-m);font-weight:500;margin-bottom:var(--spacer-xs)}.empty-state__text{color:var(--c-text-subtle);font-size:var(--fs-s)}.link--muted{text-decoration:none;color:var(--c-text)}.link--muted:hover{color:var(--c-primary)}.sparkline{display:block}.status-icon{display:inline-flex;align-items:center;justify-content:center;cursor:help}.status-icon--success{color:var(--c-success)}.status-icon--warning{color:var(--c-warning)}.status-icon--danger{color:var(--c-danger)}.status-icon--muted{color:var(--c-text-muted)}.gap-2xs{gap:var(--spacer-2xs)}.gap-sm{gap:var(--spacer-sm)}.code-inline{background:#0000004d;padding:2px 8px;border-radius:var(--radius-s);font-family:monospace;font-size:var(--fs-s)}.mb-sm{margin-bottom:var(--spacer-sm)}.mt-m{margin-top:var(--spacer-m)}.w-60{width:60px}.w-80{width:80px}.checkbox-label{display:flex;align-items:center;gap:var(--spacer-xs);cursor:pointer}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacer-xl);text-align:center}.error-boundary__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--c-danger);background-color:#ef44441a;border-radius:50%;margin-bottom:var(--spacer-l)}.error-boundary__title{font-size:var(--fs-l);font-weight:600;margin:0 0 var(--spacer-xs) 0;color:var(--c-text)}.error-boundary__message{color:var(--c-text-muted);margin:0 0 var(--spacer-l) 0}.error-boundary__details{max-width:600px;margin-bottom:var(--spacer-l);text-align:left}.error-boundary__details summary{cursor:pointer;color:var(--c-text-muted);margin-bottom:var(--spacer-xs)}.error-boundary__stack{background-color:var(--c-surface);padding:var(--spacer-m);border-radius:var(--radius-m);font-size:var(--fs-xs);overflow:auto;max-height:200px;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;gap:var(--spacer-m)}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacer-xs);padding:var(--spacer-s) var(--spacer-m);border-radius:var(--radius-l);font-size:var(--fs-d);font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.btn--danger:focus-visible{outline-color:var(--c-danger)}.btn--success:focus-visible{outline-color:var(--c-success)}.btn--warning:focus-visible{outline-color:var(--c-warning)}.btn--primary{background-color:var(--c-primary);color:var(--c-text)}.btn--primary:hover:not(:disabled){filter:brightness(.9)}.btn--secondary{background-color:#ffffff0d;border:1px solid var(--c-border-light);color:var(--c-text-muted)}.btn--secondary:hover:not(:disabled){background-color:var(--c-border-light);color:var(--c-text)}.btn--success{background-color:var(--c-success);color:var(--c-text-dark)}.btn--success:hover:not(:disabled){filter:brightness(.9)}.btn--danger{background-color:var(--c-danger);color:var(--c-text)}.btn--danger:hover:not(:disabled){filter:brightness(.85)}.btn--warning{background-color:var(--c-warning);color:var(--c-text-dark)}.btn--warning:hover:not(:disabled){filter:brightness(.9)}.btn--ghost{background:none;border:none;padding:var(--spacer-xs) var(--spacer-sm);color:var(--c-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--c-primary-hover)}.btn--icon{padding:var(--spacer-xs);background:none;border:none;color:var(--c-text-muted)}.btn--icon:hover:not(:disabled){color:var(--c-text);background-color:#ffffff1a}.btn--xs{padding:var(--spacer-2xs) var(--spacer-sm);font-size:var(--fs-xs)}.btn--sm{padding:var(--spacer-xs) var(--spacer-sm);font-size:var(--fs-s)}.btn--lg{padding:var(--spacer-sm) var(--spacer-l);font-size:var(--fs-m)}.btn--filter{padding:var(--spacer-xs) var(--spacer-base);border-radius:var(--radius-m);background-color:#ffffff1a;border:1px solid transparent;color:var(--c-text-muted);font-size:var(--fs-s)}.btn--filter:hover:not(:disabled){background-color:#ffffff26;color:var(--c-text)}.btn--filter.is-active{background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-text)}.btn--link{background:none;border:none;padding:0;font-size:var(--fs-s);font-weight:500;cursor:pointer;color:var(--c-primary)}.btn--link:hover:not(:disabled){text-decoration:underline}.btn--link:disabled{color:var(--c-text-subtle);cursor:not-allowed}.btn--link--primary{color:var(--c-primary)}.btn--link--success{color:var(--c-success)}.btn--link--danger{color:var(--c-danger)}.btn--link--warning{color:var(--c-warning)}.btn--link--subtle{color:var(--c-text-muted)}.btn--link--subtle:hover:not(:disabled){color:var(--c-text)}.toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:var(--spacer-xs) var(--spacer-s);border-radius:var(--radius-m);font-size:var(--fs-sm);font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast)}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-btn--on{background:oklch(from var(--c-success) l c h / .15);color:var(--c-success)}.toggle-btn--on:hover:not(:disabled){background:oklch(from var(--c-success) l c h / .25)}.toggle-btn--off{background:oklch(from var(--c-text-muted) l c h / .15);color:var(--c-text-muted)}.toggle-btn--off:hover:not(:disabled){background:oklch(from var(--c-text-muted) l c h / .25)}}@layer components{.badge{display:inline-flex;align-items:center;gap:6px;padding:var(--spacer-2xs) var(--spacer-sm);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:500;background-color:var(--badge-bg, rgba(255, 255, 255, .1));color:var(--badge-color, var(--c-text-muted))}.badge__dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.badge__dot--pulse{animation:pulse-live 2s ease-in-out infinite}.badge--success{--badge-bg: oklch(from var(--c-success) l c h / .15);--badge-color: var(--c-success)}.badge--warning{--badge-bg: oklch(from var(--c-warning) l c h / .15);--badge-color: var(--c-warning)}.badge--critical{--badge-bg: oklch(from var(--c-error) l c h / .15);--badge-color: var(--c-error)}.badge--info{--badge-bg: rgba(79, 140, 255, .15);--badge-color: var(--c-primary)}.badge--purple{--badge-bg: oklch(from var(--c-purple) l c h / .15);--badge-color: var(--c-purple)}.badge--cyan{--badge-bg: oklch(from var(--c-cyan) l c h / .15);--badge-color: var(--c-cyan)}.badge--neutral{--badge-bg: rgba(255, 255, 255, .1);--badge-color: var(--c-text-muted)}.badge--muted{--badge-bg: rgba(148, 163, 184, .1);--badge-color: var(--c-text-muted)}.badge--secondary{--badge-bg: oklch(from var(--c-secondary) l c h / .15);--badge-color: var(--c-secondary)}.badge--with-icon svg{flex-shrink:0}.badge--role{padding:var(--spacer-2xs) var(--spacer-s);border-radius:var(--radius-s)}.badge--lg{padding:var(--spacer-xs) 18px;border-radius:var(--radius-pill);font-weight:600;font-size:var(--fs-s)}.badge--sm{padding:2px 8px;font-size:var(--fs-xs)}.badge--xs{padding:1px 6px;font-size:var(--fs-2xs)}.badge--icon{padding:var(--spacer-s)}.badge--action{cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.badge--action:hover{filter:brightness(1.2)}.badge--action.badge--warning{border-color:#fbbf244d}.badge--action.badge--success{border-color:#4ade804d}.badge--action+.badge--action{margin-left:var(--spacer-s)}.badge--windows{--badge-bg: rgba(0, 120, 215, .18);--badge-color: #4fc3f7}.badge--linux{--badge-bg: rgba(38, 166, 154, .18);--badge-color: #4db6ac}.badge--danger{--badge-bg: oklch(from var(--c-danger) l c h / .15);--badge-color: var(--c-danger)}}@layer components{.form-group{margin-bottom:var(--spacer-base)}.form-group--lg{margin-bottom:var(--spacer-l)}.form-label{display:block;font-size:var(--fs-s);font-weight:500;color:var(--c-text-muted);margin-bottom:var(--spacer-xs);text-transform:uppercase;letter-spacing:.5px}.form-label--inline{display:inline;text-transform:none;letter-spacing:normal}.form-label__hint{color:var(--c-text-subtle);text-transform:none;font-weight:400}.form-input{width:100%;padding:var(--spacer-sm) 14px;background-color:var(--c-bg);border:1px solid var(--c-border-light);border-radius:var(--radius-l);color:var(--c-text);font-size:var(--fs-d);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8cff1a}.form-input::placeholder{color:var(--c-text-subtle)}.form-input--lg{padding:14px var(--spacer-base);font-size:var(--fs-m)}.form-select{width:100%;padding:var(--spacer-sm) 14px;background-color:var(--c-bg);border:1px solid var(--c-border-light);border-radius:var(--radius-l);color:var(--c-text);font-size:var(--fs-d);font-family:inherit;cursor:pointer;outline:none}.form-select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8cff1a}.form-select--sm{padding:var(--spacer-xs) var(--spacer-sm);font-size:var(--fs-sm);width:auto}.search-input{position:relative}.search-input__field{width:100%;padding:var(--spacer-s) var(--spacer-sm) var(--spacer-s) var(--spacer-2xl);background-color:var(--c-sidebar);border:1px solid var(--c-border-light);border-radius:var(--radius-l);color:var(--c-text);font-size:var(--fs-d);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.search-input__field:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4f8cff1a}.search-input__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text-subtle)}.form-error{background-color:oklch(from var(--c-danger) l c h / .1);border:1px solid oklch(from var(--c-danger) l c h / .2);color:var(--c-error);padding:var(--spacer-sm) var(--spacer-base);border-radius:var(--radius-l);margin-bottom:var(--spacer-m);font-size:var(--fs-s)}.form-field-error{color:var(--c-error);font-size:var(--fs-xs);margin-top:var(--spacer-xs)}.form-input--error{border-color:var(--c-danger)}.form-input--error:focus{border-color:var(--c-danger);box-shadow:0 0 0 3px oklch(from var(--c-danger) l c h / .15)}.form-hint{font-size:var(--fs-xs);color:var(--c-text-subtle);margin-bottom:var(--spacer-s)}.form-value{font-size:var(--fs-d);color:var(--c-text)}.searchable-select{position:relative;min-width:160px}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-s);width:100%;padding:var(--spacer-xs) var(--spacer-sm);background-color:#0000004d;border:1px solid var(--c-border);border-radius:var(--radius-m);color:var(--c-text);font-size:.85rem;cursor:pointer;text-align:left}.searchable-select__trigger:hover{border-color:var(--c-border-light)}.searchable-select__trigger:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.searchable-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select__arrow{color:var(--c-text-muted);font-size:.7rem;flex-shrink:0}.searchable-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacer-xs);background-color:var(--c-sidebar);border:1px solid var(--c-border);border-radius:var(--radius-m);box-shadow:0 8px 24px #0006;z-index:50;max-height:300px;display:flex;flex-direction:column}.searchable-select__search{padding:var(--spacer-xs);border-bottom:1px solid var(--c-border)}.searchable-select__input{width:100%;padding:var(--spacer-xs) var(--spacer-s);background-color:#0000004d;border:1px solid var(--c-border);border-radius:var(--radius-s);color:var(--c-text);font-size:.85rem;outline:none}.searchable-select__input:focus{border-color:var(--c-primary)}.searchable-select__input::placeholder{color:var(--c-text-subtle)}.searchable-select__options{overflow-y:auto;max-height:240px}.searchable-select__option{display:block;width:100%;padding:var(--spacer-s) var(--spacer-sm);background:none;border:none;color:var(--c-text);font-size:.85rem;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.searchable-select__option:hover,.searchable-select__option:focus{background-color:#ffffff0d}.searchable-select__option:focus-visible{outline:none;background-color:#4f8cff1a}.searchable-select__option.is-selected{background-color:#4f8cff26;color:var(--c-primary)}.searchable-select__option.is-focused{background-color:#4f8cff1a;outline:none}.searchable-select__empty{padding:var(--spacer-m);text-align:center;color:var(--c-text-muted);font-size:.85rem}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacer-xs);padding:var(--spacer-sm);background-color:var(--c-bg);border:1px solid var(--c-border-light);border-radius:var(--radius-l);max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:var(--spacer-s);padding:var(--spacer-xs) var(--spacer-s);border-radius:var(--radius-m);cursor:pointer;transition:background-color var(--transition-fast)}.checkbox-label:hover{background-color:#ffffff0d}.checkbox-input{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.checkbox-label span{font-size:var(--fs-d);color:var(--c-text)}.form-fieldset{border:none;padding:0;margin:var(--spacer-m) 0}.form-fieldset:first-child{margin-top:0}.form-legend{display:block;font-size:var(--fs-s);font-weight:500;color:var(--c-text-muted);margin-bottom:var(--spacer-sm);text-transform:uppercase;letter-spacing:.5px}.progress-bar{width:100%;height:8px;background-color:var(--c-bg);border-radius:var(--radius-s);overflow:hidden;margin:var(--spacer-sm) 0}.progress-bar__fill{height:100%;background-color:var(--c-primary);border-radius:var(--radius-s);transition:width .3s ease}.progress-bar__fill--success{background-color:var(--c-success)}.progress-bar__fill--error{background-color:var(--c-error)}.progress-text{font-size:var(--fs-xs);color:var(--c-text-muted);text-align:center;margin-top:var(--spacer-xs)}}@layer components{.modal{background-color:var(--c-sidebar);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:420px;border:1px solid var(--c-border-light);color:var(--c-text);container-type:inline-size}.modal::backdrop{background-color:#000000b3}.modal--lg{max-width:700px}.modal--xl{max-width:900px}.modal-tabs{display:flex;gap:var(--spacer-xs);margin-bottom:var(--spacer-m);border-bottom:1px solid var(--c-border-light);padding-bottom:var(--spacer-xs)}.modal-tabs__tab{padding:var(--spacer-xs) var(--spacer-s);background:none;border:none;color:var(--c-text-muted);font-size:var(--fs-m);cursor:pointer;border-radius:var(--radius-s);transition:all .15s ease}.modal-tabs__tab:hover{color:var(--c-text);background-color:var(--c-surface)}.modal-tabs__tab.is-active{color:var(--c-text);background-color:var(--c-surface);font-weight:500}.modal__header{margin:0 0 var(--spacer-m)}.modal__title{margin:0;font-size:var(--fs-l);font-weight:600;color:var(--c-text)}.modal__body{color:var(--c-text-muted);margin-bottom:var(--spacer-l);font-size:var(--fs-m)}.modal__body .discovery-panel{margin:0 calc(var(--spacer-s) * -1);max-height:55vh;overflow-y:auto;padding:0 var(--spacer-s)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacer-sm);margin-top:var(--spacer-l);padding-top:var(--spacer-m);border-top:1px solid var(--c-border)}}@layer components{.card{container-type:inline-size;background-color:var(--c-sidebar);border-radius:var(--radius-xl);border:1px solid var(--c-border);padding:var(--spacer-l)}.card--compact{padding:var(--spacer-base) var(--spacer-m)}.card--hoverable{transition:background-color var(--transition-fast)}.card--hoverable:hover{background-color:#16213ecc}.card__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacer-sm)}.card__title{margin:0;font-size:var(--fs-m);font-weight:600;color:var(--c-text)}.card__subtitle{color:var(--c-text-muted);font-size:var(--fs-s);margin-top:var(--spacer-2xs)}.card__actions{display:flex;align-items:center;gap:var(--spacer-sm)}.card__header+.card__body,.card__header+.card__section,.card__header+*:not(.card__header):not(.card__body):not(.card__section):not(.card__footer){margin-top:var(--spacer-m)}.card__section{margin-top:var(--spacer-l);padding-top:var(--spacer-l);border-top:1px solid var(--c-border)}.card__section:first-child{margin-top:0;padding-top:0;border-top:none}.card__section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacer-sm)}.card__section-title{margin:0;font-size:var(--fs-d);font-weight:500;color:var(--c-text-muted)}.card__section-header+.card__section-body,.card__section-header+*:not(.card__section-header):not(.card__section-body){margin-top:var(--spacer-m)}.card__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacer-s);margin-top:var(--spacer-l);padding-top:var(--spacer-m);border-top:1px solid var(--c-border)}.card__footer--between{justify-content:space-between}.stat-card{background-color:var(--c-sidebar);border-radius:var(--radius-xl);padding:var(--spacer-l);border:1px solid var(--c-border);transition:border-color var(--transition-fast),background-color var(--transition-fast)}button.stat-card{cursor:pointer;text-align:left;width:100%;font-family:inherit}button.stat-card:hover{background-color:#16213ecc}button.stat-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}button.stat-card.is-selected{border-width:2px}button.stat-card--critical.is-selected{border-color:var(--c-danger)}button.stat-card--warning.is-selected{border-color:var(--c-warning)}button.stat-card--success.is-selected{border-color:var(--c-success)}.stat-card__header{display:flex;justify-content:space-between;align-items:flex-start}.stat-card__title{margin:0;color:var(--c-text-muted);font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-card__value{margin:var(--spacer-sm) 0 0;font-size:1.75rem;font-weight:600;letter-spacing:-.5px;color:var(--stat-color, var(--c-text))}.stat-card__value--sm{font-size:1.25rem}.stat-card__label{font-size:var(--fs-s);color:var(--c-text);margin-top:var(--spacer-2xs);font-weight:500}.stat-card__icon{color:var(--c-text-subtle)}.stat-card__icon--primary{color:var(--c-primary)}.stat-card__change{font-size:var(--fs-xs);margin-top:var(--spacer-2xs)}.stat-card__change--positive{color:var(--c-success)}.stat-card__change--negative,.stat-card__value--error{color:var(--c-error)}.stat-card__footer{margin-top:var(--spacer-sm);font-size:var(--fs-s);color:var(--c-text-muted)}.stat-card--accent-success{border-left:3px solid var(--c-success)}.stat-card--accent-warning{border-left:3px solid var(--c-warning)}.stat-card--accent-danger{border-left:3px solid var(--c-danger)}.stat-card--accent-primary{border-left:3px solid var(--c-primary)}.stat-card__emoji{font-size:1.1rem}.stat-card__icon{display:inline-flex;align-items:center;justify-content:center}.stat-card__icon-box{padding:var(--spacer-s);background-color:#ffffff1a;border-radius:var(--spacer-s);color:var(--c-text-muted)}.stat-card__icon-box--primary{background-color:#4f8cff26;color:var(--c-primary)}.stat-card__icon-box--success{background-color:#4ade8026;color:var(--c-success)}.stat-card__icon-box--warning{background-color:#fbbf2426;color:var(--c-warning)}.stat-card__icon-box--danger{background-color:#f8717126;color:var(--c-danger)}.org-card{background-color:var(--c-sidebar);border-radius:var(--radius-xl);border:1px solid var(--c-border);padding:var(--spacer-m);transition:border-color var(--transition-fast)}.org-card:hover{border-color:var(--c-border-light)}.org-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacer-sm)}.org-card__name{margin:0;font-size:1.1rem;font-weight:600;color:var(--c-text)}.org-card__slug{color:var(--c-text-muted);font-size:var(--fs-s);margin-top:var(--spacer-2xs)}.org-card__stats{display:flex;gap:var(--spacer-base);margin-top:var(--spacer-base);padding-top:var(--spacer-base);border-top:1px solid var(--c-border)}.org-card__stat{flex:1;text-align:center}.org-card__stat-value{font-size:1.25rem;font-weight:600;color:var(--c-text)}.org-card__stat-label{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.org-card__stat--link{text-decoration:none;cursor:pointer;border-radius:var(--radius-m);padding:var(--spacer-xs);margin:calc(-1 * var(--spacer-xs));transition:background-color var(--transition-fast)}.org-card__stat--link:hover{background-color:#4f8cff26}.org-card__stat--link:hover .org-card__stat-value{color:var(--c-primary)}.org-card__actions{display:flex;justify-content:flex-end;gap:var(--spacer-sm);margin-top:var(--spacer-base);padding-top:var(--spacer-base);border-top:1px solid var(--c-border)}.card-grid{display:grid;gap:var(--spacer-base);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@layer components{.table-container{container-type:inline-size;background-color:var(--c-sidebar);border-radius:var(--radius-xl);border:1px solid var(--c-border);overflow:hidden}.table{width:100%;border-collapse:collapse}.table__head{background-color:#0003}.table__header{padding:var(--spacer-s) var(--spacer-m);text-align:left;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.table__header--center{text-align:center}.table__header--right{text-align:right}.table__cell{padding:var(--spacer-s) var(--spacer-m);border-bottom:1px solid var(--c-border);color:#fffc;font-size:var(--fs-d)}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__cell--mono{font-family:monospace;color:var(--c-text-muted);font-size:var(--fs-s)}.table__cell--primary{color:var(--c-text);font-weight:500}.table__cell--sm{font-size:var(--fs-s)}.table__cell--actions{white-space:nowrap;display:flex;gap:var(--spacer-s);align-items:center}.table__header--narrow,.table__cell--narrow{width:48px;padding-left:var(--spacer-s);padding-right:var(--spacer-s)}.table__header--actions{width:80px}.table__row{transition:background-color var(--transition-fast)}.table__row:hover{background-color:#ffffff08}.table__row--danger{background-color:#f8717114;border-left:3px solid var(--c-error)}.table__row--danger:hover{background-color:#f871711f}.table__row--warning{background-color:#fbbf240f;border-left:3px solid var(--c-warning)}.table__row--warning:hover{background-color:#fbbf241a}.table__row:last-child .table__cell{border-bottom:none}.table__empty{padding:var(--spacer-3xl) var(--spacer-m);text-align:center;color:var(--c-text-muted)}.table__empty-icon{margin-bottom:var(--spacer-sm);color:var(--c-text-subtle)}.table__empty-text{color:var(--c-text-subtle);font-size:var(--fs-s);margin-top:var(--spacer-xs)}.table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table__header--sortable:hover{color:var(--c-text)}.table-actions{display:flex;justify-content:flex-end;gap:var(--spacer-s);margin-bottom:var(--spacer-m)}.resource-indicators{display:flex;gap:var(--spacer-s)}.resource-indicator{display:flex;align-items:center;gap:4px;min-width:70px}.resource-indicator__label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--c-text-muted);width:28px;flex-shrink:0}.resource-indicator__bar{width:40px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;flex-shrink:0}.resource-indicator__fill{height:100%;border-radius:3px;transition:width .3s ease}.resource-indicator--normal .resource-indicator__fill{background:var(--c-accent)}.resource-indicator--warning .resource-indicator__fill{background:var(--c-warning)}.resource-indicator--critical .resource-indicator__fill{background:var(--c-error)}.resource-indicator__value{font-size:11px;font-weight:500;width:28px;text-align:right;flex-shrink:0}.resource-indicator--normal .resource-indicator__value{color:var(--c-accent)}.resource-indicator--warning .resource-indicator__value{color:var(--c-warning)}.resource-indicator--critical .resource-indicator__value{color:var(--c-error)}.resource-indicator--empty .resource-indicator__value{color:var(--c-text-subtle)}}@layer components{@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background-color:#ffffff1a;border-radius:var(--radius-s);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:16px;width:100%}.skeleton--text-sm{height:12px}.skeleton--text-lg{height:28px}.skeleton--circle{border-radius:50%}.skeleton--card{height:120px;border-radius:var(--radius-xl)}.empty-state{text-align:center;padding:var(--spacer-3xl) var(--spacer-m);color:var(--c-text-muted)}.empty-state__icon{margin-bottom:var(--spacer-sm);color:var(--c-text-subtle)}.empty-state__title{font-size:var(--fs-m);font-weight:500;margin-bottom:var(--spacer-xs)}.empty-state__text{color:var(--c-text-subtle);font-size:var(--fs-s)}.info-list{display:flex;flex-direction:column;gap:var(--spacer-sm)}.info-list__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacer-xs) 0;border-bottom:1px solid var(--c-border)}.info-list__item:last-child{border-bottom:none}.info-list__label{color:var(--c-text-muted);font-size:var(--fs-s)}.info-list__value{color:var(--c-text);font-weight:500}.progress-bar{height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:4px;transition:width .3s ease;background-color:var(--progress-color, var(--c-primary))}.divider{height:1px;background-color:var(--c-border);margin:var(--spacer-m) 0}.divider--light{background-color:var(--c-border-light)}.link{color:var(--c-primary);text-decoration:none;transition:color var(--transition-fast)}.link:hover{text-decoration:underline}.link--muted{color:var(--c-text-muted)}.link--muted:hover{color:var(--c-text)}}@layer components{.slide-panel{position:fixed;inset:0;z-index:var(--z-modal);display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.slide-panel--open{opacity:1;pointer-events:auto}.slide-panel:before{content:"";position:absolute;inset:0;background-color:#00000080}.slide-panel__content{position:relative;width:100%;max-width:var(--panel-width, 480px);height:100%;background-color:var(--c-bg);border-left:1px solid var(--c-border);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-medium);overflow:hidden;container-type:inline-size}.slide-panel--open .slide-panel__content{transform:translate(0)}.slide-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacer-m);padding:var(--spacer-base) var(--spacer-l);border-bottom:1px solid var(--c-border);flex-shrink:0}.slide-panel__header hgroup{min-width:0}.slide-panel__title{font-size:var(--fs-l);font-weight:600;margin:0;color:var(--c-text)}.slide-panel__subtitle{margin:var(--spacer-2xs) 0 0;font-size:var(--fs-s);color:var(--c-text-muted)}.slide-panel__body{flex:1;overflow-y:auto;padding:var(--spacer-l)}.slide-panel__section{margin-block-start:var(--spacer-l)}.slide-panel__section:first-child{margin-block-start:0}.slide-panel__section-title{font-size:var(--fs-d);font-weight:600;margin:0 0 var(--spacer-base);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em}.slide-panel__actions{margin-bottom:var(--spacer-l);padding-bottom:var(--spacer-l);border-bottom:1px solid var(--c-border)}@container (max-width: 400px){.slide-panel__header{padding:var(--spacer-sm) var(--spacer-base)}.slide-panel__body{padding:var(--spacer-base)}}}@layer components{.stats-grid{container-type:inline-size;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacer-m)}.stats-grid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid--3col{grid-template-columns:repeat(3,1fr)}.stats-grid--4col{grid-template-columns:repeat(4,1fr)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacer-m)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-m)}.page-header{container-type:inline-size;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacer-base)}.page-header__title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.page-header__subtitle{color:var(--c-text-muted);font-size:var(--fs-d);margin-top:var(--spacer-2xs)}.page-header__actions{display:flex;gap:var(--spacer-sm);align-items:center}.page-header__title-row{display:flex;align-items:center;gap:var(--spacer-base)}.page-header__icon{width:48px;height:48px;background-color:var(--c-sidebar);border-radius:var(--radius-l);display:flex;align-items:center;justify-content:center;color:var(--c-primary)}.filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacer-sm)}.filter-bar__search{flex:1;max-width:300px}.filter-bar__buttons{display:flex;gap:var(--spacer-xs)}.time-filter{display:flex;gap:var(--spacer-xs);background-color:#ffffff0d;padding:var(--spacer-2xs);border-radius:var(--radius-l)}.section{margin-bottom:var(--spacer-xl)}.section__title{font-size:var(--fs-m);font-weight:600;margin:0 0 var(--spacer-m);color:var(--c-text)}.section__subtitle{color:var(--c-text-muted);font-size:var(--fs-s);margin-top:var(--spacer-2xs)}.tabs{display:flex;gap:var(--spacer-2xs);margin-bottom:var(--spacer-m);border-bottom:1px solid var(--c-border);padding-bottom:0}.tab{padding:var(--spacer-sm) var(--spacer-m);font-size:var(--fs-d);font-weight:500;color:var(--c-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tab:hover{color:var(--c-text)}.tab.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary)}}@layer components{.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--c-bg);padding:var(--spacer-m)}.login-card{width:100%;max-width:400px;background-color:var(--c-sidebar);border-radius:var(--radius-xl);padding:var(--spacer-2xl);border:1px solid var(--c-border)}.login-card__logo{text-align:center;margin-bottom:var(--spacer-xl)}.login-card__icon{color:var(--c-primary);display:flex;justify-content:center;margin-bottom:var(--spacer-m)}.login-card__title{font-size:var(--fs-l);font-weight:600;text-align:center;margin:0 0 var(--spacer-xs);color:var(--c-text)}.login-card__subtitle{color:var(--c-text-muted);text-align:center;font-size:var(--fs-d);margin:0}.login-card__content{margin-top:var(--spacer-xl)}.login-card__footer{text-align:center;margin-top:var(--spacer-m)}.breadcrumb{margin-bottom:var(--spacer-m)}.breadcrumb__link{color:var(--c-primary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacer-2xs);font-size:var(--fs-s)}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__icon--back{transform:rotate(180deg);display:inline-block}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-l)}.detail-header__title{margin:0 0 var(--spacer-2xs);font-size:1.5rem;font-weight:600;color:var(--c-text);letter-spacing:-.5px}.detail-header__subtitle{color:var(--c-text-muted);font-family:monospace;font-size:var(--fs-s)}.detail-header__meta{display:flex;align-items:center;gap:var(--spacer-xs);flex-wrap:wrap}.detail-header__separator{color:var(--c-text-muted);opacity:.5}.detail-header__url{color:var(--c-primary);font-size:var(--fs-s);text-decoration:none;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-header__url:hover{text-decoration:underline}.detail-header__badges,.detail-header__actions{display:flex;gap:var(--spacer-xs);align-items:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacer-m)}.info-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-item__label{color:var(--c-text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacer-2xs)}.info-item__value{color:var(--c-text);font-size:var(--fs-s)}.info-item__value--mono{font-family:monospace;color:var(--c-text-muted);font-size:.85rem}.info-item__value--with-action{display:flex;align-items:center;gap:var(--spacer-s)}.org-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacer-2xs)}.org-list__item{padding:var(--spacer-2xs) var(--spacer-s);background-color:#ffffff0d;border-radius:var(--radius-s);font-size:var(--fs-s)}.stats-row{display:flex;gap:var(--spacer-l);flex-wrap:wrap}.stat-item{flex:1 1 150px;text-align:center}.stat-item--compact{flex:1 1 120px}.stat-value--primary{color:var(--c-primary)}.stat-value--teal{color:var(--c-cyan)}.stat-value--orange{color:var(--c-warning)}.stat-value--lg{font-size:1.25rem}.live-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacer-m);margin-bottom:var(--spacer-l)}.live-panel__section{background-color:#4ade8014;border-radius:var(--radius-l);padding:var(--spacer-base);border:1px solid rgba(74,222,128,.2)}.live-panel__section--bots{background-color:#fbbf2414;border-color:#fbbf2433}.live-panel__header{display:flex;align-items:center;gap:var(--spacer-xs);margin-bottom:var(--spacer-sm)}.live-panel__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacer-sm)}.live-panel__stat{text-align:center}.live-panel__stat-value{font-size:1.5rem;font-weight:700}.live-panel__stat-value--success{color:var(--c-success)}.live-panel__stat-value--warning{color:var(--c-warning)}.live-panel__stat-label{font-size:var(--fs-xs);color:var(--c-text-muted)}.server-filter-bar{display:flex;align-items:center;gap:var(--spacer-m);padding:var(--spacer-sm) var(--spacer-base);margin-bottom:var(--spacer-m);background-color:#4f8cff1a;border:1px solid rgba(79,140,255,.2);border-radius:var(--radius-l)}.server-filter-bar__label{font-size:var(--fs-s);color:var(--c-text-muted);white-space:nowrap}.server-filter-bar__buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-xs)}.server-filter-bar__group{display:flex;align-items:center;gap:var(--spacer-sm)}.server-filter-bar__group+.server-filter-bar__group{padding-left:var(--spacer-m);border-left:1px solid rgba(79,140,255,.3)}.filter-notice{padding:var(--spacer-xs) var(--spacer-sm);background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-m);font-size:var(--fs-s);color:var(--c-warning)}@media(max-width:640px){.server-filter-bar{flex-direction:column;align-items:flex-start}}.server-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacer-base)}.server-card{padding:var(--spacer-base) var(--spacer-m);background-color:#0003;border-radius:var(--radius-l);border-left:3px solid rgba(255,255,255,.2);cursor:pointer;transition:all var(--transition-fast)}.server-card:hover{background-color:#ffffff0d}.server-card.is-selected{background-color:#4f8cff26;border-left-color:var(--c-primary)}.server-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-sm)}.server-card__name{font-weight:600;color:var(--c-text);font-size:.95rem}.server-card__link{color:var(--c-primary);font-size:var(--fs-xs);text-decoration:none}.server-card__link:hover{text-decoration:underline}.server-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacer-sm)}.iis-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacer-base)}.iis-status-card{padding:var(--spacer-base);background-color:#0003;border-radius:var(--radius-l);border-left:3px solid rgba(255,255,255,.2)}.iis-status-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-sm);padding-bottom:var(--spacer-sm);border-bottom:1px solid rgba(255,255,255,.1)}.iis-status-card__server{font-weight:600;color:var(--c-text);font-size:.95rem}.iis-status-card__badges{display:flex;gap:var(--spacer-xs)}.iis-status-card__details{display:flex;flex-direction:column;gap:var(--spacer-xs);margin:0}.iis-status-card__label,.iis-status-card__value{margin:0}.iis-status-card__row{display:flex;justify-content:space-between;align-items:center}.iis-status-card__label{font-size:var(--fs-s);color:var(--c-text-muted)}.iis-status-card__value{font-size:var(--fs-s);color:var(--c-text);font-weight:500}.iis-status-card__footer{margin-top:var(--spacer-sm);padding-top:var(--spacer-xs);border-top:1px solid rgba(255,255,255,.05)}.chart-container{height:200px}.chart-container--sm{height:80px}.chart-container--md{height:140px}.chart-container--lg{height:250px}.chart-container--180{height:180px}.server-badge{padding:var(--spacer-sm) 18px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-l);text-decoration:none;color:var(--c-text);font-size:var(--fs-s);font-weight:500;transition:background-color var(--transition-fast)}.server-badge:hover{background-color:#ffffff1a}.task-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacer-m)}.task-card{background-color:#ffffff08;border-radius:var(--radius-l);padding:var(--spacer-m);border-left:3px solid var(--c-border)}.task-card--success{border-left-color:var(--c-success)}.task-card--failed{border-left-color:var(--c-danger)}.task-card--running{border-left-color:var(--c-info)}.task-card--disabled{border-left-color:var(--c-text-subtle)}.task-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacer-sm);margin-bottom:var(--spacer-m)}.task-card__name{margin:0;font-size:var(--fs-m);font-weight:600;color:var(--c-text);line-height:1.3}.task-card__times{display:flex;justify-content:space-between;gap:var(--spacer-m)}.task-card__time-block{flex:1}.task-card__time-block--right{text-align:right}.task-card__time-label{display:block;font-size:var(--fs-xs);color:var(--c-text-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacer-xs)}.task-card__time-relative{display:block;font-size:var(--fs-s);color:var(--c-text);font-weight:500}.task-card__time-absolute{display:block;font-size:var(--fs-xs);color:var(--c-text-subtle);margin-top:2px}.task-card__error{margin-top:var(--spacer-m);padding:var(--spacer-sm);background:#f871711a;border-radius:var(--radius-m);font-size:var(--fs-xs);color:var(--c-danger)}.status-code-badge{padding:var(--spacer-sm) 18px;background-color:#ffffff0d;border-radius:var(--radius-l);min-width:100px;border:1px solid transparent}.status-code-badge--2xx{border-color:#4ade804d}.status-code-badge--2xx .status-code-badge__code{color:var(--c-success)}.status-code-badge--3xx{border-color:#22d3ee4d}.status-code-badge--3xx .status-code-badge__code{color:var(--c-cyan)}.status-code-badge--4xx{border-color:#fbbf244d}.status-code-badge--4xx .status-code-badge__code{color:var(--c-warning)}.status-code-badge--5xx{border-color:#f871714d}.status-code-badge--5xx .status-code-badge__code{color:var(--c-danger)}.status-code-badge__code{font-size:1.5rem;font-weight:600;color:var(--c-text-muted)}.status-code-badge__count{color:var(--c-text-muted);font-size:.85rem}.live-indicator{display:flex;align-items:center;gap:var(--spacer-2xs);padding:var(--spacer-2xs) var(--spacer-sm);background-color:#4ade8026;border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--c-success)}.live-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background-color:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.clear-filter-btn{background:none;border:none;color:var(--c-primary);cursor:pointer;text-decoration:underline;font-size:.8rem}.bot-tag{margin-left:var(--spacer-xs);padding:2px 6px;font-size:.65rem;background-color:#fbbf2433;color:var(--c-warning);border-radius:var(--radius-s)}.section-heading--sm{font-size:.85rem}.status-text{font-weight:600}.table__row--muted{opacity:.6}.filter-label{font-weight:400;font-size:.85rem;margin-left:var(--spacer-xs)}.footer-hint{font-size:.75rem}.live-panel__header-icon{display:flex;align-items:center}.live-panel__header-icon--success{color:var(--c-success)}.live-panel__header-icon--warning{color:var(--c-warning)}.stat-card__icon--success{color:var(--c-success)}.stat-card__icon--warning{color:var(--c-warning)}.stat-card__title--success{color:var(--c-success)}.stat-card__title--warning{color:var(--c-warning)}.stat-card__value--success{color:var(--c-success)}.stat-card__value--warning{color:var(--c-warning)}.stat-card__value--primary{color:var(--c-primary)}.stat-card__value--danger{color:var(--c-danger)}.stat-card__value--muted{color:var(--c-text-muted)}.search-input--sm{max-width:300px}.table-container--borderless{border:none}.live-rps{color:var(--c-primary);font-size:1.1rem;font-weight:600}.site-slug{font-size:var(--fs-xs);margin-top:var(--spacer-2xs)}.resource-gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacer-m);margin-bottom:var(--spacer-l)}.resource-gauge{text-align:center}.resource-gauge__ring{position:relative;width:120px;height:120px;margin:0 auto}.resource-gauge__svg{transform:rotate(-90deg)}.resource-gauge__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.resource-gauge__percent{font-size:1.5rem;font-weight:600;color:var(--c-text)}.resource-gauge__label{color:var(--c-text-muted);font-size:.85rem;margin-top:var(--spacer-xs)}.network-stats{padding:var(--spacer-m);background-color:#0003;border-radius:var(--radius-xl)}.network-stats__grid{display:flex;justify-content:center;gap:var(--spacer-l)}.network-stats__item{text-align:center}.network-stats__direction{font-size:var(--fs-xs);margin-bottom:var(--spacer-2xs)}.network-stats__direction--in{color:var(--c-success)}.network-stats__direction--out{color:var(--c-danger)}.network-stats__value{color:var(--c-text);font-weight:600;font-size:1.1rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacer-m)}.health-section{background-color:#0003;border-radius:var(--radius-l);padding:var(--spacer-base)}.health-section__title{color:var(--c-text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacer-sm)}.health-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-sm)}.health-metric__label{color:var(--c-text-muted);font-size:.7rem;margin-bottom:var(--spacer-2xs)}.health-metric__value{font-weight:600;font-size:1.1rem}.health-metric__value--normal{color:var(--c-text)}.health-metric__value--sm{font-size:.95rem;font-weight:500}.disk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacer-m)}.disk-card{text-align:center;cursor:pointer;padding:var(--spacer-base);border-radius:var(--radius-xl);background-color:#0003;border:2px solid transparent;transition:all var(--transition-fast)}.disk-card.is-selected{background-color:#4f8cff26;border-color:var(--c-primary)}.disk-card__chart{width:120px;height:120px;margin:0 auto;position:relative}.disk-card__percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:600}.disk-card__info{margin-top:var(--spacer-sm)}.disk-card__name{font-weight:600;color:var(--c-text);font-size:.95rem}.disk-card__size{color:var(--c-text-muted);font-size:.8rem;margin-top:var(--spacer-2xs)}.disk-history{margin-top:var(--spacer-base);border-top:1px solid var(--c-border);padding-top:var(--spacer-m)}.disk-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-base);flex-wrap:wrap;gap:var(--spacer-sm)}.disk-history__title{margin:0;font-size:var(--fs-s);font-weight:500;color:var(--c-text-secondary)}.site-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacer-sm)}.site-card{display:block;padding:var(--spacer-base);background-color:#0003;border-radius:var(--radius-l);border-left:3px solid var(--c-text-subtle);text-decoration:none;transition:background-color var(--transition-fast)}.site-card:hover{background-color:#4f8cff26}.site-card--started{border-left-color:var(--c-success)}.site-card--stopped{border-left-color:var(--c-danger)}.site-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-xs)}.site-card__name{display:inline-flex;align-items:center;gap:var(--spacer-2xs);font-weight:600;color:var(--c-text);font-size:.95rem}.site-card__status{padding:3px 10px;border-radius:12px;font-size:var(--fs-xs);font-weight:500}.site-card__binding{color:var(--c-text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacer-sm);margin-bottom:var(--spacer-m)}.service-card{padding:var(--spacer-sm) var(--spacer-base);background-color:#0003;border-radius:var(--radius-l);border-left:3px solid var(--c-text-subtle);cursor:pointer;transition:background-color var(--transition-fast)}.service-card:hover{background-color:#ffffff0d}.service-card.is-selected{background-color:#4f8cff26}.service-card--running{border-left-color:var(--c-success)}.service-card--stopped{border-left-color:var(--c-danger)}.service-card--pending{border-left-color:var(--c-warning)}.service-card__name{font-weight:500;color:var(--c-text);font-size:.85rem;margin-bottom:var(--spacer-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card__footer{display:flex;justify-content:space-between;align-items:center}.service-card__memory{color:var(--c-text-muted);font-size:.7rem}.tabs{display:flex;gap:var(--spacer-xs);margin-bottom:var(--spacer-l)}.tab-btn{padding:var(--spacer-s) var(--spacer-l);border-radius:var(--radius-l);border:none;cursor:pointer;font-size:var(--fs-s);font-weight:600;background-color:#ffffff1a;color:var(--c-text-muted);transition:all var(--transition-fast)}.tab-btn:hover{background-color:#ffffff26}.tab-btn.is-active{background-color:var(--c-primary);color:var(--c-text)}.panel-controls{display:flex;gap:var(--spacer-sm);align-items:center}.panel-select{padding:var(--spacer-xs) var(--spacer-sm);background-color:#0000004d;border:1px solid var(--c-border);border-radius:var(--radius-m);color:var(--c-text);font-size:.85rem;outline:none;cursor:pointer}.panel-select option{background-color:var(--c-sidebar)}.metric-toggles{display:flex;gap:var(--spacer-xs)}.metric-toggle{display:flex;align-items:center;gap:var(--spacer-xs);padding:var(--spacer-xs) var(--spacer-sm);background-color:#0000004d;border:1px solid var(--c-border);border-radius:var(--radius-m);color:var(--c-text-muted);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.metric-toggle:hover{background-color:#ffffff0d}.metric-toggle.is-active{border-color:var(--toggle-color);color:var(--c-text)}.metric-toggle__dot{width:8px;height:8px;border-radius:50%;background-color:var(--c-text-subtle);transition:background-color var(--transition-fast)}.metric-toggle.is-active .metric-toggle__dot{background-color:var(--toggle-color)}.toggle{width:44px;height:24px;border-radius:12px;background-color:#fff3;cursor:pointer;position:relative;transition:background-color .2s;flex-shrink:0;border:none;padding:0;margin:0;appearance:none;-webkit-appearance:none}.toggle.is-enabled{background-color:var(--c-success)}.toggle__knob{width:20px;height:20px;border-radius:50%;background-color:var(--c-text);position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #0000004d}.toggle.is-enabled .toggle__knob{left:22px}.discovery-panel__header{position:sticky;top:0;background-color:var(--c-sidebar);padding-bottom:var(--spacer-s);margin-bottom:var(--spacer-s);z-index:1;display:flex;flex-direction:column;gap:var(--spacer-s)}.discovery-search{position:relative}.discovery-search .form-input{width:100%;padding-right:32px}.discovery-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-text-muted);font-size:18px;cursor:pointer;padding:4px;line-height:1}.discovery-search__clear:hover{color:var(--c-text)}.discovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-m)}.discovery-header__info{display:flex;flex-direction:column;gap:var(--spacer-2xs)}.discovery-header__title{margin:0;font-size:var(--fs-m);font-weight:600;color:var(--c-text)}.discovery-header__count{color:var(--c-text-muted);font-size:.85rem}.discovery-actions{display:flex;gap:var(--spacer-xs)}.discovery-filters{display:flex;gap:var(--spacer-xs);flex-wrap:wrap}.discovery-panel>.discovery-filters{margin-bottom:var(--spacer-m)}.discovery-group{margin-bottom:var(--spacer-l)}.discovery-group__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-sm)}.discovery-group__title{margin:0;font-size:var(--fs-s);font-weight:500;color:var(--c-text-secondary)}.discovery-group__actions{display:flex;gap:var(--spacer-xs)}.discovery-list{display:grid;gap:var(--spacer-sm)}.discovery-list--services{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.discovery-list--disks{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.discovery-item{padding:var(--spacer-base);background-color:#0003;border-radius:var(--radius-l);border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--spacer-base)}.discovery-item--compact{padding:var(--spacer-sm);gap:var(--spacer-sm)}.discovery-item.is-selected{background-color:#4f8cff1a;border-color:#4f8cff4d}.discovery-item__checkbox{margin-top:var(--spacer-2xs);cursor:pointer}.discovery-item__content{flex:1;min-width:0}.discovery-item__header{display:flex;align-items:center;gap:var(--spacer-xs);margin-bottom:var(--spacer-2xs)}.discovery-item__name{font-weight:500;color:var(--c-text);font-size:.95rem}.discovery-item__name--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-item__id{color:var(--c-text-muted);font-size:.8rem;margin-bottom:var(--spacer-2xs)}.discovery-item__meta{color:var(--c-text-subtle);font-size:var(--fs-xs)}.discovery-item__meta--mono{font-family:monospace}.discovery-item__link{display:flex;align-items:center;gap:var(--spacer-sm);margin-top:var(--spacer-xs);padding-top:var(--spacer-xs);border-top:1px solid rgba(255,255,255,.1)}.discovery-item__link-label{color:var(--c-text-muted);font-size:var(--fs-xs);white-space:nowrap}.discovery-item__link select{min-width:150px;max-width:250px}.discovery-item__link-status{color:var(--c-text-subtle);font-size:var(--fs-xs);font-style:italic}.profile-content{display:grid;gap:var(--spacer-l);max-width:800px}.preferences-section{display:flex;flex-direction:column;gap:var(--spacer-l)}.preference-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-m)}.preference-item--stacked{flex-direction:column;align-items:flex-start}.preference-item__info{flex:1}.preference-item__label{font-weight:500;color:var(--c-text);margin-bottom:var(--spacer-2xs)}.preference-item__description{color:var(--c-text-muted);font-size:var(--fs-s)}.preference-item__options{display:flex;gap:var(--spacer-xs);margin-top:var(--spacer-sm);flex-wrap:wrap}.settings-content{display:grid;gap:var(--spacer-l);max-width:800px}.org-context-active{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-m);padding:var(--spacer-m);background-color:var(--c-surface-alt);border-radius:var(--radius-m);border:1px solid var(--c-success)}.org-context-active__info{display:flex;align-items:center;gap:var(--spacer-s)}.org-context-active__icon{padding:8px}.org-context-active__label{font-weight:600}.org-context-empty{padding:var(--spacer-m);background-color:var(--c-surface-alt);border-radius:var(--radius-m);text-align:center}.org-list{display:flex;flex-direction:column;gap:var(--spacer-xs)}.org-list__item{display:flex;align-items:center;gap:var(--spacer-s);padding:var(--spacer-s) var(--spacer-m);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--radius-m);cursor:pointer;text-align:left;transition:all var(--transition-fast);width:100%}.org-list__item:hover{border-color:var(--c-primary);background:var(--c-surface)}.org-list__item.is-active{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 10%,var(--c-surface))}.org-list__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--c-surface);border-radius:var(--radius-s);color:var(--c-text-muted)}.org-list__item.is-active .org-list__icon{color:var(--c-success)}.org-list__content{flex:1}.org-list__name{font-weight:500;color:var(--c-text)}.org-list__description{font-size:.85rem;color:var(--c-text-muted)}.about-list{margin:0;padding-left:var(--spacer-m);color:var(--c-text-muted)}.about-list li{margin-bottom:var(--spacer-xs)}.about-list li:last-child{margin-bottom:0}.sparkline{display:block}.skeleton--w-sm{width:60px}.skeleton--w-md{width:80px}.skeleton--w-lg{width:150px}.skeleton--icon{width:48px;height:48px;border-radius:12px}.dashboard-grid{display:grid;gap:var(--spacer-l)}.dashboard-grid--two-col{grid-template-columns:2fr 1fr}.dashboard-grid--single{grid-template-columns:1fr}.card__body--chart{height:200px}.at-risk-link{display:flex;align-items:center;gap:var(--spacer-s);border-radius:var(--radius-m);padding:10px 12px;text-decoration:none;transition:background-color var(--transition-fast)}.at-risk-link--warning{background-color:#fbbf241a;border:1px solid rgba(251,191,36,.2)}.at-risk-link--critical{background-color:#f871711a;border:1px solid rgba(248,113,113,.2)}.at-risk-link:hover{filter:brightness(1.1)}.at-risk-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.at-risk-dot--warning{background-color:var(--c-warning)}.at-risk-dot--critical{background-color:var(--c-error)}.at-risk-name{color:var(--c-text);font-size:.85rem}.at-risk-issue{font-size:.75rem}.at-risk-issue--warning{color:var(--c-warning)}.at-risk-issue--critical{color:var(--c-error)}.at-risk-more{font-size:.8rem;padding:var(--spacer-xs);text-decoration:none;text-align:center;color:var(--c-text-muted)}.live-header{display:flex;align-items:center;gap:var(--spacer-xs)}.live-header__dot{width:8px;height:8px;background-color:var(--c-success);border-radius:50%;box-shadow:0 0 8px oklch(from var(--c-success) l c h / .6);animation:pulse 2s ease-in-out infinite}.live-header__subtitle{font-size:.75rem;font-weight:400;margin-left:var(--spacer-xs);color:var(--c-text-subtle)}.live-header__link{margin-left:auto;font-size:.8rem}.live-metric-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacer-s)}.live-metric-card__link{color:var(--c-text);font-size:.95rem;text-decoration:none}.live-metric-card__link:hover{text-decoration:underline}.live-stat{display:flex;align-items:center;gap:var(--spacer-xs)}.live-stat__value{margin:0}.live-stat__value--blue{color:var(--c-accent)}.live-stat__label{margin:0;font-size:.7rem;color:var(--c-text-subtle)}.live-stat__count{margin:0;font-size:1rem;font-weight:500}.live-stat__error{font-size:.75rem;margin-left:var(--spacer-2xs)}.live-totals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacer-m)}@media(max-width:1024px){.live-totals-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.live-totals-grid{grid-template-columns:1fr}}.live-total-card{display:flex;align-items:center;gap:var(--spacer-m);background:var(--c-bg-subtle);border:1px solid var(--c-border-subtle);border-radius:var(--radius-m);padding:var(--spacer-m) var(--spacer-l);color:var(--c-text-muted)}.live-total-card__icon{flex-shrink:0}.live-total-card--success{border-color:oklch(from var(--c-success) l c h / .3);color:var(--c-success)}.live-total-card--warning{border-color:oklch(from var(--c-warning) l c h / .3);color:var(--c-warning)}.live-total-card--danger{border-color:oklch(from var(--c-error) l c h / .3);color:var(--c-error)}.live-total-card__content{display:flex;flex-direction:column;min-width:0}.live-total-card__value{font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--c-text)}.live-total-card--success .live-total-card__value{color:var(--c-success)}.live-total-card--warning .live-total-card__value{color:var(--c-warning)}.live-total-card--danger .live-total-card__value{color:var(--c-error)}.live-total-card__label{font-size:.75rem;color:var(--c-text-muted)}.live-total-card__sub{font-size:.7rem;color:var(--c-text-subtle)}.live-expand-btn{display:flex;align-items:center;gap:var(--spacer-xs);margin-top:var(--spacer-s)}.site-status-link{display:flex;align-items:center;gap:var(--spacer-m);text-decoration:none;margin-bottom:0}.site-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.site-status-dot--up{background-color:var(--c-success);box-shadow:0 0 8px oklch(from var(--c-success) l c h / .4)}.site-status-dot--down{background-color:var(--c-error);box-shadow:0 0 8px oklch(from var(--c-error) l c h / .4)}.site-status-dot--unknown{background-color:var(--c-warning);box-shadow:0 0 8px oklch(from var(--c-warning) l c h / .4)}.site-status-name{margin:0;color:var(--c-text);font-size:.95rem}.site-status-id{margin:3px 0 0;font-size:.75rem;color:var(--c-text-subtle)}.site-status-arrow{font-size:1.2rem;color:var(--c-text-subtle)}.empty-state-card{padding:40px 20px;text-align:center}.empty-state-card__text{margin-top:12px;margin-bottom:4px;font-size:.9rem;color:var(--c-text-muted)}.empty-state-card__subtext{margin:0;font-size:.8rem;color:var(--c-text-subtle)}.search-input--flex{flex:1;min-width:200px;max-width:350px}.btn--capitalize{text-transform:capitalize}.filter-bar__count{margin-left:auto;font-size:.85rem;color:var(--c-text-muted)}.live-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacer-m)}.live-stat-card{background-color:var(--c-sidebar);border-radius:var(--radius-xl);border:1px solid var(--c-border);padding:var(--spacer-base)}.live-stat-card--success{border-left:3px solid var(--c-success)}.live-stat-card--warning{border-left:3px solid var(--c-warning)}.live-stat-card__header{display:flex;align-items:center;gap:var(--spacer-xs);margin-bottom:var(--spacer-sm);color:var(--c-text-muted)}.live-stat-card--success .live-stat-card__header{color:var(--c-success)}.live-stat-card--warning .live-stat-card__header{color:var(--c-warning)}.live-stat-card__title{font-size:var(--fs-s);font-weight:600}.live-stat-card__windows{display:flex;gap:var(--spacer-m)}.live-stat-card__window{display:flex;flex-direction:column;align-items:center}.live-stat-card__label{font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--spacer-2xs)}.live-stat-card__value{font-size:1.5rem;font-weight:700}.live-stat-card--success .live-stat-card__value{color:var(--c-success)}.live-stat-card--warning .live-stat-card__value{color:var(--c-warning)}.live-stat-card__big-value{font-size:2rem;font-weight:700;line-height:1}.live-stat-card__big-value--primary{color:var(--c-primary)}.live-stat-card__big-value--danger{color:var(--c-danger)}.live-stat-card__big-value--muted{color:var(--c-text-muted)}.live-stat-card__big-value--success{color:var(--c-success)}.live-stat-card__big-value--warning{color:var(--c-warning)}.live-stat-card__subtext{font-size:.75rem;color:var(--c-text-muted);margin-top:.25rem}.section-label{display:flex;align-items:center;gap:var(--spacer-xs);font-size:.875rem}.live-stats-grid--compact{gap:var(--spacer-m)}.live-stats-grid--compact .live-stat-card{padding:var(--spacer-m)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-m)}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.pie-chart-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.pie-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pie-chart-center__value{display:block;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.2}.pie-chart-center__label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pie-chart-wrapper .recharts-pie-label-text{fill:var(--c-text)!important}.pie-chart-wrapper .recharts-pie-label-line{stroke:var(--c-text-muted)!important}.pie-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.pie-legend__item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-primary);white-space:nowrap}.pie-legend__dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.pie-legend__label{color:var(--text-secondary)}.live-chart{display:flex;flex-direction:column;width:100%;min-width:0}.live-chart__container{flex:1;min-height:120px;min-width:0;width:100%}.recharts-tooltip-item,.recharts-tooltip-item-name,.recharts-tooltip-item-value,.recharts-tooltip-item-separator{color:#fff!important}.live-chart__container .recharts-wrapper{animation:chartFadeIn .15s ease-out}@keyframes chartFadeIn{0%{opacity:.6}to{opacity:1}}.live-chart__uplot{width:100%;height:100%}.live-chart__labels{display:flex;justify-content:space-between;margin-top:var(--spacer-xs);padding:0 var(--spacer-sm)}.live-chart__label{font-size:var(--fs-xs);color:var(--c-text-subtle)}.live-chart__legend{display:flex;justify-content:center;gap:var(--spacer-l);margin-top:var(--spacer-sm)}.live-chart__legend-item{display:flex;align-items:center;gap:var(--spacer-xs);font-size:var(--fs-xs);color:var(--c-text-muted)}.live-chart__legend-dot{width:10px;height:10px;border-radius:50%}.live-chart__legend-dot--success{background-color:var(--c-success)}.live-chart__legend-dot--warning{background-color:var(--c-warning)}.live-chart__legend-dot--primary{background-color:var(--c-accent)}.live-chart__legend-dot--danger{background-color:var(--c-error)}.table__link{font-weight:500;color:var(--c-text);text-decoration:none}.table__link:hover{text-decoration:underline}.table__link-subtitle{font-size:.75rem;margin-top:2px;color:var(--c-text-subtle)}.investigation-filter__input{max-width:320px}.investigation-filter__group-by{max-width:180px}.investigation-pagination__text{line-height:32px}.server-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-m);flex-shrink:0}.server-icon__os{position:absolute;bottom:-3px;right:-3px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid var(--c-bg);background-color:var(--badge-bg, rgba(255, 255, 255, .1));color:var(--badge-color, var(--c-text-muted))}.server-icon__os.badge--windows{--badge-bg: rgba(0, 120, 215, .3);--badge-color: #4fc3f7}.server-icon__os.badge--linux{--badge-bg: rgba(38, 166, 154, .3);--badge-color: #4db6ac}}@layer components{.log-viewer__filters{display:flex;align-items:center;gap:var(--spacer-m)}.log-viewer__filter-group{display:flex;align-items:center;gap:var(--spacer-sm)}.log-viewer__stats{display:flex;gap:var(--spacer-l);padding:var(--spacer-sm) var(--spacer-base);background-color:#0003;border-top:1px solid var(--c-border);font-size:var(--fs-s);color:var(--c-text-muted)}.log-viewer__stat{display:flex;align-items:center;gap:var(--spacer-xs)}.log-viewer__stat strong{color:var(--c-text)}.log-viewer__body{max-height:60vh;overflow-y:auto;margin-top:var(--spacer-base)}.log-viewer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacer-xl);text-align:center;color:var(--c-text-muted)}.log-viewer__list{font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:var(--fs-s)}.log-entry{display:flex;align-items:center;gap:var(--spacer-sm);padding:var(--spacer-xs) var(--spacer-sm);border-bottom:1px solid var(--c-border);cursor:pointer;transition:background-color var(--transition-fast)}.log-entry:last-child{border-bottom:none}.log-entry:hover{background-color:#4f8cff1a}.log-entry__timestamp{color:var(--c-text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex-shrink:0;width:85px}.log-entry__server,.log-entry__site{display:inline-flex;align-items:center;gap:var(--spacer-2xs);padding:var(--spacer-2xs) var(--spacer-xs);background-color:#ffffff0d;border-radius:var(--radius-s);font-size:var(--fs-xs);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-entry__server{color:var(--c-text)}.log-entry__server svg{color:var(--c-primary);flex-shrink:0}.log-entry__site{color:var(--c-text-muted)}.log-entry__site svg{color:var(--c-success);flex-shrink:0}.log-entry__size{color:var(--c-text-subtle);font-size:var(--fs-xs);margin-left:auto;flex-shrink:0}.log-modal__header{display:flex;align-items:center;gap:var(--spacer-sm)}.log-modal__meta{display:flex;flex-wrap:wrap;gap:var(--spacer-l);margin-bottom:var(--spacer-m);padding:var(--spacer-sm) var(--spacer-base);background-color:#0003;border-radius:var(--radius-l)}.log-modal__payload{margin:0;padding:var(--spacer-base);background-color:var(--c-bg);border-radius:var(--radius-l);border:1px solid var(--c-border);white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,Consolas,monospace;font-size:var(--fs-s);line-height:1.6;max-height:50vh;overflow:auto}@media(max-width:768px){.log-viewer__filters{flex-direction:column;align-items:stretch}.log-entry{flex-wrap:wrap}.log-entry__size{width:100%;margin-left:0;margin-top:var(--spacer-xs)}}}@layer components{.filter-pills{display:flex;flex-wrap:wrap;gap:var(--spacer-m);margin-bottom:var(--spacer-l);padding:var(--spacer-base);background-color:#0003;border-radius:var(--radius-xl)}.filter-pills__group{display:flex;align-items:center;gap:var(--spacer-xs)}.filter-pills__label{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--spacer-xs)}.filter-pill{padding:var(--spacer-xs) var(--spacer-sm);background-color:#ffffff0d;border:1px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-text-muted);font-size:var(--fs-s);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{background-color:#ffffff1a;border-color:var(--c-border-light)}.filter-pill:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.filter-pill--critical:focus-visible{outline-color:var(--c-danger)}.filter-pill--warning:focus-visible{outline-color:var(--c-warning)}.filter-pill.is-active{background-color:var(--c-primary);border-color:var(--c-primary);color:#fff}.filter-pill--critical.is-active{background-color:var(--c-danger);border-color:var(--c-danger)}.filter-pill--warning.is-active{background-color:var(--c-warning);border-color:var(--c-warning);color:var(--c-bg)}.filter-pill--info.is-active{background-color:var(--c-primary);border-color:var(--c-primary)}.alert-cards{display:flex;flex-direction:column;gap:var(--spacer-sm)}.alert-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacer-m);align-items:center;padding:var(--spacer-base);background-color:var(--c-sidebar);border-radius:var(--radius-l);border:1px solid var(--c-border);border-left:4px solid var(--c-border);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.alert-card:hover{background-color:#16213ecc;border-color:var(--c-border-light)}.alert-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.alert-card--critical{border-left-color:var(--c-danger)}.alert-card--warning{border-left-color:var(--c-warning)}.alert-card--info{border-left-color:var(--c-primary)}.alert-card--firing{background-color:#f871711a;border-color:#f871714d}.alert-card--acknowledged{background-color:#fbbf2414;border-color:#fbbf2433}.alert-card--resolved{opacity:.6}.alert-card__severity{display:flex;flex-direction:column;align-items:center;gap:var(--spacer-2xs);min-width:80px}.alert-card__severity-icon{font-size:1.5rem}.alert-card__severity-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;font-weight:700;background-color:#ffffff1a;color:var(--c-text-muted)}.alert-card__severity-badge--critical{background-color:#ef444433;color:var(--c-danger)}.alert-card__severity-badge--warning{background-color:#f59e0b33;color:var(--c-warning)}.alert-card__severity-badge--info{background-color:#3b82f633;color:var(--c-info)}.alert-card__content{min-width:0}.alert-card__header{display:flex;align-items:center;gap:var(--spacer-sm);margin-bottom:var(--spacer-2xs)}.alert-card__rule{font-weight:600;color:var(--c-text);font-size:.95rem}.alert-card__state{font-size:var(--fs-xs);padding:2px 8px;border-radius:var(--radius-s);font-weight:500}.alert-card__state--firing{background-color:#f8717133;color:var(--c-danger)}.alert-card__state--pending{background-color:#fbbf2433;color:var(--c-warning)}.alert-card__state--acknowledged{background-color:#60a5fa33;color:var(--c-primary)}.alert-card__state--resolved{background-color:#4ade8033;color:var(--c-success)}.alert-card__message{color:var(--c-text);font-size:var(--fs-s);margin-bottom:var(--spacer-xs);line-height:1.4}.alert-card__meta{display:flex;gap:var(--spacer-m);font-size:var(--fs-xs);color:var(--c-text-muted)}.alert-card__meta-item{display:flex;align-items:center;gap:var(--spacer-2xs)}.alert-card__link{color:var(--c-primary);text-decoration:none}.alert-card__link:hover{text-decoration:underline}.alert-card__actions{display:flex;flex-direction:column;gap:var(--spacer-xs)}.rule-form{display:flex;flex-direction:column;gap:var(--spacer-l)}.rule-form__section{padding:var(--spacer-base);background-color:#00000026;border-radius:var(--radius-l)}.rule-form__section-title{font-size:var(--fs-s);font-weight:600;color:var(--c-text);margin-bottom:var(--spacer-base);display:flex;align-items:center;gap:var(--spacer-xs)}.rule-form__section-title:before{content:"";width:3px;height:16px;background-color:var(--c-primary);border-radius:2px}.rule-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacer-base)}.rule-form__row--two{grid-template-columns:1fr 1fr}.rule-form__row--three{grid-template-columns:1fr 1fr 1fr}.rule-form__category-label{font-size:var(--fs-xs);font-weight:500;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacer-base);margin-bottom:var(--spacer-xs)}.rule-form__category-label:first-of-type{margin-top:0}.alert-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacer-sm)}@media(max-width:800px){.alert-type-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.alert-type-grid{grid-template-columns:repeat(2,1fr)}}.alert-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacer-2xs);padding:var(--spacer-sm) var(--spacer-xs);background-color:#ffffff0d;border:2px solid var(--c-border);border-radius:var(--radius-l);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.alert-type-card:hover{background-color:#ffffff1a;border-color:var(--c-border-light)}.alert-type-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.alert-type-card.is-selected{background-color:#4f8cff33;border-color:var(--c-primary)}.alert-type-card:disabled{opacity:.5;cursor:not-allowed}.alert-type-card__icon{display:flex;align-items:center;justify-content:center;color:var(--c-text)}.alert-type-card__label{font-size:var(--fs-s);color:var(--c-text);font-weight:600;line-height:1.2}.alert-type-card__category{font-size:var(--fs-xs);color:var(--c-text-muted)}.severity-selector{display:flex;gap:var(--spacer-xs)}.severity-option{flex:1;padding:var(--spacer-sm) var(--spacer-base);background-color:#ffffff08;border:2px solid transparent;border-radius:var(--radius-l);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.severity-option:hover{background-color:#ffffff14}.severity-option:focus-visible{outline:2px solid currentColor;outline-offset:2px}.severity-option.is-selected{border-color:currentColor}.severity-option--critical{color:var(--c-danger)}.severity-option--critical.is-selected{background-color:#f8717126}.severity-option--warning{color:var(--c-warning)}.severity-option--warning.is-selected{background-color:#fbbf2426}.severity-option--info{color:var(--c-primary)}.severity-option--info.is-selected{background-color:#60a5fa26}.threshold-builder{display:flex;align-items:center;gap:var(--spacer-sm);padding:var(--spacer-base);background-color:#0003;border-radius:var(--radius-l);flex-wrap:wrap}.threshold-builder__text{color:var(--c-text-muted);font-size:var(--fs-s)}.threshold-builder__input{width:80px;padding:var(--spacer-xs) var(--spacer-sm);background-color:var(--c-bg);border:1px solid var(--c-border-light);border-radius:var(--radius-m);color:var(--c-text);font-size:var(--fs-d);text-align:center}.threshold-builder__select{padding:var(--spacer-xs) var(--spacer-sm);background-color:var(--c-bg);border:1px solid var(--c-border-light);border-radius:var(--radius-m);color:var(--c-text);font-size:var(--fs-d)}.advanced-toggle{display:flex;align-items:center;gap:var(--spacer-sm);padding:var(--spacer-sm) 0;cursor:pointer;color:var(--c-text-muted);font-size:var(--fs-s);border:none;background:none;width:100%}.advanced-toggle:hover{color:var(--c-text)}.advanced-toggle:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.advanced-toggle__icon{transition:transform var(--transition-fast)}.advanced-toggle__icon.is-expanded{transform:rotate(90deg)}.advanced-settings{overflow:hidden;transition:max-height .3s ease}.advanced-settings.is-collapsed{max-height:0}.advanced-settings.is-expanded{max-height:500px}.template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacer-sm)}.template-card{padding:var(--spacer-base);background-color:#ffffff08;border:1px solid var(--c-border);border-radius:var(--radius-l);cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{background-color:#ffffff14;border-color:var(--c-primary)}.template-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.template-card__name{font-weight:600;color:var(--c-text);margin-bottom:var(--spacer-2xs)}.template-card__desc{font-size:var(--fs-xs);color:var(--c-text-muted)}.alerts-empty{text-align:center;padding:var(--spacer-2xl) var(--spacer-l)}.alerts-empty__icon{font-size:3rem;margin-bottom:var(--spacer-base);opacity:.5}.alerts-empty__title{font-size:var(--fs-m);font-weight:600;color:var(--c-text);margin-bottom:var(--spacer-xs)}.alerts-empty__text{color:var(--c-text-muted);font-size:var(--fs-s)}.maintenance-banner{display:flex;align-items:center;gap:var(--spacer-sm);padding:var(--spacer-sm) var(--spacer-base);margin-bottom:var(--spacer-l);background-color:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-l);color:var(--c-warning);font-size:var(--fs-s)}.maintenance-banner__text{color:var(--c-text)}.maintenance-banner__items{color:var(--c-text-muted)}.maintenance-banner__item{font-weight:500}.maintenance-banner__more{margin-left:var(--spacer-2xs);font-style:italic}.maintenance-banner__note{color:var(--c-text-muted);font-size:var(--fs-xs);margin-left:auto}.maintenance-btn{padding:var(--spacer-xs) var(--spacer-sm);min-width:36px;display:flex;align-items:center;justify-content:center}.maintenance-btn--active{animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.alert-detail-card{padding:var(--spacer-xl);background-color:var(--c-sidebar);border-radius:var(--radius-xl);border:1px solid var(--c-border);border-left:4px solid var(--c-border)}.alert-detail-card--critical{border-left-color:var(--c-danger)}.alert-detail-card--warning{border-left-color:var(--c-warning)}.alert-detail-card--info{border-left-color:var(--c-primary)}.alert-detail-card--resolved{opacity:.8;border-left-color:var(--c-success)}.alert-detail-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacer-base)}.alert-detail-card__title{display:flex;gap:var(--spacer-xs)}.alert-detail-card__id{color:var(--c-text-muted);font-size:var(--fs-s)}.alert-detail-card__name{font-size:var(--fs-l);font-weight:600;color:var(--c-text);margin:0 0 var(--spacer-xs) 0}.alert-detail-card__scope{color:var(--c-text-muted);font-size:var(--fs-s);margin-bottom:var(--spacer-base)}.alert-detail-card__message{padding:var(--spacer-base);background-color:#0003;border-radius:var(--radius-l);color:var(--c-text);font-size:var(--fs-d);line-height:1.5;margin-bottom:var(--spacer-l)}.alert-detail-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacer-base);margin-bottom:var(--spacer-l)}.alert-detail-card__field{padding:var(--spacer-sm);background-color:#00000026;border-radius:var(--radius-m)}.alert-detail-card__label{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacer-2xs)}.alert-detail-card__value{color:var(--c-text);font-size:var(--fs-d);font-weight:500}.alert-detail-card__actions{display:flex;gap:var(--spacer-sm);padding-top:var(--spacer-base);border-top:1px solid var(--c-border)}.alert-badge{display:inline-block;padding:var(--spacer-2xs) var(--spacer-sm);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase}.alert-badge--critical{background-color:#ef444433;color:var(--c-danger)}.alert-badge--warning{background-color:#f59e0b33;color:var(--c-warning)}.alert-badge--info{background-color:#3b82f633;color:var(--c-primary)}.alert-badge--firing{background-color:#f8717133;color:var(--c-danger)}.alert-badge--pending{background-color:#fbbf2433;color:var(--c-warning)}.alert-badge--acknowledged{background-color:#60a5fa33;color:var(--c-primary)}.alert-badge--resolved{background-color:#4ade8033;color:var(--c-success)}@media(max-width:640px){.filter-pills{flex-direction:column;gap:var(--spacer-sm)}.filter-pills__group{flex-wrap:wrap}.alert-card{grid-template-columns:1fr;gap:var(--spacer-sm)}.alert-card__severity{flex-direction:row;justify-content:flex-start}.alert-card__actions{flex-direction:row}.rule-form__row--two,.rule-form__row--three{grid-template-columns:1fr}.alert-detail-card{padding:var(--spacer-base)}.alert-detail-card__grid{grid-template-columns:1fr}.alert-detail-card__actions{flex-direction:column}}}@layer responsive{@media(max-width:1024px){body.app-layout{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.sidebar{width:var(--sidebar-width-collapsed)}.sidebar__logo-text,.sidebar__nav-text,.sidebar__section-title,.sidebar__user-info{display:none}.sidebar__logo{justify-content:center;padding:0}.sidebar__nav-item{justify-content:center;padding:var(--spacer-sm);border-left:none}.sidebar__nav-item--active{background-color:var(--c-primary-hover);border-radius:var(--radius-m);margin:0 var(--spacer-xs)}.sidebar__nav-item{position:relative}.sidebar__nav-item[data-label]:after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:var(--c-sidebar);color:var(--c-text);padding:var(--spacer-xs) var(--spacer-sm);border-radius:var(--radius-m);font-size:var(--fs-s);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:0 2px 8px #0000004d}.sidebar__nav-item[data-label]:hover:after{opacity:1}.sidebar__user,.sidebar__logout-btn{padding:var(--spacer-sm)}.sidebar__logout-btn span{display:none}.main{padding:var(--spacer-l) var(--spacer-base)}}@media(max-width:767px){body.app-layout{grid-template-areas:"main";grid-template-columns:1fr}.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-mobile);transform:translate(-100%);z-index:var(--z-sidebar);border-right:none;box-shadow:4px 0 20px #0000004d}.sidebar--open{transform:translate(0)}.sidebar--open .sidebar__logo-text,.sidebar--open .sidebar__nav-text,.sidebar--open .sidebar__section-title,.sidebar--open .sidebar__user-info{display:block}.sidebar--open .sidebar__logo{justify-content:flex-start;padding:0 var(--spacer-m)}.sidebar--open .sidebar__nav-item{justify-content:flex-start;padding:12px var(--spacer-m);border-left:2px solid transparent;margin:0;border-radius:0}.sidebar--open .sidebar__nav-item--active{border-left-color:var(--c-primary)}.sidebar--open .sidebar__nav-item[data-label]:after{display:none}.sidebar--open .sidebar__user{padding:var(--spacer-m)}.sidebar--open .sidebar__logout-btn{padding:10px 12px}.sidebar--open .sidebar__logout-btn span{display:inline}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.sidebar--open~.sidebar-overlay,.sidebar-overlay--visible{opacity:1;pointer-events:auto}.main{padding:calc(var(--mobile-header-height) + var(--spacer-base)) var(--spacer-base) var(--spacer-base)}}@media(max-width:767px){.modal{width:calc(100% - 2rem);max-width:none;max-height:calc(100vh - 2rem);margin:1rem}.modal--lg{width:calc(100% - 2rem)}}@media(max-width:600px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacer-sm)}.page-header__title{font-size:1.5rem}}@container (max-width: 600px){.table{display:block}.table__head{display:none}tbody{display:flex;flex-direction:column;gap:var(--spacer-sm)}.table__row{display:flex;flex-direction:column;background:var(--c-sidebar);border-radius:var(--radius-l);padding:var(--spacer-base);border:1px solid var(--c-border)}.table__row:hover{background:var(--c-sidebar)}.table__cell{display:flex;justify-content:space-between;align-items:center;padding:var(--spacer-xs) 0;border:none;gap:var(--spacer-sm)}.table__cell:before{content:attr(data-label);font-weight:500;color:var(--c-text-muted);flex-shrink:0;font-size:var(--fs-s)}.table__cell--primary{font-size:1.1rem;font-weight:600;padding-bottom:var(--spacer-sm);border-bottom:1px solid var(--c-border);margin-bottom:var(--spacer-xs)}.table__cell--primary:before{display:none}.table__cell--actions{justify-content:flex-end;padding-top:var(--spacer-sm);border-top:1px solid var(--c-border);margin-top:var(--spacer-xs);flex-wrap:wrap}.table__cell--actions:before{display:none}.table__cell--mono{font-family:var(--font-sans);font-size:var(--fs-s)}.table__cell--center{justify-content:space-between;text-align:right}.table__empty{padding:var(--spacer-xl);text-align:center}}@container (max-width: 500px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@container (max-width: 350px){.stats-grid{grid-template-columns:1fr}}@container (max-width: 400px){.card__header{flex-direction:column;align-items:flex-start;gap:var(--spacer-sm)}.card__actions{width:100%}}@container (max-width: 500px){.discovery-item{flex-direction:column;align-items:flex-start;gap:var(--spacer-sm)}.discovery-item__content{width:100%}.discovery-item .toggle{align-self:flex-end}}@container (max-width: 400px){.modal__footer{flex-direction:column-reverse;gap:var(--spacer-sm)}.modal__footer .btn{width:100%}}@container (max-width: 400px){.discovery-filters{flex-wrap:wrap}.discovery-filters .btn--filter{flex:1 1 auto;min-width:0}}@container (max-width: 500px){.info-grid{grid-template-columns:1fr}}@container (max-width: 700px){.two-col{grid-template-columns:1fr}}@container (max-width: 300px){.stat-card__header{flex-direction:column;align-items:flex-start;gap:var(--spacer-sm)}.stat-card__value{font-size:1.5rem}}}@layer theme{[data-theme=light]{--c-bg: #f8fafc;--c-sidebar: #ffffff;--c-text: #1e293b;--c-text-muted: rgba(30, 41, 59, .7);--c-text-subtle: rgba(30, 41, 59, .5);--c-text-dark: #f8fafc;--c-primary: #3b82f6;--c-primary-hover: rgba(59, 130, 246, .08);--c-border: rgba(0, 0, 0, .08);--c-border-light: rgba(0, 0, 0, .12);--c-success: #22c55e;--c-warning: #f59e0b;--c-error: #ef4444;--c-danger: #dc2626;--c-info: #2563eb;--c-purple: #9333ea;--c-cyan: #0891b2;--c-accent: #3b82f6;--c-secondary: #64748b}[data-theme=light] .sidebar{box-shadow:1px 0 3px #0000000d}[data-theme=light] .card{background-color:var(--c-sidebar);box-shadow:0 1px 3px #00000014}[data-theme=light] .table__row:hover{background-color:#00000005}[data-theme=light] .form-input,[data-theme=light] .form-select{background-color:var(--c-sidebar);border-color:var(--c-border-light)}[data-theme=light] .btn--secondary{background-color:#00000008}[data-theme=light] .btn--icon:hover:not(:disabled){background-color:#0000000d}[data-theme=light] .btn--filter{background-color:#0000000d}[data-theme=light] .badge{--badge-bg: rgba(0, 0, 0, .06)}[data-theme=light] .live-total-card,[data-theme=light] .live-stat-card{background:var(--c-sidebar);border-color:var(--c-border-light)}[data-theme=light] .sidebar-overlay--visible{background-color:#0000004d}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=high-contrast]{--c-bg: #000000;--c-sidebar: #0a0a0a;--c-text: #ffffff;--c-text-muted: rgba(255, 255, 255, .8);--c-text-subtle: rgba(255, 255, 255, .6);--c-border: rgba(255, 255, 255, .3);--c-border-light: rgba(255, 255, 255, .4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer components{.skip-nav{position:absolute;top:-100%;left:var(--spacer-m);z-index:100;padding:var(--spacer-xs) var(--spacer-m);background-color:var(--c-primary);color:#fff;border-radius:var(--radius-m);font-size:var(--fs-s);font-weight:500;text-decoration:none;transition:top var(--transition-fast)}.skip-nav:focus{top:var(--spacer-s)}.sidebar{padding:var(--spacer-m) 0}.sidebar__logo{padding:0 var(--spacer-m);margin-bottom:var(--spacer-xl);display:flex;align-items:center;gap:12px}.sidebar__logo-icon{color:var(--c-primary)}.sidebar__logo-text{font-size:var(--fs-l);margin:0;font-weight:600;letter-spacing:-.5px}.sidebar__org-link{display:flex;align-items:center;gap:var(--spacer-xs);width:100%;padding:var(--spacer-xs) var(--spacer-s);margin-bottom:var(--spacer-s);background-color:transparent;border:1px solid var(--c-border-light);border-radius:var(--radius-sm);color:var(--c-text-muted);font-size:var(--fs-xs);cursor:pointer;transition:all var(--transition-fast);text-align:left}.sidebar__org-link:hover{background-color:var(--c-primary-hover);color:var(--c-text);border-color:var(--c-border)}.sidebar__org-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__org-display{display:flex;align-items:center;gap:var(--spacer-xs);padding:var(--spacer-xs) var(--spacer-s);margin-bottom:var(--spacer-s);background-color:var(--c-primary-hover);border:1px solid var(--c-border-light);border-radius:var(--radius-sm);color:var(--c-text);font-size:var(--fs-xs)}.sidebar__org-display span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__exit-org-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;padding:0;margin-left:auto;background-color:transparent;border:1px solid var(--c-border-light);border-radius:var(--radius-sm);color:var(--c-text-subtle);cursor:pointer;transition:all var(--transition-fast)}.sidebar__exit-org-btn:hover{background-color:#ffffff1a;border-color:var(--c-text-muted);color:var(--c-text)}.sidebar__nav-wrapper{flex:1;overflow-y:auto;min-height:0}.sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:12px var(--spacer-m);color:var(--c-text-muted);text-decoration:none;background-color:transparent;border-left:2px solid transparent;font-size:var(--fs-d);transition:all var(--transition-fast)}.sidebar__nav-item:hover{color:var(--c-text);background-color:var(--c-primary-hover)}.sidebar__nav-item--active{color:var(--c-text);background-color:var(--c-primary-hover);border-left-color:var(--c-primary)}.sidebar__nav-badge{margin-left:auto;padding:2px 6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--c-danger);color:#fff;font-size:.6875rem;font-weight:600;border-radius:var(--radius-pill);line-height:1}.sidebar__section-title{padding:var(--spacer-l) var(--spacer-m) var(--spacer-s);font-size:var(--fs-xs);text-transform:uppercase;color:var(--c-text-subtle);letter-spacing:1px;font-weight:500}.sidebar__user{padding:var(--spacer-m) var(--spacer-m);border-top:1px solid var(--c-border)}.sidebar__user-info{margin-bottom:12px}.sidebar__user-name{font-size:var(--fs-s);font-weight:500;color:#ffffffe6}.sidebar__user-role{font-size:var(--fs-xs);color:var(--c-text-subtle);margin-top:2px}.sidebar__logout-btn{width:100%;padding:10px 12px;background-color:#ffffff0d;border:1px solid var(--c-border-light);border-radius:var(--radius-m);color:var(--c-text-muted);cursor:pointer;font-size:var(--fs-s);display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.sidebar__logout-btn:hover{background-color:var(--c-border-light);color:var(--c-text)}.signalr-status{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-bottom:8px;background-color:transparent;border-radius:4px;font-size:.6875rem}.signalr-status--compact{padding:0;background:none;border:none;margin-bottom:0;margin-left:auto}.signalr-status--compact .signalr-status__dot{width:6px;height:6px}.signalr-status__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.signalr-status__label{color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signalr-status--connected .signalr-status__dot{background-color:#4ade80;box-shadow:0 0 8px #4ade80}.signalr-status--connected .signalr-status__label{color:#4ade80}.signalr-status--connecting .signalr-status__dot{background-color:#fbbf24;animation:signalr-pulse 1.5s ease-in-out infinite}.signalr-status--connecting .signalr-status__label{color:#fbbf24}.signalr-status--reconnecting .signalr-status__dot{background-color:#fbbf24;animation:signalr-pulse 1s ease-in-out infinite}.signalr-status--reconnecting .signalr-status__label{color:#fbbf24}.signalr-status--disconnected .signalr-status__dot{background-color:#f87171}.signalr-status--disconnected .signalr-status__label{color:#f87171}@keyframes signalr-pulse{0%,to{opacity:1}50%{opacity:.4}}.sidebar__nav-text{transition:opacity var(--transition-fast)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border-left:4px solid;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;animation:toast-slide-in .3s ease-out;pointer-events:auto}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast__message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;cursor:pointer;border-radius:4px;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.toast__close:hover{opacity:1;background:#0000001a}.toast--success{background:#dcfce7;border-color:#22c55e;color:#166534}.toast--success .toast__icon{color:#22c55e}.toast--success .toast__close{color:#166534}.toast--success .toast__close:hover{background:#22c55e33}.toast--error{background:#fee2e2;border-color:#ef4444;color:#991b1b}.toast--error .toast__icon{color:#ef4444}.toast--error .toast__close{color:#991b1b}.toast--error .toast__close:hover{background:#ef444433}.toast--warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.toast--warning .toast__icon{color:#f59e0b}.toast--warning .toast__close{color:#92400e}.toast--warning .toast__close:hover{background:#f59e0b33}.toast--info{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.toast--info .toast__icon{color:#3b82f6}.toast--info .toast__close{color:#1e40af}.toast--info .toast__close:hover{background:#3b82f633}@media(max-width:480px){.toast-container{left:16px;right:16px;bottom:16px;max-width:none}}