.hero-starfield-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.navigation-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--spectrum-global-color-blue-400),var(--spectrum-global-color-cyan-400));z-index:9999;transition:width .2s ease-out;box-shadow:0 0 10px #4299e180}.navigation-progress-bar:after{content:"";position:absolute;top:0;right:0;height:100%;width:100px;background:linear-gradient(to left,#4299e100,#4299e14d);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.breadcrumb-nav{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--nav-bg, rgba(15, 29, 53, .95));border-bottom:1px solid var(--nav-border, rgba(42, 63, 95, .4));min-height:44px;display:flex;align-items:center}.breadcrumb-container{width:100%;display:flex;align-items:center}.breadcrumb-item{color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.875rem;font-weight:400}.breadcrumb-link{color:var(--text-secondary, rgba(255, 255, 255, .7));text-decoration:none;transition:color var(--transition-normal, .2s ease);cursor:pointer}.breadcrumb-link:hover{color:var(--accent-blue, #0099cc);text-decoration:none}.breadcrumb-link:focus{outline:2px solid var(--accent-blue, #0099cc);outline-offset:2px;border-radius:var(--border-radius-sm, 4px)}.breadcrumb-link:active{color:var(--text-primary, rgba(255, 255, 255, .95))}.breadcrumb-item--last{color:var(--text-primary, rgba(255, 255, 255, .95));font-weight:500}.breadcrumb-item--last span{cursor:default}.breadcrumb-item--last:hover{color:var(--text-primary, rgba(255, 255, 255, .95))}.breadcrumb-item--ellipsis{cursor:default;-webkit-user-select:none;user-select:none}.breadcrumb-item--ellipsis span{pointer-events:none}.breadcrumb-container [data-separator=true]{color:var(--text-tertiary, rgba(255, 255, 255, .5));margin:0 var(--spacing-xs, 8px)}@media(max-width:768px){.breadcrumb-nav{padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);min-height:36px}.breadcrumb-item{font-size:.8125rem}.breadcrumb-container [data-separator=true]{margin:0 var(--spacing-2xs, 4px)}}@media(max-width:375px){.breadcrumb-nav{padding:var(--spacing-2xs, 4px) var(--spacing-xs, 8px)}.breadcrumb-item{font-size:.75rem}}@media(prefers-contrast:high){.breadcrumb-item{color:#fff}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-nav{border-bottom:2px solid #ffffff}}@media(prefers-reduced-motion:reduce){.breadcrumb-item{transition:none}}.breadcrumb-item:focus-visible{outline:2px solid var(--accent-blue, #0099cc);outline-offset:2px;border-radius:var(--border-radius-sm, 4px)}[data-theme=dark] .breadcrumb-nav{background:var(--nav-bg, rgba(15, 29, 53, .95));border-bottom-color:var(--nav-border, rgba(42, 63, 95, .4))}[data-theme=dark] .breadcrumb-item{color:var(--text-secondary, rgba(255, 255, 255, .7))}[data-theme=dark] .breadcrumb-item:hover{color:var(--accent-blue, #0099cc)}[data-theme=dark] .breadcrumb-item--last{color:var(--text-primary, rgba(255, 255, 255, .95))}@media print{.breadcrumb-nav{display:none}}.command-palette-dialog{--palette-bg: var(--nav-bg, #1a1a1a);--palette-border: var(--nav-border, #333333);--palette-text: var(--text-primary, #e0e0e0);--palette-text-secondary: var(--text-secondary, #a0a0a0);--palette-accent: var(--accent-blue, #4a90e2);--palette-hover: var(--nav-hover-bg, #2a2a2a);--palette-selected: var(--accent-blue, #4a90e2);--palette-divider: var(--nav-border, #333333)}.command-palette{display:flex;flex-direction:column;height:100%;background-color:var(--palette-bg);border:1px solid var(--palette-border);border-radius:12px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;overflow:hidden;font-family:inherit}.command-palette__input-wrapper{display:flex;align-items:center;gap:12px;padding:16px;background-color:var(--palette-bg);border-bottom:1px solid var(--palette-divider);position:relative}.command-palette__search-icon{flex-shrink:0;color:var(--palette-text-secondary);width:20px;height:20px}.command-palette__input{flex:1;background:transparent;border:none;color:var(--palette-text);font-size:16px;font-family:inherit;outline:none;caret-color:var(--palette-accent)}.command-palette__input::placeholder{color:var(--palette-text-secondary)}@media(max-width:768px){.command-palette__input{font-size:16px}}.command-palette__hint{flex-shrink:0;font-size:12px;padding:4px 8px;background-color:var(--palette-hover);color:var(--palette-text-secondary);border-radius:4px;border:1px solid var(--palette-border);font-weight:500;letter-spacing:.5px}.command-palette__results{flex:1;overflow-y:auto;padding:8px 0;scroll-behavior:smooth;scrollbar-color:var(--palette-text-secondary) transparent;scrollbar-width:thin}.command-palette__results::-webkit-scrollbar{width:8px}.command-palette__results::-webkit-scrollbar-track{background:transparent}.command-palette__results::-webkit-scrollbar-thumb{background-color:var(--palette-text-secondary);border-radius:4px;opacity:.3}.command-palette__empty{padding:40px 24px;text-align:center;color:var(--palette-text-secondary)}.command-palette__category{display:flex;flex-direction:column}.command-palette__category-label{padding:8px 16px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--palette-text-secondary);-webkit-user-select:none;user-select:none}.command-palette__divider{height:1px;background-color:var(--palette-divider);margin:4px 0}.command-palette__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out;-webkit-user-select:none;user-select:none}.command-palette__item:hover{background-color:var(--palette-hover)}.command-palette__item:active,.command-palette__item.command-palette__item--selected{background-color:var(--palette-selected);color:#fff}.command-palette__item:focus-visible{outline:2px solid var(--palette-accent);outline-offset:-2px}.command-palette__item-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.command-palette__item-label{font-size:14px;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette__item--selected .command-palette__item-label{color:#fff;font-weight:600}.command-palette__item-description{font-size:12px;color:var(--palette-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette__item--selected .command-palette__item-description{color:#ffffffb3}.command-palette__item-shortcut{flex-shrink:0;font-size:11px;padding:4px 8px;background-color:var(--palette-hover);color:var(--palette-text-secondary);border-radius:4px;border:1px solid var(--palette-border);font-family:Monaco,Courier New,monospace;letter-spacing:.5px}.command-palette__item--selected .command-palette__item-shortcut{background-color:#0003;color:#ffffffb3}.command-palette__footer{display:flex;align-items:center;gap:20px;padding:12px 16px;background-color:var(--palette-bg);border-top:1px solid var(--palette-divider);font-size:12px;color:var(--palette-text-secondary)}.command-palette__hint-group{display:flex;align-items:center;gap:6px}.command-palette__hint-text{font-size:12px;color:var(--palette-text-secondary)}.command-palette__kbd{display:inline-block;padding:3px 7px;font-size:11px;line-height:1;color:var(--palette-text-secondary);background-color:var(--palette-hover);border:1px solid var(--palette-border);border-radius:4px;font-family:Monaco,Courier New,monospace;font-weight:500;letter-spacing:.5px;box-shadow:0 1px #0003}@media(max-width:768px){.command-palette{border-radius:16px}.command-palette__input{font-size:16px}.command-palette__footer{gap:12px}.command-palette__item{padding:12px;gap:8px}.command-palette__item-label{font-size:13px}.command-palette__item-description{font-size:11px}}@media(max-width:480px){.command-palette__input-wrapper{padding:12px;gap:8px}.command-palette__results{max-height:50vh}.command-palette__footer{flex-direction:column;gap:8px;align-items:flex-start}.command-palette__item-shortcut{display:none}}@media(prefers-contrast:high){.command-palette{border-width:2px}.command-palette__item:hover{background-color:var(--palette-selected);color:#fff}.command-palette__hint,.command-palette__item-shortcut{border-width:1.5px}}@media(prefers-reduced-motion:reduce){.command-palette__item{transition:none}.command-palette__results{scroll-behavior:auto}}@media(prefers-color-scheme:dark){.command-palette{color-scheme:dark}}@media(prefers-color-scheme:light){.command-palette{--palette-bg: #ffffff;--palette-border: #e0e0e0;--palette-text: #1a1a1a;--palette-text-secondary: #8a8a8a;--palette-hover: #f5f5f5;--palette-divider: #e0e0e0}}.command-palette__empty--compact{padding:8px 16px}.command-palette__result-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.command-palette__type-badge{text-transform:capitalize;font-size:.7rem}.hub-sidebar{background-color:var(--nav-bg);border-right:var(--border-width-thin) solid var(--nav-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-slow) var(--transition-timing);overflow-y:auto}.org-display{background-color:#0a162899;border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid rgba(0,153,204,.15)}.org-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--nav-section-header-text);letter-spacing:var(--tracking-wider);margin-bottom:var(--spacing-sm)}.org-button{color:var(--nav-item-text);justify-content:flex-start;background-color:#0099cc14;border:var(--border-width-thin) solid rgba(0,153,204,.2);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md)}.org-empty{background-color:#80808014;border:var(--border-width-thin) solid rgba(128,128,128,.2);border-radius:var(--border-radius-md);text-align:center}.org-empty-text{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal) var(--transition-timing)}.section-header:hover{background-color:var(--nav-item-bg-hover)}.section-header:focus{outline:3px solid var(--accent-cyan);outline-offset:2px;box-shadow:0 0 0 3px #09c3}.section-header:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px;box-shadow:0 0 0 3px #09c3}.section-header:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.section-chevron{color:var(--nav-section-header-text)}.section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--nav-section-header-text);letter-spacing:var(--tracking-wider);text-transform:uppercase}button.nav-item,button.section-header,button.nav-item-collapsed{border:none;background:none;font:inherit;color:inherit;text-align:left;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);cursor:pointer;border-radius:var(--border-radius-md);background-color:#1a284199;transition:all var(--transition-normal) var(--transition-timing);border-left:3px solid transparent;color:var(--nav-item-text)}.nav-item:hover:not(.disabled){background-color:#0099cc26;border-left-color:transparent;color:var(--nav-item-text-hover)}.nav-item.active{background-color:var(--nav-item-bg-active);border-left-color:var(--nav-item-border-active);color:var(--nav-item-text-active)}.nav-item.disabled{background-color:#2a3f5f4d;cursor:not-allowed;opacity:var(--opacity-disabled)}.nav-item:focus{outline:3px solid var(--accent-cyan);outline-offset:2px;box-shadow:0 0 0 3px #09c3}.nav-item:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.nav-item-label{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.nav-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);background-color:var(--accent-blue);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full)}.hub-sidebar::-webkit-scrollbar{width:8px}.hub-sidebar-collapsed{border-right:var(--border-width-thin) solid var(--nav-border)}.nav-item-collapsed{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;border-radius:var(--border-radius-md);background-color:#1a284166;transition:all var(--transition-normal) var(--transition-timing);color:var(--nav-item-text)}.nav-item-collapsed:hover:not(.disabled){background-color:#0099cc26;color:var(--nav-item-text-hover)}.nav-item-collapsed.active{background-color:var(--nav-item-bg-active);color:var(--nav-item-text-active);box-shadow:inset 0 0 0 1px var(--nav-item-border-active)}.nav-item-collapsed.disabled{background-color:#2a3f5f33;cursor:not-allowed;opacity:var(--opacity-disabled)}.nav-item-collapsed:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.hub-sidebar::-webkit-scrollbar-track{background:#0a16284d}.hub-sidebar::-webkit-scrollbar-thumb{background:#0099cc4d;border-radius:var(--border-radius-sm)}.hub-sidebar::-webkit-scrollbar-thumb:hover{background:#0099cc80}@media(hover:none)and (pointer:coarse){.nav-item,.section-header{min-height:44px}.nav-item:hover:not(.disabled){transform:none}}@media(prefers-reduced-motion:reduce){.hub-sidebar,.nav-item,.section-header{transition:none}}@media(prefers-contrast:high){.section-header:focus,.nav-item:focus{outline:3px solid currentColor;outline-offset:3px}.nav-item.active{border-left-width:5px}.nav-item.disabled{opacity:.5;text-decoration:line-through}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:fixed;top:-100px;left:0;background:var(--accent-cyan);color:var(--background-primary);padding:var(--spacing-md);text-decoration:none;font-weight:var(--font-weight-bold);z-index:9999;border-radius:var(--border-radius-md);transition:top .2s ease-in-out}.skip-to-content:focus{top:var(--spacing-sm);left:var(--spacing-sm);outline:3px solid var(--accent-yellow);outline-offset:2px}.top-navigation{background-color:var(--nav-bg);border-bottom-color:var(--nav-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:var(--nav-header-height, 60px);display:flex;align-items:center;padding:8px 16px!important}.top-navigation .logo{width:36px;height:36px;object-fit:contain}.top-navigation .logo-text{font-size:1.5rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hub-list{margin-left:var(--spacing-xl)}.hub-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-nav-item-vertical) var(--spacing-nav-item-horizontal);background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--nav-item-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-normal) var(--transition-timing);text-transform:none;letter-spacing:normal;min-width:auto}.hub-button:hover{background-color:var(--nav-item-bg-hover);color:var(--nav-item-text-hover);box-shadow:none;transform:none}.hub-button.active{background-color:var(--nav-item-bg-active);color:var(--nav-item-text-active);border-bottom:2px solid var(--nav-item-border-active)}.hub-button.disabled{opacity:.45;cursor:not-allowed}.hub-button.disabled:hover{background-color:transparent}.hub-button:focus{outline:3px solid var(--accent-cyan);outline-offset:2px;box-shadow:0 0 0 3px #09c3}@media(prefers-contrast:high){.hub-button:focus{outline:3px solid currentColor;outline-offset:3px}.hub-button.active{border-bottom-width:3px}}@media(prefers-reduced-motion:reduce){.hub-button{transition:none}}.top-navigation .action-button{color:var(--nav-item-text)}.top-navigation .action-button:hover{color:var(--nav-item-text-hover)}.mobile-menu-toggle{color:var(--nav-item-text)}@media(max-width:768px){.top-navigation .logo{width:28px;height:28px}.top-navigation .logo-text{font-size:1.1rem}}@media(hover:none)and (pointer:coarse){.hub-button{min-height:44px;min-width:44px}.hub-button:hover{transform:none}}@media(prefers-reduced-motion:reduce){.hub-button,.action-button{transition:none}}.user-menu-button{padding:4px!important}.user-menu-button .MuiAvatar-root{font-size:.75rem;font-weight:700}:root{--breakpoint-xs: 0px;--breakpoint-sm: 600px;--breakpoint-md: 900px;--breakpoint-lg: 1200px;--breakpoint-xl: 1536px;--max-width-sm: 600px;--max-width-md: 900px;--max-width-lg: 1200px;--max-width-xl: 1536px;--primary-bg: #0a1628;--secondary-bg: #1a2841;--tertiary-bg: #0f1d35;--card-bg: rgba(15, 29, 53, .8);--bg-level-0: #050a12;--bg-level-1: #0a1628;--bg-level-2: #0f1d35;--bg-level-3: #152642;--bg-level-4: #1a2f50;--accent-blue: #00d9ff;--accent-cyan: #00d9ff;--accent-primary: #00d9ff;--accent-purple: #8b5cf6;--accent-teal: #14b8a6;--sc-cyan-50: #e6fbff;--sc-cyan-100: #b3f2ff;--sc-cyan-200: #80eaff;--sc-cyan-300: #4de1ff;--sc-cyan-400: #1ad9ff;--sc-cyan-500: #00d9ff;--sc-cyan-600: #00b8d4;--sc-cyan-700: #008fa6;--sc-cyan-800: #006678;--sc-cyan-900: #003d4a;--text-primary: #ffffff;--text-secondary: #b0c4de;--text-muted: #6b7b8a;--bg-tertiary: #374151;--bg-hover: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-color: #2a3f5f;--border-light: rgba(0, 217, 255, .2);--success: #10b981;--success-dim: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .15);--error: #ef4444;--error-dim: rgba(239, 68, 68, .15);--gold: #ffd700;--silver: #c0c0c0;--bronze: #cd7f32;--glass-bg: rgba(15, 29, 53, .7);--glass-bg-hover: rgba(15, 29, 53, .85);--glass-bg-clear: rgba(15, 29, 53, .3);--glass-bg-frosted: rgba(15, 29, 53, .5);--glass-bg-tinted: rgba(0, 100, 150, .4);--glass-bg-clear-fallback: rgba(15, 29, 53, .75);--glass-bg-frosted-fallback: rgba(15, 29, 53, .85);--glass-bg-tinted-fallback: rgba(10, 50, 80, .9);--glass-border: rgba(0, 217, 255, .2);--glass-border-hover: rgba(0, 217, 255, .4);--glass-border-subtle: rgba(255, 255, 255, .1);--glass-blur: 12px;--glow-cyan-rgb: 0, 217, 255;--glow-purple-rgb: 168, 85, 247;--glow-green-rgb: 0, 255, 136;--glow-orange-rgb: 255, 167, 38;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 217, 255, .2);--animation-timing-default: cubic-bezier(.4, 0, .2, 1);--animation-timing-spring: cubic-bezier(.34, 1.56, .64, 1);--animation-duration-fast: .15s;--animation-duration-normal: .2s;--animation-duration-slow: .3s;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-size-6xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-display: 1.1;--line-height-heading: 1.2;--line-height-subheading: 1.3;--line-height-body: 1.5;--line-height-relaxed: 1.625;--line-height-prose: 1.75;--tracking-tighter: -.05em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--font-size-display-lg: clamp(2.5rem, 5vw + 1rem, 4.5rem);--font-size-display-md: clamp(2rem, 4vw + 1rem, 3.75rem);--font-size-display-sm: clamp(1.75rem, 3vw + 1rem, 3rem);--font-size-h1: clamp(1.75rem, 2.5vw + 1rem, 3rem);--font-size-h2: clamp(1.5rem, 2vw + .75rem, 2.25rem);--font-size-h3: clamp(1.25rem, 1.5vw + .5rem, 1.875rem);--font-size-h4: clamp(1.125rem, 1vw + .5rem, 1.5rem);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-page-horizontal: var(--spacing-2xl);--spacing-page-vertical: var(--spacing-xl);--spacing-section-gap: var(--spacing-lg);--spacing-card-padding: var(--spacing-lg);--spacing-modal-padding: var(--spacing-xl);--spacing-button-horizontal: var(--spacing-md);--spacing-button-vertical: var(--spacing-sm);--spacing-input-horizontal: var(--spacing-md);--spacing-input-vertical: var(--spacing-sm);--spacing-nav-item-horizontal: var(--spacing-md);--spacing-nav-item-vertical: var(--spacing-sm);--border-width-none: 0;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--border-radius-button: var(--border-radius-md);--border-radius-card: var(--border-radius-md);--border-radius-modal: var(--border-radius-lg);--border-radius-input: var(--border-radius-sm);--opacity-disabled: .5;--opacity-hover: .8;--opacity-overlay: .95;--opacity-glass: .7;--z-index-base: 0;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-bottom-nav: 800;--z-index-overlay: 900;--z-index-modal: 1000;--z-index-popover: 1100;--z-index-toast: 1200;--z-index-tooltip: 1300;--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition-spring: cubic-bezier(.34, 1.56, .64, 1);--button-primary-bg: var(--accent-blue);--button-primary-text: var(--text-primary);--button-primary-hover-bg: var(--accent-cyan);--button-secondary-bg: var(--secondary-bg);--button-secondary-text: var(--text-primary);--button-secondary-border: var(--border-color);--card-bg: var(--card-bg);--card-border: var(--border-color);--card-hover-border: var(--border-light);--card-shadow: var(--shadow-md);--card-hover-shadow: var(--shadow-lg);--nav-header-height: 60px;--nav-bg: rgba(15, 29, 53, .95);--nav-border: rgba(42, 63, 95, .4);--nav-item-text: var(--text-secondary);--nav-item-text-active: var(--text-primary);--nav-item-text-hover: var(--text-primary);--nav-item-bg-hover: rgba(0, 217, 255, .05);--nav-item-bg-active: rgba(0, 217, 255, .25);--nav-item-border-active: var(--accent-blue);--nav-section-header-text: #6b7b8a;--input-bg: var(--primary-bg);--input-border: var(--border-color);--input-border-focus: var(--accent-blue);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--modal-bg: var(--secondary-bg);--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-shadow: var(--shadow-2xl);--skeleton-bg: rgba(255, 255, 255, .08);--skeleton-highlight: rgba(255, 255, 255, .12)}body.light-theme{--primary-bg: #f0f4f8;--secondary-bg: #ffffff;--accent-blue: #0066cc;--accent-cyan: #0088cc;--accent-primary: #0077b6;--text-primary: #1a202c;--text-secondary: #4a5568;--bg-tertiary: #e2e8f0;--bg-hover: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .1);--border-color: #cbd5e0;--success: #00a86b;--warning: #d97706;--error: #dc2626}html{font-size:16px}@media(max-width:600px){html{font-size:clamp(14px,3.5vw,16px)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--primary-bg) 0%,#0f1d35 100%);color:var(--text-primary);min-height:100vh;width:100%;overflow-x:hidden}body.light-theme{background:linear-gradient(135deg,var(--primary-bg) 0%,#e2e8f0 100%)}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background:#00d9ff1a;padding:2px 6px;border-radius:3px;color:var(--accent-cyan)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5em;font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-h2);letter-spacing:var(--tracking-tight);color:var(--accent-cyan)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-subheading);color:var(--text-secondary)}h4{font-size:var(--font-size-h4);line-height:var(--line-height-subheading)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-cyan);text-decoration:underline}.card{background:linear-gradient(135deg,var(--secondary-bg) 0%,var(--tertiary-bg) 100%);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--border-light)}.card:hover:before{opacity:1}.floating-card{transition:transform .2s ease,box-shadow .2s ease}.floating-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040!important}button:not([class*=Mui]):not([class*=toggle]):not([class*=ql-]){cursor:pointer;font-weight:600;transition:opacity .2s ease}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{background:var(--primary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;font-size:1rem;width:100%;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #00d9ff33}input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown),select:invalid:not(:placeholder-shown){border-color:var(--error)}input:valid:not(:placeholder-shown),textarea:valid:not(:placeholder-shown),select:valid:not(:placeholder-shown){border-color:var(--success)}form{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}form label{color:var(--text-secondary);font-weight:600;margin-bottom:.25rem;display:block}table{width:100%;border-collapse:collapse;background:var(--secondary-bg);border-radius:8px;overflow:hidden}thead{background:var(--primary-bg)}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--accent-cyan);font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}tr:last-child td{border-bottom:none}tbody tr{transition:background .2s ease}tbody tr:hover{background:#00d9ff0d}ul{list-style:none;padding:0}ul li{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin:.5rem 0;transition:all .2s ease}ul li:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #00d9ff26}*:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-blue);color:var(--text-primary);padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}.loading{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,217,255,.3);border-radius:50%;border-top-color:var(--accent-blue);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-message{color:var(--text-secondary);font-size:1.1rem;margin:0}.error-message{background:#ff444426;border:1px solid var(--error);border-radius:8px;padding:1rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-content{display:flex;align-items:center;gap:.75rem}.error-icon{font-size:1.5rem;color:var(--error)}.error-text{color:var(--text-primary);font-size:1rem}.error-dismiss{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;padding:.25rem .5rem;cursor:pointer;transition:color .2s ease;min-width:auto;text-transform:none;letter-spacing:0}.error-dismiss:hover{color:var(--text-primary);background:transparent;box-shadow:none;transform:none}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:1.1rem;margin-bottom:.5rem}.empty-state-subtext{font-size:.9rem;opacity:.7}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;padding:0}.theme-toggle:hover{background:var(--primary-bg);border-color:var(--accent-cyan);box-shadow:0 4px 12px #00d9ff4d;transform:scale(1.05)}.theme-toggle-icon{font-size:1.5rem}.container{width:100%;padding:0 var(--size-200, 16px);margin:0 auto;max-width:var(--max-width-xl)}@media(max-width:600px){.container{padding:0 var(--size-150, 12px)}}@media(max-width:900px){.hide-mobile{display:none!important}}@media(min-width:901px){.show-mobile{display:none!important}}.grid{display:grid;gap:var(--size-300, 24px)}@media(max-width:900px){.grid{gap:var(--size-200, 16px)}}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.grid-cols-2{grid-template-columns:1fr}}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1200px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-cols-3{grid-template-columns:1fr}}@media print{body{background:#fff;color:#000}.card{background:#fff;border:1px solid #ddd;box-shadow:none}.theme-toggle,button:not(.print-button){display:none}}@media(hover:none)and (pointer:coarse){button{min-height:44px;min-width:44px}input,textarea,select{min-height:44px}.card:hover,.floating-card:hover,button:hover{transform:none}}:root{--a11y-text-primary: #ffffff;--a11y-text-secondary: #94a3b8;--a11y-text-tertiary: #64748b;--a11y-text-disabled: #475569;--a11y-accent-cyan: #00d9ff;--a11y-accent-cyan-hover: #33e3ff;--a11y-accent-green: #22c55e;--a11y-accent-amber: #f59e0b;--a11y-accent-red: #ef4444;--a11y-accent-blue: #3b82f6;--a11y-accent-purple: #a855f7;--a11y-bg-primary: #0a1628;--a11y-bg-secondary: #0f1d35;--a11y-bg-tertiary: #142640;--a11y-bg-surface: #1a2f4d;--a11y-focus-ring-color: #00d9ff;--a11y-focus-ring-width: 2px;--a11y-focus-ring-offset: 2px;--a11y-focus-ring-style: solid;--a11y-transition-fast: .15s;--a11y-transition-normal: .2s}.skip-to-main{position:fixed;top:-100px;left:16px;z-index:9999;padding:12px 24px;background:var(--a11y-accent-cyan);color:var(--a11y-bg-primary);font-weight:600;font-size:.875rem;text-decoration:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00d9ff66;transition:top var(--a11y-transition-fast) ease-out}.skip-to-main:focus{top:0;outline:none}.skip-to-main:focus-visible{top:0;outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:var(--a11y-focus-ring-offset)}*:focus{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:var(--a11y-focus-ring-offset)}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:var(--a11y-focus-ring-offset);border-radius:inherit}button:focus-visible,[role=button]:focus-visible,.btn:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:var(--a11y-focus-ring-offset);box-shadow:0 0 0 4px #00d9ff40}input:focus-visible,textarea:focus-visible,select:focus-visible,[role=textbox]:focus-visible,[role=combobox]:focus-visible,[role=listbox]:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:0;border-color:var(--a11y-accent-cyan);box-shadow:0 0 0 3px #00d9ff33}a:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:var(--a11y-focus-ring-offset);border-radius:2px}[role=article]:focus-visible,[role=region]:focus-visible,.card:focus-visible,.panel:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:var(--a11y-focus-ring-offset);box-shadow:0 0 0 4px #00d9ff33}[role=tab]:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:-2px;z-index:1}[role=menuitem]:focus-visible,[role=option]:focus-visible,[role=treeitem]:focus-visible{outline:none;background:#00d9ff26;box-shadow:inset 0 0 0 2px var(--a11y-accent-cyan)}[role=checkbox]:focus-visible,[role=radio]:focus-visible,[role=switch]:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:3px}[role=slider]:focus-visible,input[type=range]:focus-visible{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color);outline-offset:4px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:focus-within{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){*:focus-visible{outline:3px solid CanvasText;outline-offset:2px}button,[role=button]{border:2px solid ButtonText}a{text-decoration:underline}input,textarea,select{border:2px solid ButtonText}}[disabled],[aria-disabled=true],.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}[aria-busy=true]{cursor:wait}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}::selection{background:#00d9ff4d;color:var(--a11y-text-primary)}::-moz-selection{background:#00d9ff4d;color:var(--a11y-text-primary)}[role=alert]{padding:12px 16px;border-radius:6px;background:#ef44441a;border:1px solid var(--a11y-accent-red);color:var(--a11y-text-primary)}[aria-invalid=true],.is-invalid{border-color:var(--a11y-accent-red)!important}[aria-invalid=true]:focus-visible,.is-invalid:focus-visible{outline-color:var(--a11y-accent-red);box-shadow:0 0 0 3px #ef444433}.error-message,[role=alert][data-type=error]{color:var(--a11y-accent-red);font-size:.875rem;margin-top:4px}[aria-invalid=false]:not(:placeholder-shown),.is-valid{border-color:var(--a11y-accent-green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}table{border-collapse:collapse}th{text-align:left;font-weight:600}th[aria-sort]{cursor:pointer}th[aria-sort=ascending]:after{content:" ↑"}th[aria-sort=descending]:after{content:" ↓"}.text-primary{color:var(--a11y-text-primary)}.text-secondary{color:var(--a11y-text-secondary)}.text-tertiary{color:var(--a11y-text-tertiary)}.text-accent{color:var(--a11y-accent-cyan)}.text-success{color:var(--a11y-accent-green)}.text-warning{color:var(--a11y-accent-amber)}.text-error{color:var(--a11y-accent-red)}.focus-none:focus{outline:none}.focus-visible:focus{outline:var(--a11y-focus-ring-width) var(--a11y-focus-ring-style) var(--a11y-focus-ring-color)!important;outline-offset:var(--a11y-focus-ring-offset)!important}.announce{position:absolute;clip:rect(0,0,0,0)}.container{max-width:1400px;margin:0 auto;padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:1rem}.gap-4{gap:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.text-center{text-align:center}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase}.badge-success{background:#0f83;color:var(--success);border:1px solid var(--success)}.badge-warning{background:#fa03;color:var(--warning);border:1px solid var(--warning)}.badge-error{background:#f443;color:var(--error);border:1px solid var(--error)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1200px){.container{padding:1.5rem;max-width:1100px}}@media(max-width:992px){.container{padding:1.25rem}}@media(max-width:768px){.container{padding:1rem}table{font-size:.875rem}th,td{padding:.75rem}button{padding:.6rem 1.2rem;font-size:.9rem}.theme-toggle{width:45px;height:45px;top:.5rem;right:.5rem}.card{padding:1rem}form{gap:.75rem}.flex-mobile-column{flex-direction:column}nav{flex-direction:column;gap:.5rem}}@media(max-width:576px){.container{padding:.75rem}.card{padding:.75rem;margin:.5rem 0;border-radius:8px}ul li{padding:.75rem}button{width:100%;margin:.25rem 0;padding:.75rem 1rem}.error-message{flex-direction:column;align-items:flex-start}.error-dismiss{align-self:flex-end}.badge{display:block;text-align:center;margin:.25rem 0}input,textarea,select{font-size:16px}.modal-content{margin:.5rem;max-height:90vh;overflow-y:auto}}@media(max-width:400px){.container,.card{padding:.5rem}.theme-toggle{width:40px;height:40px}table{font-size:.75rem}th,td{padding:.5rem}}@media(max-height:500px)and (orientation:landscape){.container{padding:.75rem}.card{padding:.75rem;margin:.5rem 0}}