:root{--color-primary-50: #E8F8F0;--color-primary-100: #D1F1E1;--color-primary-200: #A8E6CF;--color-primary-300: #7BDBB4;--color-primary-400: #5BC99D;--color-primary-500: #3AB885;--color-primary-600: #2A9A6C;--color-primary-700: #1F7A54;--color-primary-800: #155A3D;--color-primary-900: #0B3A27;--liquid-glass-bg: rgba(255, 255, 255, .7);--color-bg: #FFFFFF;--color-surface: #F8FAF9;--color-surface-elevated: #FFFFFF;--color-border: #E2E8E6;--color-border-muted: #F1F5F4;--color-text: #1A2F2A;--color-text-muted: #5A7A70;--color-text-subtle: #8BACA3;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-solid: rgba(255, 255, 255, .85);--glass-border: rgba(168, 230, 207, .2);--glass-border-hover: rgba(168, 230, 207, .4);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-shadow-hover: 0 12px 48px rgba(0, 0, 0, .12);--glow-primary: rgba(168, 230, 207, .4);--glow-primary-intense: rgba(168, 230, 207, .6);--color-success: #34D399;--color-success-bg: rgba(52, 211, 153, .1);--color-warning: #FBBF24;--color-warning-bg: rgba(251, 191, 36, .1);--color-danger: #F87171;--color-danger-bg: rgba(248, 113, 113, .1);--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.dark{--liquid-glass-bg: rgba(10, 26, 20, .7);--color-bg: #0A1A14;--color-surface: #0D1F18;--color-surface-elevated: #12291F;--color-border: #1A3528;--color-border-muted: #254535;--color-text: #E8F5F0;--color-text-muted: #8BACA3;--color-text-subtle: #5A7A70;--glass-bg: rgba(18, 41, 31, .5);--glass-bg-solid: rgba(18, 41, 31, .8);--glass-border: rgba(168, 230, 207, .1);--glass-border-hover: rgba(168, 230, 207, .25);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .5);--glow-primary: rgba(168, 230, 207, .35);--glow-primary-intense: rgba(168, 230, 207, .55);--color-success-bg: rgba(52, 211, 153, .15);--color-warning-bg: rgba(251, 191, 36, .15);--color-danger-bg: rgba(248, 113, 113, .15);--color-info-bg: rgba(96, 165, 250, .15)}.glass{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-solid{background:var(--glass-bg-solid);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-hover{transition:all var(--transition-slow)}.glass-hover:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),0 0 40px var(--glow-primary);transform:translateY(-2px)}.glass-interactive{transition:all var(--transition-normal);cursor:pointer}.glass-interactive:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow),0 0 30px var(--glow-primary)}.glass-interactive:active{transform:scale(.98)}.glow-sm{box-shadow:0 0 20px #a8e6cf4d,0 0 40px #a8e6cf26}.glow-md{box-shadow:0 0 30px #a8e6cf66,0 0 60px #a8e6cf33}.glow-lg{box-shadow:0 0 40px #a8e6cf80,0 0 80px #a8e6cf40}.glow-intense{box-shadow:0 0 30px #a8e6cf99,0 0 60px #a8e6cf59,0 0 100px #a8e6cf33}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #a8e6cf4d,0 0 40px #a8e6cf26}50%{box-shadow:0 0 40px #a8e6cf80,0 0 80px #a8e6cf4d}}.text-glow{text-shadow:0 0 10px rgba(168,230,207,.6)}.text-glow-lg{text-shadow:0 0 20px rgba(168,230,207,.7)}.btn-glow{position:relative;box-shadow:0 4px 12px #a8e6cf33;transition:all var(--transition-normal)}.btn-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;filter:blur(12px);opacity:.4;z-index:-1;transform:translateY(4px);transition:all var(--transition-normal)}.btn-glow:hover{box-shadow:0 6px 16px #a8e6cf40;transform:translateY(-1px)}.btn-glow:hover:after{opacity:.5;filter:blur(16px);transform:translateY(6px)}.btn-glow:active{transform:translateY(0) scale(.98)}box-shadow: 0 2px 10px rgba(168,230,207,.4),0 0 20px rgba(168,230,207,.2); } .aurora-bg{position:relative;background-color:var(--color-bg);overflow:hidden}.aurora-bg:before{content:"";position:absolute;width:600px;height:600px;top:-200px;right:-100px;background:radial-gradient(circle,rgba(168,230,207,.12) 0%,rgba(30,60,50,.06) 40%,transparent 70%);filter:blur(60px);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}.aurora-bg:after{content:"";position:absolute;width:500px;height:500px;bottom:-150px;left:-100px;background:radial-gradient(circle,rgba(91,201,157,.08) 0%,rgba(26,63,53,.04) 50%,transparent 70%);filter:blur(80px);animation:float 25s ease-in-out infinite reverse;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}@keyframes aurora{0%{background-position:0% 50%,50% 50%}50%{background-position:100% 50%,50% 50%}to{background-position:0% 50%,50% 50%}}@keyframes liquidBorderFlow{0%,to{background-position:-100% 0;opacity:.3}50%{background-position:200% 0;opacity:.6}}@keyframes liquidShimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}.animate-aurora{animation:aurora var(--animation-speed, 30s) linear infinite}.aurora-content{position:relative;z-index:1}.input-base{width:100%;padding:12px 16px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:14px;transition:all var(--transition-normal);outline:none}.input-base::placeholder{color:var(--color-text-subtle)}.input-base:hover{border-color:var(--glass-border-hover)}.input-base:focus{border-color:var(--color-primary-300);box-shadow:0 0 0 3px #a8e6cf26}.input-base:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--color-danger)!important}.input-error:focus{box-shadow:0 0 0 3px #f8717126}.input-glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.input-glass:focus{background:var(--glass-bg-solid);border-color:var(--color-primary-300);box-shadow:0 0 0 3px #a8e6cf26,0 0 20px var(--glow-primary)}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-lg);transition:all var(--transition-slow)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow)}.card-hover:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),0 0 40px var(--glow-primary);transform:translateY(-4px)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.99)}.modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100}.modal-content{background:var(--glass-bg-solid);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-hover),0 0 60px var(--glow-primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;transition:all var(--transition-fast)}.badge-primary{background:#a8e6cf26;color:var(--color-primary-400);border:1px solid rgba(168,230,207,.2)}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(52,211,153,.2)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(251,191,36,.2)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(248,113,113,.2)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(96,165,250,.2)}.text-muted{color:#6b7280}.dark .text-muted{color:#9ca3af}.text-secondary{color:#4b5563}.dark .text-secondary{color:#d1d5db}.text-subtle{color:#9ca3af}.dark .text-subtle{color:#6b7280}.text-label{color:#374151;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.dark .text-label{color:#e5e7eb}.dark .text-gray-500{color:#9ca3af!important}.dark .text-gray-600{color:#d1d5db!important}.dark .text-gray-700{color:#e5e7eb!important}.progress-track{width:100%;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-300),var(--color-primary-400));border-radius:var(--radius-full);transition:width var(--transition-slow);box-shadow:0 0 10px var(--glow-primary)}.tab-list{display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.tab-trigger{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-normal)}.tab-trigger:hover{color:var(--color-text);background:#a8e6cf1a}.tab-trigger[data-state=active],.tab-trigger.active{color:var(--color-text);background:var(--color-surface-elevated);box-shadow:0 2px 8px #0000001a,0 0 20px var(--glow-primary)}.toggle-track{width:44px;height:24px;padding:2px;border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;transition:all var(--transition-normal)}.toggle-track[data-state=checked],.toggle-track.checked{background:linear-gradient(135deg,var(--color-primary-300),var(--color-primary-400));box-shadow:0 0 20px var(--glow-primary)}.toggle-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:#fff;box-shadow:0 2px 4px #0003;transition:transform var(--transition-normal)}.toggle-track[data-state=checked] .toggle-thumb,.toggle-track.checked .toggle-thumb{transform:translate(20px)}.spinner{width:24px;height:24px;border:2px solid var(--glass-border);border-top-color:var(--color-primary-300);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-glow{box-shadow:0 0 20px var(--glow-primary)}@keyframes spin{to{transform:rotate(360deg)}}.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-box{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.checkbox-box:hover{border-color:var(--color-primary-300)}.checkbox-box[data-state=checked],.checkbox-box.checked{background:linear-gradient(135deg,var(--color-primary-300),var(--color-primary-400));border-color:var(--color-primary-400);box-shadow:0 0 15px var(--glow-primary)}.checkbox-box[data-state=checked] svg,.checkbox-box.checked svg{color:var(--color-bg)}.sidebar-glass{background:var(--glass-bg-solid);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-border)}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:14px;font-weight:500;transition:all var(--transition-normal);cursor:pointer}.sidebar-item:hover{color:var(--color-text);background:#a8e6cf1a}.sidebar-item.active{color:var(--color-primary-300);background:#a8e6cf26;box-shadow:0 0 20px var(--glow-primary)}.text-primary{color:var(--color-primary-300)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.bg-surface{background:var(--color-surface)}.bg-elevated{background:var(--color-surface-elevated)}.border-default{border-color:var(--color-border)}.border-muted{border-color:var(--color-border-muted)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #a8e6cf33}.text-gradient{background:linear-gradient(135deg,var(--color-primary-200),var(--color-primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-line{position:relative}.accent-line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary-300),var(--color-primary-500));border-radius:0 var(--radius-sm) var(--radius-sm) 0;opacity:0;transition:opacity var(--transition-normal)}.accent-line:hover:before,.accent-line.active:before{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown .4s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .3s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slideInLeft .3s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,var(--color-border) 0%,var(--color-surface) 50%,var(--color-border) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes glowBreathe{0%,to{box-shadow:0 0 20px #a8e6cf1a}50%{box-shadow:0 0 30px #a8e6cf40}}.animate-glow-breathe{animation:glowBreathe 3s ease-in-out infinite}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-bounce-subtle{animation:bounceSubtle 2s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,0 0 20px #a8e6cf1a}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #a8e6cf33}.press-effect{transition:transform .1s ease}.press-effect:active{transform:scale(.98)}@keyframes auroraShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-aurora-gradient{background:linear-gradient(135deg,#a8e6cf4d,#7bdbb433,#5bc99d4d,#a8e6cf33);background-size:300% 300%;animation:auroraShift 8s ease infinite}@keyframes pulseRing{0%{box-shadow:0 0 #a8e6cf66}70%{box-shadow:0 0 0 10px #a8e6cf00}to{box-shadow:0 0 #a8e6cf00}}.animate-pulse-ring{animation:pulseRing 2s infinite}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}75%{transform:translateY(5px) rotate(-1deg)}}.animate-floating{animation:floating 6s ease-in-out infinite}