:root{--color-primary: #76AADB;--color-primary-light: #9fc5eb;--color-primary-dark: #5a8fc0;--color-accent: #FBB03B;--color-accent-light: #fcc365;--color-accent-dark: #e09920;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--z-chrome: 100;--z-content: 0;--z-modal: 200}:root,[data-theme=dark]{--color-dark: #0a1628;--color-dark-surface: #0f1d32;--color-dark-card: #162340;--color-dark-elevated: #1e2d4d;--color-text: #f0f6fc;--color-text-muted: #8b9fc5;--color-text-dim: #5d6f8f;--glass-bg: rgba(22, 35, 64, .75);--glass-bg-subtle: rgba(22, 35, 64, .5);--glass-border: rgba(118, 170, 219, .2);--glass-border-accent: rgba(251, 176, 59, .3);--glass-highlight: rgba(255, 255, 255, .05);--glass-shadow: 0 4px 24px -4px rgba(0, 0, 0, .4), 0 0 40px -10px rgba(118, 170, 219, .15);--glass-blur: blur(16px);--glass-blur-strong: blur(24px);--bg-gradient: radial-gradient(ellipse at top left, rgba(118, 170, 219, .15) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(251, 176, 59, .1) 0%, transparent 50%), linear-gradient(180deg, #0a1628 0%, #0f1d32 100%);--logo-filter: drop-shadow(0 0 12px rgba(118, 170, 219, .4)) drop-shadow(0 0 4px rgba(255, 255, 255, .2))}[data-theme=light]{--color-dark: #f0f4f8;--color-dark-surface: #ffffff;--color-dark-card: #ffffff;--color-dark-elevated: #f8fafc;--color-text: #1a2744;--color-text-muted: #5a6b8a;--color-text-dim: #8b9ab5;--glass-bg: rgba(255, 255, 255, .65);--glass-bg-subtle: rgba(255, 255, 255, .4);--glass-border: rgba(118, 170, 219, .25);--glass-border-accent: rgba(251, 176, 59, .4);--glass-highlight: rgba(255, 255, 255, .8);--glass-shadow: 0 4px 24px -4px rgba(0, 0, 0, .08), 0 0 40px -10px rgba(118, 170, 219, .12), 0 1px 3px rgba(0, 0, 0, .05);--bg-gradient: radial-gradient(ellipse at top left, rgba(118, 170, 219, .2) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(251, 176, 59, .15) 0%, transparent 50%), linear-gradient(180deg, #e8f1f8 0%, #f5f7fa 50%, #fef8f0 100%);--logo-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .1)) drop-shadow(0 0 20px rgba(118, 170, 219, .3))}html{scroll-behavior:smooth}body{background:var(--color-dark);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--color-text);overflow-x:hidden;min-height:100vh;transition:background .3s ease,color .3s ease}.glass-surface{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-surface-subtle{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:background .3s ease,border-color .3s ease}.floating-bar{position:fixed;top:0;left:0;right:0;z-index:var(--z-chrome);background:var(--glass-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a,inset 0 1px 0 var(--glass-highlight);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-logo{filter:var(--logo-filter);transition:filter .3s ease,transform .2s ease}.glass-logo:hover{transform:scale(1.05)}.layout-chrome{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-chrome)}.layout-chrome>*{pointer-events:auto}.layout-content{position:relative;z-index:var(--z-content);min-height:100vh;padding-top:80px;padding-bottom:120px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);color:var(--color-text);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:500;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.glass-button:hover{background:var(--glass-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #76aadb33}.glass-button.primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border-color:var(--color-accent);color:#1a2744;font-weight:600;box-shadow:0 4px 16px #fbb03b4d}.glass-button.primary:hover{background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:0 6px 24px #fbb03b66}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);padding:1.5rem;transition:all .3s ease}.glass-card:hover{border-color:#76aadb4d;box-shadow:0 8px 32px -4px #00000026,0 0 60px -10px #76aadb26}.glass-input{background:var(--glass-bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);padding:.75rem 1rem;transition:all .2s ease;width:100%}.glass-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #76aadb33;background:var(--glass-bg)}.glass-input::placeholder{color:var(--color-text-dim)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.2}.stat-card .stat-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-overlay{background:#0a1628b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=light] .modal-overlay{background:#ffffffb3}.modal-content{background:var(--color-dark-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 80px -20px #76aadb26;transition:background .3s ease,border-color .3s ease}.theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--glass-bg-subtle);border:1px solid var(--glass-border);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--color-primary);background:var(--glass-bg)}.theme-toggle-track{width:48px;height:26px;background:var(--color-dark-elevated);border-radius:var(--radius-full);position:relative;transition:background .3s ease}[data-theme=light] .theme-toggle-track{background:var(--color-primary)}.theme-toggle-thumb{width:22px;height:22px;background:var(--color-text);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease,background .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-dark)}[data-theme=light] .theme-toggle-thumb{transform:translate(22px);background:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-dark)}::-webkit-scrollbar-thumb{background:var(--color-dark-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){.glass-surface,.glass-card,.floating-bar{background:var(--color-dark-card);border-color:var(--color-text-muted)}.glass-button{background:var(--color-dark-elevated);border-color:var(--color-text-muted)}}@media(prefers-reduced-transparency:reduce){.glass-surface,.glass-card,.floating-bar{background:var(--color-dark-card);backdrop-filter:none;-webkit-backdrop-filter:none}}