:root{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--glass-bg:rgba(255, 255, 255, 0.25);--glass-border:rgba(255, 255, 255, 0.18);--glass-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.37);--glass-backdrop:blur(4px);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-primary:#334155;--border-secondary:#475569;--glass-bg:rgba(15, 23, 42, 0.25);--glass-border:rgba(148, 163, 184, 0.18);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.37)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow),0 20px 40px rgba(31,38,135,.2)}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);border-bottom:1px solid var(--glass-border)}.glass-sidebar{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.theme-toggle{position:relative;background:0 0;border:none;cursor:pointer;transition:all var(--transition-normal);overflow:visible}.theme-toggle::before{display:none}.theme-toggle:hover{background:0 0;border:none}[data-theme=dark] .theme-toggle:hover{background:0 0;border:none}.btn-liquid{position:relative;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-xl);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-normal);overflow:hidden;cursor:pointer}.btn-liquid::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-liquid:hover::before{left:100%}.btn-liquid:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.4)}.btn-liquid:active{transform:translateY(0)}.card-liquid{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.card-liquid::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-400),transparent);opacity:0;transition:opacity var(--transition-normal)}.card-liquid:hover::before{opacity:1}.card-liquid:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--primary-300)}.fluid-bg{position:relative;overflow:hidden}.fluid-bg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient( from 0 at 50% 50%,var(--primary-500) 0,var(--primary-400) 60deg,var(--primary-600) 120deg,var(--primary-500) 180deg,var(--primary-400) 240deg,var(--primary-600) 300deg,var(--primary-500) 360deg );animation:fluid-rotate 20s linear infinite;opacity:.1;z-index:-1}@keyframes fluid-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.neon-text{color:var(--primary-400);text-shadow:0 0 5px var(--primary-400),0 0 10px var(--primary-400),0 0 15px var(--primary-400),0 0 20px var(--primary-400);animation:neon-pulse 2s ease-in-out infinite alternate}@keyframes neon-pulse{from{text-shadow:0 0 5px var(--primary-400),0 0 10px var(--primary-400),0 0 15px var(--primary-400),0 0 20px var(--primary-400)}to{text-shadow:0 0 2px var(--primary-400),0 0 5px var(--primary-400),0 0 8px var(--primary-400),0 0 12px var(--primary-400)}}.neon-border{border:1px solid var(--primary-400);box-shadow:0 0 5px var(--primary-400),inset 0 0 5px var(--primary-400);animation:neon-border-pulse 2s ease-in-out infinite alternate}@keyframes neon-border-pulse{from{box-shadow:0 0 5px var(--primary-400),inset 0 0 5px var(--primary-400)}to{box-shadow:0 0 10px var(--primary-400),0 0 15px var(--primary-400),inset 0 0 10px var(--primary-400)}}.gradient-text{background:linear-gradient(135deg,var(--primary-400),var(--primary-600),#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,100%{background-position:0}50%{background-position:100%}}.float{animation:float 6s ease-in-out infinite}.float-delayed{animation:float 6s ease-in-out infinite;animation-delay:-3s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1)infinite}@keyframes pulse-slow{0%,100%{opacity:1}50%{opacity:.5}}.rotate-slow{animation:rotate-slow 20s linear infinite}@keyframes rotate-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm:hover{transform:scale(1.02)}.shadow-glass{box-shadow:0 8px 32px rgba(31,38,135,.37),0 2px 4px rgba(31,38,135,.2)}.shadow-neon{box-shadow:0 0 20px var(--primary-400),0 0 40px var(--primary-400),0 0 60px var(--primary-400)}.border-gradient{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg)}.border-gradient::before{content:'';position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,var(--primary-400),var(--primary-600),#8b5cf6);border-radius:inherit;mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}@media(max-width:768px){.glass-card{padding:var(--space-md)}.btn-liquid{padding:.5rem 1rem;font-size:.875rem}.card-liquid{padding:var(--space-lg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.fluid-bg::before{animation:none}.neon-text,.neon-border{animation:none}.gradient-text{animation:none}.float,.float-delayed{animation:none}}@media(prefers-contrast:high){.glass,.glass-card,.glass-nav,.glass-sidebar{background:var(--bg-primary);backdrop-filter:none;-webkit-backdrop-filter:none;border:2px solid var(--border-primary)}.btn-liquid{background:var(--primary-600);border:2px solid var(--primary-800)}.neon-text{text-shadow:none;color:var(--primary-600);font-weight:700}}@media print{.glass,.glass-card,.glass-nav,.glass-sidebar{background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;border:1px solid #ccc !important}.btn-liquid{background:#333 !important;color:#fff !important;box-shadow:none !important}.neon-text{color:#333 !important;text-shadow:none !important}.gradient-text,.gradient-text-primary{-webkit-text-fill-color:#333 !important;background:0 0 !important}}@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(prefers-contrast:high){:root{--color-border-light:#000000;--color-border-medium:#000000;--color-border-dark:#000000}.card{border:2px solid}.btn{border:2px solid}}