:root{color-scheme:light;--viewport-height: 100dvh;--transition-speed: .12s;--loading-transition-speed: .3s;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--card-shadow-dark: 0 2px 4px 0 rgb(0 0 0 / .2), 0 1px 3px -1px rgb(0 0 0 / .15);--card-hover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--card-hover-shadow-dark: 0 10px 15px -3px rgb(0 0 0 / .25), 0 4px 6px -4px rgb(0 0 0 / .15);--light-bg-color: #f8fafc;--light-bg-color-rgb: 248, 250, 252;--light-bg-opacity: 1;--light-card-bg-color: var(--surface-runtime-color, var(--surface-ssr-color, #ffffff));--light-card-bg-color-rgb: var(--surface-runtime-color-rgb, var(--surface-ssr-color-rgb, 255, 255, 255));--light-card-opacity: .95;--light-text-color: #1e293b;--light-secondary-text-color: #475569;--light-border-color: rgba(148, 163, 184, .15);--light-border-color-rgb: 100, 116, 139;--light-border-hover-color: #cbd5e1;--light-hover-bg-color: #f1f5f9;--light-highlight-color: #f1f5f9;--light-progress-bg-color: #f3f4f6;--light-progress-cpu-color: #3b82f6;--light-progress-memory-color: #8b5cf6;--light-progress-swap-color: #6366f1;--light-progress-disk-color: #f59e0b;--light-progress-network-color: #10b981;--status-online-color: #10b981;--status-offline-color: #ef4444;--status-warning-color: #f59e0b;--status-error-color: #ef4444;--status-online-shadow: rgba(16, 185, 129, .2);--status-offline-shadow: rgba(239, 68, 68, .2);--progress-fill-color: var(--light-progress-cpu-color);--offline-overlay-bg: var(--glass-overlay-bg);--offline-overlay-opacity: 1;--dark-bg-color: var(--dark-bg-runtime-color, var(--dark-bg-ssr-color, #000000));--dark-bg-color-rgb: var(--dark-bg-runtime-rgb, var(--dark-bg-ssr-rgb, 0, 0, 0));--dark-bg-opacity: 1;--dark-card-bg-color: var(--surface-runtime-dark-color, var(--surface-ssr-dark-color, #0a0a0a));--dark-card-bg-color-rgb: var(--surface-runtime-dark-rgb, var(--surface-ssr-dark-rgb, 10, 10, 10));--dark-card-opacity: .7;--dark-text-color: #ededed;--dark-secondary-text-color: #a0a0a0;--dark-border-color: rgba(255, 255, 255, .09);--dark-border-color-rgb: 82, 82, 82;--card-bg-color: var(--light-card-bg-color);--card-bg-color-rgb: var(--light-card-bg-color-rgb);--card-bg-light-glass: rgba(var(--light-card-bg-color-rgb), var(--glass-light-opacity, .35));--card-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), var(--glass-dark-opacity, .4));--bg-color: var(--light-bg-color);--bg-color-rgb: var(--light-bg-color-rgb);--text-color: var(--light-text-color);--secondary-text-color: var(--light-secondary-text-color);--border-color: var(--light-border-color);--border-accent-color: color-mix(in srgb, var(--accent-color) 20%, var(--border-color));--server-card-glass-shadow: 0 10px 20px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .08);--admin-card-glass-border-color: rgba(var(--light-card-bg-color-rgb), .22);--nav-link-glass-bg: transparent;--nav-link-glass-hover-bg: rgba(248, 250, 252, .6);--nav-link-glass-active-bg: color-mix(in srgb, var(--accent-color) 14%, transparent);--nav-link-glass-active-border: color-mix(in srgb, var(--accent-color) 36%, transparent);--nav-link-glass-active-hover-bg: color-mix(in srgb, var(--accent-color) 20%, transparent);--nav-link-glass-active-hover-border: color-mix(in srgb, var(--accent-color) 50%, transparent);--page-footer-glass-bg: rgba(255, 255, 255, var(--glass-opacity));--stat-card-inner-no-glass-bg: rgba(248, 250, 252, .6);--admin-card-interactive-hover-bg-glass: var(--small-element-hover-bg-light-glass);--admin-card-interactive-hover-bg-no-glass: var(--small-element-hover-bg-light-no-glass);--glass-card-border-color: rgba(255, 255, 255, .22);--glass-fallback-surface-bg: rgba(255, 255, 255, .95);--glass-fallback-border-color: rgba(255, 255, 255, .5);--glass-fallback-shadow: 0 8px 15px rgba(0, 0, 0, .15);--glass-fallback-overlay-text-color: rgb(51 65 85);--admin-muted-panel-bg: color-mix(in srgb, var(--card-surface-bg) 92%, var(--surface-bg) 8%);--admin-muted-panel-border: color-mix(in srgb, var(--border-color) 82%, white 18%);--admin-groups-note-bg: color-mix(in srgb, var(--card-surface-bg) 78%, var(--accent-light-color) 22%);--admin-groups-note-border: color-mix(in srgb, var(--accent-color) 14%, var(--border-color));--admin-list-item-bg: color-mix(in srgb, var(--inner-surface-bg) 76%, var(--card-surface-bg) 24%);--admin-list-item-border: color-mix(in srgb, var(--border-color) 90%, transparent);--admin-list-item-hover-bg: color-mix(in srgb, var(--card-surface-bg) 94%, var(--text-color) 6%);--admin-list-item-hover-border: color-mix(in srgb, var(--border-color) 92%, var(--text-color) 8%);--admin-list-item-default-bg: color-mix(in srgb, var(--accent-color) 8%, var(--card-surface-bg) 92%);--admin-list-item-default-border: color-mix(in srgb, var(--accent-color) 24%, var(--border-color));--admin-list-item-default-shadow: 0 12px 28px rgba(15, 23, 42, .08);--admin-item-icon-bg: color-mix(in srgb, var(--small-element-surface-bg) 86%, white 14%);--admin-item-icon-border: color-mix(in srgb, var(--border-color) 88%, white 12%);--admin-item-icon-color: color-mix(in srgb, var(--accent-color) 72%, var(--text-color) 28%);--admin-item-default-icon-bg: color-mix(in srgb, var(--warning-color) 10%, white 90%);--admin-item-default-icon-border: color-mix(in srgb, var(--warning-color) 18%, var(--border-color));--admin-item-default-icon-color: color-mix(in srgb, var(--warning-color) 78%, black 22%);--admin-default-badge-bg: color-mix(in srgb, var(--warning-color) 12%, white 88%);--admin-default-badge-border: color-mix(in srgb, var(--warning-color) 20%, var(--border-color));--admin-default-badge-color: color-mix(in srgb, var(--warning-color) 78%, black 22%);--admin-action-btn-bg: color-mix(in srgb, var(--small-element-surface-bg) 84%, white 16%);--admin-action-btn-border: color-mix(in srgb, var(--border-color) 88%, white 12%);--admin-action-btn-hover-bg: color-mix(in srgb, var(--small-element-hover-surface-bg) 88%, white 12%);--admin-action-btn-hover-color: var(--text-color);--admin-action-btn-warning-bg: color-mix(in srgb, var(--warning-color) 10%, white 90%);--admin-action-btn-warning-color: color-mix(in srgb, var(--warning-color) 82%, black 18%);--admin-action-btn-danger-bg: color-mix(in srgb, var(--error-color) 10%, white 90%);--admin-action-btn-danger-color: color-mix(in srgb, var(--error-color) 82%, black 18%);--admin-dialog-close-hover-bg: color-mix(in srgb, var(--small-element-hover-surface-bg) 88%, white 12%);--admin-dialog-close-hover-color: var(--text-color);--stat-card-glass-border-color: rgba(226, 232, 240, .4);--nested-glass-card-bg: rgba(255, 255, 255, .03);--nested-glass-card-border-color: rgba(226, 232, 240, .3);--glass-range-track-bg: rgba(241, 245, 249, .65);--glass-range-track-border-color: rgba(226, 232, 240, .5);--glass-range-thumb-bg: rgba(255, 255, 255, .88);--glass-range-thumb-border-color: rgba(226, 232, 240, .7);--glass-range-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--glass-range-focus-outline-color: rgba(168, 85, 247, .5);--no-glass-range-track-bg: rgba(241, 245, 249, .9);--no-glass-range-track-border-color: rgba(226, 232, 240, .8);--glass-overlay-bg: rgba(255, 255, 255, .8);--glass-overlay-border-color: rgba(226, 232, 240, .9);--glass-overlay-shadow: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--glass-overlay-text-color: rgb(51 65 85);--no-glass-overlay-bg: rgba(255, 255, 255, .95);--no-glass-overlay-border-color: rgba(226, 232, 240, .9);--no-glass-overlay-shadow: 0 2px 4px rgba(0, 0, 0, .08);--no-glass-overlay-text-color: rgb(51 65 85);--no-glass-force-solid-card-bg: var(--light-card-bg-color);--no-glass-body-bg: var(--light-bg-color);--no-glass-footer-bg: var(--light-card-bg-color);--no-glass-navbar-bg: var(--light-card-bg-color);--navbar-glass-bg: rgba(255, 255, 255, var(--glass-opacity));--nq-search-input-glass-bg: rgba(255, 255, 255, calc(var(--glass-opacity) + .06));--nq-search-input-glass-border-color: rgba(255, 255, 255, calc(var(--glass-border-opacity) + .04));--nq-search-suggestions-glass-bg: rgba(255, 255, 255, .85);--nq-search-suggestions-glass-border-color: rgba(226, 232, 240, .4);--nq-search-suggestions-no-glass-bg: #ffffff;--nq-node-counter-border-color: rgba(226, 232, 240, .4);--nq-node-counter-no-glass-bg: rgb(241, 245, 249);--admin-drag-handle-bg: color-mix(in srgb, var(--small-element-surface-bg) 84%, white 16%);--admin-drag-handle-border: color-mix(in srgb, var(--border-color) 88%, white 12%);--admin-drag-handle-icon-color: var(--secondary-text-color);--admin-drag-handle-hover-bg-start: color-mix(in srgb, var(--accent-color) 92%, white 8%);--admin-drag-handle-hover-bg-end: var(--accent-hover-color);--admin-drag-handle-hover-border: color-mix(in srgb, var(--accent-color) 36%, var(--border-color));--admin-drag-handle-tooltip-bg: rgba(15, 23, 42, .92);--admin-drag-handle-tooltip-color: #f8fafc;--admin-sortable-shadow: 0 10px 24px rgba(15, 23, 42, .14);--admin-sortable-shadow-strong: 0 16px 32px rgba(15, 23, 42, .18);--admin-empty-icon-bg: color-mix(in srgb, var(--small-element-surface-bg) 86%, white 14%);--admin-empty-icon-border: color-mix(in srgb, var(--border-color) 84%, white 16%);--hover-bg-color: var(--light-hover-bg-color);--highlight-color: var(--light-highlight-color);--dark-border-hover-color: #404040;--dark-hover-bg-color: #1a1a1a;--dark-highlight-color: #292929;--dark-progress-bg-color: rgba(64, 64, 64, .5)}@supports (color: lch(from red l c h)){html:root{--accent-surface-color: lch(from var(--accent-color) min(l, 60) c h)}}:root.dark{color-scheme:dark;--logo-url: var(--logo-url-dark, var(--logo-url))}:root{--inner-container-bg-light-glass: rgba(var(--light-card-bg-color-rgb), clamp(.18, calc(var(--glass-light-opacity, .35) + .08), .96));--inner-container-bg-dark-glass: rgba(255, 255, 255, clamp(.03, calc(var(--glass-dark-opacity, .4) * .12), .12));--inner-container-bg-light-no-glass: color-mix(in srgb, var(--light-card-bg-color) 74%, var(--light-bg-color) 26%);--inner-container-bg-dark-no-glass: color-mix(in srgb, var(--dark-card-bg-color) 84%, var(--dark-bg-color) 16%);--inner-container-active-bg-light-glass: rgba(var(--light-card-bg-color-rgb), clamp(.26, calc(var(--glass-light-opacity, .35) + .14), .98));--inner-container-active-bg-dark-glass: rgba(255, 255, 255, clamp(.06, calc(var(--glass-dark-opacity, .4) * .2), .2));--inner-container-active-bg-light-no-glass: color-mix(in srgb, var(--light-card-bg-color) 86%, var(--light-bg-color) 14%);--inner-container-active-bg-dark-no-glass: color-mix(in srgb, var(--dark-card-bg-color) 92%, var(--dark-bg-color) 8%);--status-filter-hover-bg-light-glass: rgba(var(--light-card-bg-color-rgb), clamp(.34, calc(var(--glass-light-opacity, .35) + .2), .99));--status-filter-hover-bg-dark-glass: rgba(255, 255, 255, clamp(.08, calc(var(--glass-dark-opacity, .4) * .28), .26));--status-filter-hover-bg-light-no-glass: color-mix(in srgb, var(--light-card-bg-color) 94%, var(--light-bg-color) 6%);--status-filter-hover-bg-dark-no-glass: color-mix(in srgb, var(--dark-card-bg-color) 96%, var(--dark-bg-color) 4%);--input-bg-light-glass: rgba(255, 255, 255, .5);--input-bg-light-no-glass: rgba(241, 245, 249, 1);--input-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), .65);--input-bg-dark-no-glass: rgba(var(--dark-card-bg-color-rgb), .85);--table-bg-light-glass: rgba(255, 255, 255, .45);--table-bg-light-no-glass: #ffffff;--table-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), .7);--table-bg-dark-no-glass: #141414;--thead-bg-light-glass: rgba(241, 245, 249, .525);--thead-bg-light-no-glass: rgba(241, 245, 249, .5);--thead-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), .7);--thead-bg-dark-no-glass: #0a0a0a;--card-shadow-base-light: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .03);--card-shadow-base-dark: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--card-shadow-hover-light: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .05);--card-shadow-hover-dark: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--card-shadow-inner-light: 0 1px 2px 0 rgba(0, 0, 0, .04), 0 1px 1px 0 rgba(0, 0, 0, .02);--card-shadow-inner-dark: 0 1px 2px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .08);--offline-bg-light-no-glass: rgba(241, 241, 241, .4);--offline-bg-dark-no-glass: rgba(51, 51, 51, .2);--offline-bg-light-glass: rgba(241, 241, 241, .15);--offline-bg-dark-glass: rgba(51, 51, 51, .1);--offline-shadow-light: 0 0 5px rgba(120, 120, 120, .15);--offline-shadow-dark: 0 0 8px rgba(0, 0, 0, .3);--card-shadow-inner-hover-light: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--card-shadow-inner-hover-dark: 0 2px 4px -1px rgba(0, 0, 0, .18), 0 1px 2px -1px rgba(0, 0, 0, .12);--inner-container-shadow-light: 0 2px 4px 0 rgba(0, 0, 0, .08), 0 1px 3px 0 rgba(0, 0, 0, .05);--inner-container-shadow-dark: 0 2px 4px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .15);--progress-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .1);--progress-shadow-dark: 0 1px 2px 0 rgba(0, 0, 0, .2);--dashboard-inner-card-bg-light: #ffffff;--dashboard-inner-card-bg-dark: #0a0a0a;--small-element-bg-light-glass: rgba(var(--light-card-bg-color-rgb), clamp(.12, calc(var(--glass-light-opacity, .35) + .04), .72));--small-element-bg-dark-glass: rgba(255, 255, 255, clamp(.04, calc(var(--glass-dark-opacity, .4) * .13), .12));--small-element-bg-light-no-glass: rgb(241, 241, 241);--small-element-bg-dark-no-glass: rgba(41, 41, 41, .5);--small-element-hover-bg-light-glass: rgba(var(--light-card-bg-color-rgb), clamp(.18, calc(var(--glass-light-opacity, .35) + .1), .8));--small-element-hover-bg-dark-glass: rgba(255, 255, 255, clamp(.07, calc(var(--glass-dark-opacity, .4) * .22), .2));--small-element-hover-bg-light-no-glass: rgba(249, 250, 251, 1);--small-element-hover-bg-dark-no-glass: rgba(64, 64, 64, .9);--small-element-active-bg-light-glass: color-mix(in srgb, var(--accent-color) 14%, rgba(var(--light-card-bg-color-rgb), clamp(.16, calc(var(--glass-light-opacity, .35) + .08), .82)) 86%);--small-element-active-bg-dark-glass: color-mix(in srgb, var(--accent-color) 18%, rgba(255, 255, 255, clamp(.05, calc(var(--glass-dark-opacity, .4) * .16), .16)) 82%);--small-element-active-bg-light-no-glass: color-mix(in srgb, var(--accent-color) 12%, var(--small-element-bg-light-no-glass) 88%);--small-element-active-bg-dark-no-glass: color-mix(in srgb, var(--accent-color) 18%, var(--small-element-bg-dark-no-glass) 82%);--expiry-badge-bg: rgba(100, 116, 139, .8);--expiry-badge-text: #ffffff;--total-badge-bg-light-glass: rgb(255 255 255 / 40%);--total-badge-bg-dark-glass: rgb(var(--dark-card-bg-color-rgb) / 50%);--total-badge-bg-light-no-glass: rgba(248, 250, 252, 1);--total-badge-bg-dark-no-glass: rgba(var(--dark-card-bg-color-rgb), 1);--total-badge-border-light: rgba(226, 232, 240, .6);--total-badge-border-dark: rgba(41, 41, 41, .6);--total-badge-text-light: rgb(71, 85, 105);--total-badge-text-dark: rgb(163, 163, 163);--total-badge-download-color: rgb(34, 197, 94);--total-badge-upload-color: rgb(59, 130, 246);--total-badge-hover-bg-light-glass: rgb(255 255 255 / 50%);--total-badge-hover-bg-dark-glass: rgb(51 65 85 / 60%);--total-badge-hover-bg-light-no-glass: rgba(241, 245, 249, 1);--total-badge-hover-bg-dark-no-glass: rgba(41, 41, 41, 1);--small-element-on-card-bg-light-glass: rgba(241, 245, 249, calc(var(--glass-opacity) + .12));--region-tag-bg-light-glass: var(--small-element-on-card-bg-light-glass);--region-tag-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), .3);--region-tag-bg-light-no-glass: rgb(241, 245, 249);--region-tag-bg-dark-no-glass: rgb(41, 41, 41);--region-tag-hover-bg-light-glass: rgba(255, 255, 255, var(--glass-hover-bg-alpha-light));--region-tag-hover-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), .4);--region-tag-hover-bg-light-no-glass: var(--hover-bg-color);--region-tag-hover-bg-dark-no-glass: var(--dark-hover-bg-color);--divider-border-light: rgba(226, 232, 240, .3);--divider-border-dark: rgba(41, 41, 41, .3);--region-tag-count-bg-light-glass: rgba(241, 245, 249, .5);--region-tag-count-bg-dark-glass: rgba(41, 41, 41, .5);--region-tag-count-bg-light-no-glass: var(--highlight-color);--region-tag-count-bg-dark-no-glass: var(--highlight-color);--region-tag-count-active-bg-light-glass: color-mix(in srgb, var(--accent-color) 65%, transparent);--region-tag-count-active-bg-dark-glass: color-mix(in srgb, var(--accent-color) 70%, transparent);--region-tag-count-active-bg-light-no-glass: var(--accent-color);--region-tag-count-active-bg-dark-no-glass: var(--accent-color);--expiry-panel-bg-light-glass: rgba(255, 255, 255, .65);--expiry-panel-bg-dark-glass: rgba(var(--dark-card-bg-color-rgb), var(--glass-dark-opacity));--expiry-panel-bg-light-no-glass: rgba(255, 255, 255, 1);--expiry-panel-bg-dark-no-glass: rgba(var(--dark-card-bg-color-rgb), 1);--expiry-item-hover-bg-light-glass: rgba(241, 245, 249, .6);--expiry-item-hover-bg-dark-glass: rgba(41, 41, 41, .3);--expiry-item-hover-bg-light-no-glass: rgba(241, 245, 249, 1);--expiry-item-hover-bg-dark-no-glass: rgba(41, 41, 41, .5);--dark-progress-cpu-color: #60a5fa;--dark-progress-memory-color: #a78bfa;--dark-progress-swap-color: #818cf8;--dark-progress-disk-color: #fbbf24;--dark-progress-network-color: #34d399;--accent-base-color: var(--accent-runtime-color, var(--accent-ssr-color, #3b82f6));--accent-color: var(--accent-base-color);--accent-hover-color: color-mix(in srgb, var(--accent-base-color) 82%, black 18%);--accent-light-color: color-mix(in srgb, var(--accent-base-color) 12%, transparent);--accent-dark-color: color-mix(in srgb, var(--accent-base-color) 22%, transparent);--accent-surface-color: var(--accent-color);--primary-color: var(--accent-color);--selection-border-color: color-mix(in srgb, var(--accent-color) 42%, transparent);--selection-bg-color: color-mix(in srgb, var(--accent-color) 8%, var(--card-bg-color));--selection-ring-color: color-mix(in srgb, var(--accent-color) 48%, transparent);--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: var(--accent-color);--color-surface: var(--surface-bg);--color-card-surface: var(--card-surface-bg);--color-inner-surface: var(--inner-surface-bg);--color-inner-active-surface: var(--inner-active-surface-bg);--color-overlay-surface: var(--overlay-surface-bg);--color-small-element-surface: var(--small-element-surface-bg);--color-small-element-on-card-surface: var(--small-element-on-card-surface-bg);--color-small-element-hover-surface: var(--small-element-hover-surface-bg);--color-table-surface: var(--table-surface-bg);--color-thead-surface: var(--thead-surface-bg);--color-text-primary: var(--text-color);--color-text-secondary: var(--secondary-text-color);--color-border: var(--border-color);--color-border-accent: var(--border-accent-color);--color-accent: var(--accent-color);--color-accent-hover: var(--accent-hover-color);--color-accent-surface: var(--accent-surface-color);--color-success: var(--success-color);--color-warning: var(--warning-color);--color-error: var(--error-color);--color-info: var(--info-color);--color-network-quality-no-data: var(--color-text-secondary);--color-network-quality-good: var(--color-success);--color-network-quality-warning: var(--color-warning);--color-network-quality-critical: var(--color-error);--color-status-online: var(--status-online-color);--color-status-offline: var(--status-offline-color);--color-status-warning: var(--status-warning-color);--protocol-badge-ipv4-text: #0369a1;--protocol-badge-ipv4-border: rgb(186 230 253 / 80%);--protocol-badge-ipv4-bg: rgb(240 249 255 / 80%);--protocol-badge-ipv6-text: #047857;--protocol-badge-ipv6-border: rgb(167 243 208 / 80%);--protocol-badge-ipv6-bg: rgb(236 253 245 / 80%);--protocol-badge-dual-text: #6d28d9;--protocol-badge-dual-border: rgb(221 214 254 / 80%);--protocol-badge-dual-bg: rgb(245 243 255 / 80%);--offline-opacity: .75;--offline-filter: grayscale(30%) brightness(.95);--offline-border-color: rgba(148, 148, 148, .3);--dark-offline-opacity: .8;--offline-bg-color: rgba(241, 241, 241, .4);--dark-offline-bg-color: rgba(51, 51, 51, .2);--dark-offline-border-color: rgba(120, 120, 120, .25);--gradient-primary: linear-gradient( 135deg, var(--accent-surface-color), color-mix(in srgb, var(--accent-surface-color) 82%, black 18%) );--gradient-primary-hover: linear-gradient( 135deg, var(--accent-hover-color), color-mix(in srgb, var(--accent-base-color) 62%, black 38%) );--gradient-secondary: linear-gradient(135deg, rgba(148, 163, 184, .2), rgba(148, 163, 184, .15));--gradient-secondary-hover: linear-gradient(135deg, rgba(148, 163, 184, .35), rgba(148, 163, 184, .25));--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--gradient-error: linear-gradient(135deg, #ef4444, #dc2626);--online-indicator-color: #10b981;--offline-indicator-color: #ef4444;--hidden-indicator-color: #64748b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .08s;--transition-normal: .15s;--transition-slow: .25s;--theme-transition-duration: .15s;--nq-chart-text-primary: #1e293b;--nq-chart-text-secondary: #64748b;--nq-chart-text-tertiary: #64748b;--nq-chart-axis-line: #e2e8f0;--nq-chart-split-line: #f1f5f9;--nq-chart-grid-border: rgba(0, 0, 0, .1);--nq-chart-tooltip-bg: rgba(255, 255, 255, .9);--nq-chart-tooltip-border: #e2e8f0;--nq-loss-bar-color: rgba(239, 68, 68, .35);--nq-loss-bar-emphasis-color: rgba(239, 68, 68, .75);--nq-tooltip-shadow: 0 6px 20px rgba(0, 0, 0, .12);--nq-dark-chart-text-primary: #ededed;--nq-dark-chart-text-secondary: #a0a0a0;--nq-dark-chart-text-tertiary: #8a8a8a;--nq-dark-chart-axis-line: #333333;--nq-dark-chart-split-line: #292929;--nq-dark-chart-grid-border: rgba(255, 255, 255, .1);--nq-dark-chart-tooltip-bg: rgba(var(--dark-card-bg-color-rgb), .9);--nq-dark-chart-tooltip-border: #333333;--nq-dark-loss-bar-color: rgba(248, 113, 113, .35);--nq-dark-loss-bar-emphasis-color: rgba(248, 113, 113, .75);--nq-tooltip-shadow: 0 6px 20px rgba(0, 0, 0, .3);--nq-modal-overlay-bg: rgba(0, 0, 0, .5);--nq-modal-bg: #ffffff;--nq-modal-text: #374151;--nq-modal-text-secondary: #6b7280;--nq-modal-border: #e5e7eb;--nq-modal-button-bg: #f3f4f6;--nq-modal-button-hover: #f9fafb;--nq-modal-input-border: #d1d5db;--nq-modal-input-focus: #9ca3af;--nq-modal-primary-bg: linear-gradient(135deg, #3b82f6, #1d4ed8);--nq-modal-primary-hover: linear-gradient(135deg, #2563eb, #1e40af);--nq-dark-modal-overlay-bg: rgba(0, 0, 0, .6);--nq-dark-modal-bg: #1f2937;--nq-dark-modal-text: #f9fafb;--nq-dark-modal-text-secondary: #9ca3af;--nq-dark-modal-border: #374151;--nq-dark-modal-button-bg: #374151;--nq-dark-modal-button-hover: #4b5563;--nq-dark-modal-input-border: #4b5563;--nq-dark-modal-input-focus: #6b7280;--nav-icon-size: 22px;--nav-icon-size-sm: 20px;--nav-padding-x: .75rem;--nav-padding-y: .75rem;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}html.theme-initializing *{transition:none!important}html:not(.theme-initialized) *{transition:none!important;animation:none!important}#server-cards-loading *{transition:none!important}html:not(.theme-initialized) .card,html:not(.theme-initialized) .dashboard-inner-card,html:not(.theme-initialized) .dashboard-outer-card,html:not(.theme-initialized) .dashboard-card{transition:none!important}html:not(.theme-initialized):not([data-glass=on]) body:not([data-public-shell-page-id=home-card]):not([data-public-shell-page-id=home-list]) .card,html:not(.theme-initialized):not([data-glass=on]) body:not([data-public-shell-page-id=home-card]):not([data-public-shell-page-id=home-list]) .server-card,html:not(.theme-initialized):not([data-glass=on]) body:not([data-public-shell-page-id=home-card]):not([data-public-shell-page-id=home-list]) .dashboard-inner-card,html:not(.theme-initialized):not([data-glass=on]) body:not([data-public-shell-page-id=home-card]):not([data-public-shell-page-id=home-list]) .dashboard-outer-card,html:not(.theme-initialized):not([data-glass=on]) body:not([data-public-shell-page-id=home-card]):not([data-public-shell-page-id=home-list]) .dashboard-card{opacity:0}html.theme-initialized .card,html.theme-initialized .server-card,html.theme-initialized .dashboard-inner-card,html.theme-initialized .dashboard-outer-card,html.theme-initialized .dashboard-card{opacity:1;transition:opacity .15s ease}#main-navbar .site-brand-text{color:var(--text-color);font-weight:600;font-size:1.125rem;letter-spacing:-.01em}#main-navbar .site-brand--default{gap:.5rem}#main-navbar .site-brand--default .site-brand-logo{width:1.1875rem;height:1.1875rem;transform:translateY(.25px)}#main-navbar .site-brand--default .site-brand-text{font-size:1.3125rem;line-height:1.625rem;letter-spacing:-.35px}#main-navbar .nav-link:hover{color:var(--accent-color)}#main-navbar #theme-dropdown-toggle{color:color-mix(in srgb,var(--accent-color) 54%,var(--secondary-text-color))}#main-navbar #theme-dropdown-toggle:hover,#main-navbar #theme-dropdown.theme-dropdown-open #theme-dropdown-toggle{color:var(--accent-color)}#main-navbar .nav-link-active{color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 12%,transparent);border-color:color-mix(in srgb,var(--accent-color) 32%,transparent);--tw-ring-color: color-mix(in srgb, var(--accent-color) 34%, transparent)}#main-navbar .nav-link-active:hover{background-color:color-mix(in srgb,var(--accent-color) 18%,transparent)}:root:not(.dark){--bg-color: var(--light-bg-color);--bg-color-rgb: var(--light-bg-color-rgb);--bg-opacity: var(--light-bg-opacity);--card-bg-color: var(--light-card-bg-color);--card-bg-color-rgb: var(--light-card-bg-color-rgb);--card-opacity: var(--light-card-opacity);--text-color: var(--light-text-color);--secondary-text-color: var(--light-secondary-text-color);--border-color: var(--light-border-color);--hover-bg-color: var(--light-hover-bg-color);--highlight-color: var(--light-highlight-color);--progress-bg-color: var(--light-progress-bg-color);--progress-cpu-color: var(--light-progress-cpu-color);--progress-memory-color: var(--light-progress-memory-color);--progress-swap-color: var(--light-progress-swap-color);--progress-disk-color: var(--light-progress-disk-color);--progress-network-color: var(--light-progress-network-color);--progress-fill-color: var(--light-progress-cpu-color);--chart-text-primary: var(--nq-chart-text-primary);--chart-text-secondary: var(--nq-chart-text-secondary);--chart-text-tertiary: var(--nq-chart-text-tertiary);--chart-axis-line: var(--nq-chart-axis-line);--chart-split-line: var(--nq-chart-split-line);--chart-grid-border: var(--nq-chart-grid-border);--chart-tooltip-bg: var(--nq-chart-tooltip-bg);--chart-tooltip-border: var(--nq-chart-tooltip-border);--chart-loss-bar-color: var(--nq-loss-bar-color);--chart-loss-bar-emphasis-color: var(--nq-loss-bar-emphasis-color);--nq-tip-bg: var(--nq-chart-tooltip-bg);--nq-tip-fg: var(--nq-chart-text-primary);--nq-tip-sub: var(--nq-chart-text-tertiary);--nq-tip-border: var(--nq-chart-tooltip-border);--modal-overlay-bg: var(--nq-modal-overlay-bg);--modal-bg: var(--nq-modal-bg);--modal-text: var(--nq-modal-text);--modal-text-secondary: var(--nq-modal-text-secondary);--modal-border: var(--nq-modal-border);--modal-button-bg: var(--nq-modal-button-bg);--modal-button-hover: var(--nq-modal-button-hover);--modal-input-border: var(--nq-modal-input-border);--modal-input-focus: var(--nq-modal-input-focus);--modal-primary-bg: var(--nq-modal-primary-bg);--modal-primary-hover: var(--nq-modal-primary-hover)}:root.dark{--bg-color: var(--dark-bg-color);--bg-color-rgb: var(--dark-bg-color-rgb);--bg-opacity: var(--dark-bg-opacity);--card-bg-color: var(--dark-card-bg-color);--card-bg-color-rgb: var(--dark-card-bg-color-rgb);--card-opacity: var(--dark-card-opacity);--text-color: var(--dark-text-color);--secondary-text-color: var(--dark-secondary-text-color);--border-color: var(--dark-border-color);--border-accent-color: color-mix(in srgb, var(--accent-color) 32%, var(--border-color));--server-card-glass-shadow: 0 10px 20px rgba(0, 0, 0, .5), 0 3px 6px rgba(0, 0, 0, .3);--admin-card-glass-border-color: rgba(var(--dark-border-color-rgb), .18);--nav-link-glass-bg: transparent;--nav-link-glass-hover-bg: rgba(var(--dark-card-bg-color-rgb), .4);--nav-link-glass-active-bg: color-mix(in srgb, var(--accent-color) 16%, transparent);--nav-link-glass-active-border: color-mix(in srgb, var(--accent-color) 38%, transparent);--nav-link-glass-active-hover-bg: color-mix(in srgb, var(--accent-color) 22%, transparent);--nav-link-glass-active-hover-border: color-mix(in srgb, var(--accent-color) 52%, transparent);--page-footer-glass-bg: rgba(var(--dark-card-bg-color-rgb), var(--glass-dark-opacity));--stat-card-inner-no-glass-bg: rgba(41, 41, 41, .4);--admin-card-interactive-hover-bg-glass: var(--small-element-hover-bg-dark-glass);--admin-card-interactive-hover-bg-no-glass: var(--small-element-hover-bg-dark-no-glass);--glass-card-border-color: rgba(var(--dark-border-color-rgb), .18);--glass-fallback-surface-bg: rgba(0, 0, 0, .85);--glass-fallback-border-color: rgba(255, 255, 255, .2);--glass-fallback-shadow: 0 8px 15px rgba(0, 0, 0, .4);--glass-fallback-overlay-text-color: #d4d4d4;--admin-muted-panel-bg: color-mix(in srgb, #0a0a0a 74%, #141414 26%);--admin-muted-panel-border: rgba(64, 64, 64, .58);--admin-groups-note-bg: rgba(var(--dark-card-bg-color-rgb), .66);--admin-groups-note-border: color-mix(in srgb, var(--accent-color) 14%, var(--border-color));--admin-list-item-bg: color-mix(in srgb, #141414 88%, #0a0a0a 12%);--admin-list-item-border: rgba(64, 64, 64, .56);--admin-list-item-hover-bg: color-mix(in srgb, var(--card-surface-bg) 90%, var(--text-color) 10%);--admin-list-item-hover-border: color-mix(in srgb, var(--border-color) 88%, var(--text-color) 12%);--admin-list-item-default-bg: color-mix(in srgb, var(--accent-color) 8%, var(--card-surface-bg) 92%);--admin-list-item-default-border: color-mix(in srgb, var(--accent-color) 24%, var(--border-color));--admin-list-item-default-shadow: 0 16px 38px rgba(0, 0, 0, .28);--admin-item-icon-bg: rgba(var(--dark-card-bg-color-rgb), .6);--admin-item-icon-border: rgba(64, 64, 64, .62);--admin-item-icon-color: color-mix(in srgb, var(--accent-color) 72%, var(--text-color) 28%);--admin-item-default-icon-bg: color-mix(in srgb, var(--warning-color) 10%, var(--card-surface-bg) 90%);--admin-item-default-icon-border: color-mix(in srgb, var(--warning-color) 18%, var(--border-color));--admin-item-default-icon-color: #fbbf24;--admin-default-badge-bg: rgba(251, 191, 36, .12);--admin-default-badge-border: rgba(251, 191, 36, .18);--admin-default-badge-color: #fcd34d;--admin-action-btn-bg: rgba(var(--dark-card-bg-color-rgb), .56);--admin-action-btn-border: rgba(64, 64, 64, .58);--admin-action-btn-hover-bg: rgba(var(--dark-card-bg-color-rgb), .92);--admin-action-btn-hover-color: #ededed;--admin-action-btn-warning-bg: rgba(251, 191, 36, .12);--admin-action-btn-warning-color: var(--warning-color);--admin-action-btn-danger-bg: rgba(239, 68, 68, .12);--admin-action-btn-danger-color: var(--error-color);--admin-dialog-close-hover-bg: rgba(var(--dark-card-bg-color-rgb), .88);--admin-dialog-close-hover-color: #ededed;--stat-card-glass-border-color: rgba(var(--dark-border-color-rgb), .5);--nested-glass-card-bg: rgba(var(--dark-card-bg-color-rgb), .15);--nested-glass-card-border-color: rgba(var(--dark-border-color-rgb), .25);--glass-range-track-bg: rgba(64, 64, 64, .6);--glass-range-track-border-color: rgba(var(--dark-border-color-rgb), .3);--glass-range-thumb-bg: rgba(212, 212, 212, .75);--glass-range-thumb-border-color: rgba(var(--dark-border-color-rgb), .65);--glass-range-thumb-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--glass-range-focus-outline-color: rgba(192, 132, 252, .6);--no-glass-range-track-bg: rgba(64, 64, 64, .9);--no-glass-range-track-border-color: rgba(var(--dark-border-color-rgb), .6);--glass-overlay-bg: rgba(var(--dark-card-bg-color-rgb), .8);--glass-overlay-border-color: rgba(64, 64, 64, .6);--glass-overlay-shadow: 0 4px 6px rgba(0, 0, 0, .3);--glass-overlay-text-color: #d4d4d4;--no-glass-overlay-bg: rgba(var(--dark-card-bg-color-rgb), .95);--no-glass-overlay-border-color: rgba(64, 64, 64, .6);--no-glass-overlay-shadow: 0 2px 4px rgba(0, 0, 0, .2);--no-glass-overlay-text-color: #d4d4d4;--no-glass-force-solid-card-bg: var(--dark-card-bg-color);--no-glass-body-bg: var(--dark-bg-color);--no-glass-footer-bg: var(--dark-card-bg-color);--no-glass-navbar-bg: var(--dark-card-bg-color);--navbar-glass-bg: rgba(var(--dark-card-bg-color-rgb), var(--glass-dark-opacity));--nq-search-input-glass-bg: rgba(var(--dark-card-bg-color-rgb), .35);--nq-search-input-glass-border-color: rgba(var(--dark-border-color-rgb), .26);--nq-search-suggestions-glass-bg: rgba(var(--dark-card-bg-color-rgb), .85);--nq-search-suggestions-glass-border-color: rgba(var(--dark-border-color-rgb), .4);--nq-search-suggestions-no-glass-bg: #141414;--nq-node-counter-border-color: rgba(var(--dark-border-color-rgb), .4);--nq-node-counter-no-glass-bg: #141414;--admin-drag-handle-bg: rgba(var(--dark-card-bg-color-rgb), .52);--admin-drag-handle-border: rgba(64, 64, 64, .58);--admin-drag-handle-icon-color: #8a8a8a;--admin-drag-handle-hover-bg-start: var(--accent-color);--admin-drag-handle-hover-bg-end: var(--accent-hover-color);--admin-drag-handle-hover-border: color-mix(in srgb, var(--accent-color) 36%, var(--border-color));--admin-drag-handle-tooltip-bg: rgba(var(--dark-bg-color-rgb), .92);--admin-drag-handle-tooltip-color: #d4d4d4;--admin-sortable-shadow: 0 14px 32px rgba(0, 0, 0, .28);--admin-sortable-shadow-strong: 0 18px 40px rgba(0, 0, 0, .36);--admin-empty-icon-bg: rgba(var(--dark-card-bg-color-rgb), .52);--admin-empty-icon-border: rgba(64, 64, 64, .46);--hover-bg-color: var(--dark-hover-bg-color);--highlight-color: var(--dark-highlight-color);--gradient-secondary: linear-gradient(135deg, #333333, #292929);--gradient-secondary-hover: linear-gradient(135deg, #404040, #333333);--card-shadow-dark: 0 2px 4px 0 rgb(0 0 0 / .2), 0 1px 3px -1px rgb(0 0 0 / .15);--progress-bg-color: var(--dark-progress-bg-color);--progress-cpu-color: var(--dark-progress-cpu-color);--progress-memory-color: var(--dark-progress-memory-color);--progress-swap-color: var(--dark-progress-swap-color);--progress-disk-color: var(--dark-progress-disk-color);--progress-network-color: var(--dark-progress-network-color);--status-online-color: #34d399;--status-offline-color: #f87171;--status-warning-color: #fbbf24;--status-error-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--status-online-shadow: rgba(52, 211, 153, .3);--status-offline-shadow: rgba(248, 113, 113, .3);--protocol-badge-ipv4-text: #7dd3fc;--protocol-badge-ipv4-border: rgb(14 165 233 / 40%);--protocol-badge-ipv4-bg: rgb(12 74 110 / 20%);--protocol-badge-ipv6-text: #6ee7b7;--protocol-badge-ipv6-border: rgb(16 185 129 / 40%);--protocol-badge-ipv6-bg: rgb(6 78 59 / 20%);--protocol-badge-dual-text: #c4b5fd;--protocol-badge-dual-border: rgb(139 92 246 / 40%);--protocol-badge-dual-bg: rgb(76 29 149 / 20%);--progress-fill-color: var(--progress-cpu-color);--chart-text-primary: var(--nq-dark-chart-text-primary);--chart-text-secondary: var(--nq-dark-chart-text-secondary);--chart-text-tertiary: var(--nq-dark-chart-text-tertiary);--chart-axis-line: var(--nq-dark-chart-axis-line);--chart-split-line: var(--nq-dark-chart-split-line);--chart-grid-border: var(--nq-dark-chart-grid-border);--chart-tooltip-bg: var(--nq-dark-chart-tooltip-bg);--chart-tooltip-border: var(--nq-dark-chart-tooltip-border);--chart-loss-bar-color: var(--nq-dark-loss-bar-color);--chart-loss-bar-emphasis-color: var(--nq-dark-loss-bar-emphasis-color);--nq-tip-bg: var(--nq-dark-chart-tooltip-bg);--nq-tip-fg: var(--nq-dark-chart-text-primary);--nq-tip-sub: var(--nq-dark-chart-text-tertiary);--nq-tip-border: var(--nq-dark-chart-tooltip-border);--modal-overlay-bg: var(--nq-dark-modal-overlay-bg);--modal-bg: var(--nq-dark-modal-bg);--modal-text: var(--nq-dark-modal-text);--modal-text-secondary: var(--nq-dark-modal-text-secondary);--modal-border: var(--nq-dark-modal-border);--modal-button-bg: var(--nq-dark-modal-button-bg);--modal-button-hover: var(--nq-dark-modal-button-hover);--modal-input-border: var(--nq-dark-modal-input-border);--modal-input-focus: var(--nq-dark-modal-input-focus);--selection-border-color: color-mix(in srgb, var(--accent-color) 50%, transparent);--selection-bg-color: color-mix(in srgb, var(--accent-color) 15%, var(--card-bg-color));--selection-ring-color: color-mix(in srgb, var(--accent-color) 42%, transparent)}:root.dark.home-showcase-global-dark{--dark-bg-color: #050505;--dark-bg-color-rgb: 5, 5, 5;--dark-card-bg-color: #12070a;--dark-card-bg-color-rgb: 18, 7, 10;--dark-border-color: color-mix(in srgb, var(--accent-color) 42%, rgba(255, 255, 255, .05));--dark-border-color-rgb: 255, 42, 61;--bg-color: var(--dark-bg-color);--bg-color-rgb: var(--dark-bg-color-rgb);--card-bg-color: var(--dark-card-bg-color);--card-bg-color-rgb: var(--dark-card-bg-color-rgb);--border-color: var(--dark-border-color);--border-accent-color: color-mix(in srgb, var(--accent-color) 56%, var(--border-color));--glass-card-border-color: color-mix(in srgb, var(--accent-color) 44%, transparent);--stat-card-glass-border-color: color-mix(in srgb, var(--accent-color) 46%, transparent);--nested-glass-card-bg: color-mix(in srgb, var(--card-bg-color) 70%, transparent);--nested-glass-card-border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);--no-glass-body-bg: var(--dark-bg-color);--no-glass-footer-bg: var(--dark-card-bg-color);--no-glass-navbar-bg: var(--dark-card-bg-color);--server-card-glass-shadow: 0 14px 34px rgba(0, 0, 0, .48), 0 0 0 1px color-mix(in srgb, var(--accent-color) 14%, transparent);--card-shadow-dark: 0 14px 34px rgba(0, 0, 0, .34), 0 0 0 1px color-mix(in srgb, var(--accent-color) 10%, transparent);--card-shadow-base-dark: 0 14px 34px rgba(0, 0, 0, .28), 0 0 0 1px color-mix(in srgb, var(--accent-color) 10%, transparent);--card-shadow-hover-dark: 0 18px 42px rgba(0, 0, 0, .38), 0 0 0 1px color-mix(in srgb, var(--accent-color) 18%, transparent)}:root.dark.home-showcase-global-dark .dashboard-card,:root.dark.home-showcase-global-dark .card.surface-card,:root.dark.home-showcase-global-dark .server-card{border-color:var(--border-color)}:root.dark.home-showcase-global-dark .nav-tabs.nav-tabs--tron{background:color-mix(in srgb,var(--card-bg-color) 64%,transparent);border-color:color-mix(in srgb,var(--accent-color) 44%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 16%,transparent)}:root.dark.home-showcase-global-dark .nav-tabs.nav-tabs--tron .nav-tab{color:color-mix(in srgb,var(--accent-color) 28%,var(--secondary-text-color))}:root.dark.home-showcase-global-dark .nav-tabs.nav-tabs--tron .nav-tab:hover:not(.active){color:color-mix(in srgb,var(--accent-color) 62%,var(--text-color));background:color-mix(in srgb,var(--accent-color) 12%,transparent)}:root.dark.home-showcase-global-dark .nav-tabs.nav-tabs--tron .nav-tab.active,:root.dark.home-showcase-global-dark .nav-tabs.nav-tabs--tron .nav-tab[aria-selected=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 88%,black 12%),color-mix(in srgb,var(--accent-hover-color) 82%,black 18%));color:var(--text-color);box-shadow:0 10px 28px color-mix(in srgb,var(--accent-color) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-color) 28%,transparent)}:root[data-glass=on]:not(.dark){--admin-list-item-bg: var(--inner-active-surface-bg);--admin-list-item-border: color-mix(in srgb, var(--accent-color) 12%, var(--border-color));--admin-list-item-hover-bg: color-mix(in srgb, var(--card-surface-bg) 94%, var(--text-color) 6%);--admin-list-item-hover-border: color-mix(in srgb, var(--border-color) 90%, var(--text-color) 10%);--admin-list-item-default-bg: color-mix(in srgb, var(--accent-color) 12%, var(--inner-active-surface-bg) 88%);--admin-action-btn-bg: rgba(var(--light-card-bg-color-rgb), calc(var(--glass-light-opacity, .35) + .04));--admin-drag-handle-bg: rgba(var(--light-card-bg-color-rgb), calc(var(--glass-light-opacity, .35) + .04))}:root.dark[data-glass=on]{--admin-list-item-bg: var(--inner-active-surface-bg);--admin-list-item-border: color-mix(in srgb, var(--accent-color) 14%, var(--border-color));--admin-list-item-hover-bg: color-mix(in srgb, var(--card-surface-bg) 92%, var(--text-color) 8%);--admin-list-item-hover-border: color-mix(in srgb, var(--border-color) 88%, var(--text-color) 12%);--admin-list-item-default-bg: color-mix(in srgb, var(--accent-color) 18%, var(--inner-active-surface-bg) 82%);--admin-action-btn-bg: rgba(var(--dark-card-bg-color-rgb), .38);--admin-drag-handle-bg: rgba(var(--dark-card-bg-color-rgb), .34)}body{color:var(--text-color);background-color:rgba(var(--bg-color-rgb),var(--bg-opacity));transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease}html.theme-transition body,html.theme-transition .dashboard-card,html.theme-transition .server-card,html.theme-transition .card{transition-property:background-color,color,border-color;transition-duration:var(--theme-transition-duration);transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav-tabs{border-color:var(--border-color)}:root.dark .nav-tabs{background:var(--small-element-surface-bg);border-color:var(--border-color)}.nav-tabs .nav-tab:hover:not(.active){color:color-mix(in srgb,var(--accent-color) 60%,var(--text-color));background:color-mix(in srgb,var(--accent-color) 10%,transparent)}.card-hover{transition:all .3s ease}.card-hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media(prefers-reduced-motion:reduce){.theme-transition,.theme-transition *{transition:none!important}.card-hover:hover{box-shadow:0 1px 2px #0000000d}}:root.dark .card-hover{transition:all .2s ease}.online{opacity:1;filter:none;transition:all .3s ease}.offline{opacity:.9;transition:all .3s ease;background-color:var(--offline-surface-bg);box-shadow:var(--offline-surface-shadow)}.offline.card-hover:hover{opacity:1}.server-card.offline .server-card-content,.server-card.list-row-card.offline>*:not(.absolute){filter:grayscale(20%) brightness(.98);transition:filter .3s ease}.server-card.offline.card-hover:hover .server-card-content,.server-card.list-row-card.offline.card-hover:hover>*:not(.absolute){filter:grayscale(10%) brightness(1)}.node-row.offline{filter:grayscale(20%) brightness(.98)}.node-row.offline:hover{filter:grayscale(10%) brightness(1)}.card-title-link{color:var(--text-color);transition:color .2s ease}.card-title-link:hover{color:color-mix(in srgb,var(--text-color) 82%,black 18%)}:root.dark .card-title-link:hover{color:color-mix(in srgb,var(--text-color) 82%,white 18%)}.server-name a{color:var(--text-color);transition:color .2s ease}.server-name a:hover{color:color-mix(in srgb,var(--text-color) 82%,black 18%)}:root.dark .server-name a:hover{color:color-mix(in srgb,var(--text-color) 82%,white 18%)}.bg-theme-body{background-color:var(--surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-card{background-color:var(--card-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-inner{background-color:var(--inner-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-inner-active{background-color:var(--inner-active-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-overlay{background-color:var(--overlay-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-overlay-mask{background-color:var(--modal-overlay-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.surface-card{background-color:var(--card-surface-bg);border-color:var(--border-color);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1),border-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.surface-inner{background-color:var(--inner-surface-bg);border-color:var(--border-color);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1),border-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.surface-overlay{background-color:var(--overlay-surface-bg);border-color:var(--border-color);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1),border-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.surface-panel{border:1px solid var(--border-color)}.progress-bar-bg{background-color:var(--progress-bg-color);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.progress-fill-cpu{background-color:var(--progress-cpu-color)}.progress-fill-memory{background-color:var(--progress-memory-color)}.progress-fill-disk{background-color:var(--progress-disk-color)}.text-theme-main{color:var(--text-color);transition:color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.text-theme-secondary{color:var(--secondary-text-color);transition:color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-small{background-color:var(--small-element-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.hover-theme-inner:hover{background-color:var(--inner-active-surface-bg)}.hover-theme-list-row{transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.hover-theme-list-row:hover{background-color:var(--admin-list-item-hover-bg)}.bg-theme-input{background-color:var(--input-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-table{background-color:var(--table-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.bg-theme-thead{background-color:var(--thead-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.hover-theme-table-row:hover{background-color:var(--table-row-hover-surface-bg);transition:background-color var(--theme-transition-duration) cubic-bezier(.4,0,.2,1)}.theme-initializing #container,.theme-initializing #footer-wrapper,.theme-initializing #main-navbar,.theme-initializing #admin-sidebar{transition:none!important}.theme-initialized:not(.theme-switching) #container,.theme-initialized:not(.theme-switching) #footer-wrapper{transition:padding-left .3s ease-out}.theme-initialized:not(.theme-switching) #main-navbar{transition:left .3s ease-out}.theme-initialized:not(.theme-switching) #admin-sidebar{transition:transform .3s ease-out}.theme-switching *,html.theme-switching body,html.theme-switching body *,html.theme-switching #container,html.theme-switching #container *,html.theme-switching [class*=bg-gradient],html.theme-switching [class*=bg-gradient] *,html.theme-switching [class*=bg-slate-50],html.theme-switching [class*=bg-slate-900],html.theme-switching [class*=bg-white],html.theme-switching [class*=bg-black],html.theme-switching #main-navbar,html.theme-switching #main-navbar *,html.theme-switching #main-navbar .theme-transition,html.theme-switching .nav-link,html.theme-switching .nav-link *,html.theme-switching .nav-link-active,html.theme-switching .nav-link-active *,html.theme-switching [class*=transition-colors],html.theme-switching .dashboard-card,html.theme-switching .dashboard-card *,html.theme-switching .dashboard-card .theme-transition,html.theme-switching .stat-card,html.theme-switching .stat-card *,html.theme-switching .nq-eye-toggle,html.theme-switching .nq-eye-toggle *,html.theme-switching button[class*=transition-all],html.theme-switching button[class*=transition-colors],html.theme-switching .expiry-detail-item,html.theme-switching .expiry-detail-item *,html.theme-switching .sort-option,html.theme-switching .sort-option *,html.theme-switching .group-option,html.theme-switching .group-option *,html.theme-switching .status-filter,html.theme-switching .status-filter *{transition:none!important}@media(min-width:1024px){#admin-sidebar~#main-navbar,.has-admin-sidebar #main-navbar{left:0;width:100%;z-index:50}}@supports not (height: 100dvh){:root{--viewport-height: 100vh}}