:root{ --color-neon-blue: #00f3ff; --color-neon-violet: #9966ff; --color-neon-pink: #ff00ff; --color-neon-green: #00cc66; --color-neon-red: #ff0044; --color-neon-gold: #ffcc00; --color-neon-orange: #ff6600; --color-bg-body: #0d0d16; --color-text-primary: #f0f0f0; --color-text-secondary: #9a9aae; --color-glass-bg: rgba(22, 22, 34, 0.85); --color-glass-border: rgba(255, 255, 255, 0.07); --color-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5); --color-glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.07); --space-1x: 0.25rem; --space-2x: 0.5rem; --space-3x: 0.75rem; --space-4x: 1rem; --space-5x: 1.25rem; --space-6x: 1.5rem; --space-8x: 2rem; --space-10x: 2.5rem; --space-12x: 3rem; --space-16x: 4rem; --font-sans: "Inter", system-ui, -apple-system, sans-serif; --font-display: "Space Grotesk", system-ui, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --line-height-tight: 1.25; --line-height-normal: 1.6; --line-height-relaxed: 1.75; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px; --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-glow-blue: 0 0 12px rgba(0, 243, 255, 0.4); --shadow-glow-green: 0 0 12px rgba(0, 204, 102, 0.4); --shadow-glow-pink: 0 0 12px rgba(255, 0, 255, 0.4); --shadow-glow-violet: 0 0 12px rgba(153, 102, 255, 0.4); --glass-blur: 14px; --glass-opacity: 0.85; --glass-accent: rgba(0, 243, 255, 0.3); --glass-hover-transform: translateY(-2px); --shadow-md-hover: 0 12px 40px rgba(0, 0, 0, 0.6); --glass-shadow-base: var(--glass-shadow); --glass-shadow-depth: 0 4px 16px rgba(0, 0, 0, 0.3); --glass-shadow-inner: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.2); --glass-border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(0, 243, 255, 0.05) 100%); --glass-inner-glow: inset 0 0 20px rgba(0, 243, 255, 0.03); --glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.6), 0 0 24px rgba(0, 243, 255, 0.08); --glass-border-animation-duration: 3s; --btn-padding-x: 1.5rem; --btn-padding-y: 0.6rem; --btn-sm-padding-x: 0.85rem; --btn-sm-padding-y: 0.35rem; --btn-line-height: 1.4; --btn-bg-primary-hover: rgba(0, 243, 255, 0.15); --btn-bg-secondary: rgba(0, 243, 255, 0.06); --btn-bg-secondary-hover: rgba(0, 243, 255, 0.12); --btn-border-secondary: rgba(0, 243, 255, 0.2); --btn-ghost-hover-bg: rgba(255, 255, 255, 0.05); --btn-danger-bg: rgba(255, 0, 68, 0.1); --btn-danger-border: rgba(255, 0, 68, 0.25); --btn-danger-hover-bg: rgba(255, 0, 68, 0.2); --btn-shadow-primary-hover: 0 0 20px rgba(0, 243, 255, 0.25); --btn-shadow-secondary-hover: 0 0 14px rgba(0, 243, 255, 0.2); --btn-shadow-danger-hover: 0 0 16px rgba(255, 0, 68, 0.2); --form-group-margin-bottom: var(--space-5x); --form-label-margin-bottom: 0.4rem; --form-input-padding-y: 0.7rem; --form-input-padding-x: 0.85rem; --form-input-bg: rgba(0, 0, 0, 0.3); --form-input-focus-bg: rgba(0, 0, 0, 0.4); --form-input-focus-shadow: 0 0 0 3px rgba(0, 243, 255, 0.12); --form-select-padding-right: var(--space-8x); --form-select-background-position: right var(--space-3x) center; --form-row-gap: var(--space-4x); --form-actions-margin-top: var(--space-6x); --form-actions-gap: var(--space-3x); --form-checkbox-accent: var(--neon-blue); --table-th-bg: rgba(0, 0, 0, 0.2); --table-odd-row-bg: rgba(255, 255, 255, 0.03); --table-even-row-bg: rgba(255, 255, 255, 0.06); --table-hover-row-bg: rgba(0, 243, 255, 0.08); --table-wave-highlight: linear-gradient(90deg, transparent 0%, rgba(0, 243, 255, 0.12) 50%, transparent 100%); --table-sort-icon-size: 0.65rem; --table-sort-animation-duration: 0.25s; --z-dropdown: 10; --z-sticky: 100; --z-fixed: 200; --z-modal-backdrop: 300; --z-modal: 400; --z-toast: 500; --z-tooltip: 600; --transition-fast: 150ms ease; --transition-base: 250ms ease; --transition-slow: 400ms ease; --transition-spring: 350ms cubic-bezier(0.34, 1.56, 0.64, 1); --animation-duration-fast: 200ms; --animation-duration-base: 350ms; --animation-duration-slow: 600ms; --animation-ease-out: cubic-bezier(0.16, 1, 0.3, 1); --animation-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --animation-pulse-duration: 1.5s; --nav-height: 3.5rem; --nav-height-shrunk: 2.75rem; --nav-padding-x: 2rem; --nav-padding-y: 0.75rem; --nav-padding-y-shrunk: 0.375rem; --nav-logo-size: 44px; --nav-logo-size-shrunk: 32px; --sidebar-width: 260px; --content-max: 1200px; --grid-gap: var(--space-6x); --nav-indicator-color: var(--neon-pink); --nav-indicator-height: 2px; --nav-link-active-bg: rgba(255, 0, 255, 0.08); --nav-link-active-border-color: rgba(255, 0, 255, 0.3);