:root{--deep-space-900: #0f0c29;--deep-space-800: #181533;--deep-space-700: #24243e;--deep-space-600: #302b63;--deep-space-500: #3d3776;--neon-purple: #8b5cf6;--neon-blue: #6366f1;--neon-pink: #ec4899;--neon-cyan: #06b6d4;--neon-green: #10b981;--glass-white: rgba(255, 255, 255, .1);--glass-white-hover: rgba(255, 255, 255, .15);--glass-dark: rgba(15, 12, 41, .6);--glass-glow: rgba(139, 92, 246, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .4);--glow-purple: 0 0 20px rgba(139, 92, 246, .5);--glow-blue: 0 0 20px rgba(99, 102, 241, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--z-base: 1;--z-card: 10;--z-float: 100;--z-sidebar: 500;--z-modal: 1000;--z-overlay: 2000;--z-notification: 3000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--deep-space-900) 0%,var(--deep-space-600) 50%,var(--deep-space-700) 100%);background-attachment:fixed;color:#fff;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(99,102,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.05) 0%,transparent 50%);animation:particle-drift 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes particle-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}#root{width:100vw;height:100vh;position:relative;z-index:1}.command-orb{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));box-shadow:var(--shadow-lg),var(--glow-purple);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:var(--z-float);backdrop-filter:blur(20px)}.command-orb:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-xl),0 0 40px #8b5cf6cc}.command-orb i{font-size:32px;color:#fff;transition:transform .3s ease}.command-orb:hover i{transform:rotate(-90deg)}.revolution-sidebar{position:fixed;left:var(--space-lg);top:50%;transform:translateY(-50%);width:80px;max-height:90vh;background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg),inset 0 0 60px #8b5cf61a;padding:var(--space-sm) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);z-index:var(--z-sidebar);transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;overflow-x:hidden}.revolution-sidebar:hover{width:240px;padding:var(--space-md)}.revolution-sidebar::-webkit-scrollbar{width:4px}.revolution-sidebar::-webkit-scrollbar-track{background:transparent}.revolution-sidebar::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:var(--radius-full)}.revolution-sidebar::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;flex-shrink:0}.sidebar-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),transparent);transition:left .5s ease}.sidebar-item:hover:before{left:100%}.sidebar-item:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff;transform:translate(8px);box-shadow:var(--glow-purple)}.sidebar-item.active{background:linear-gradient(135deg,#8b5cf64d,#6366f64d);border-color:#8b5cf699;color:#fff;box-shadow:var(--glow-purple)}.sidebar-item i{font-size:24px;min-width:24px}.sidebar-label{white-space:nowrap;opacity:0;transform:translate(-10px);transition:all .3s ease;font-weight:500;font-size:14px}.revolution-sidebar:hover .sidebar-label{opacity:1;transform:translate(0)}.revolution-canvas{position:absolute;left:140px;right:var(--space-lg);top:var(--space-lg);bottom:var(--space-lg);padding:var(--space-2xl);overflow-y:auto;overflow-x:hidden}.revolution-canvas::-webkit-scrollbar{width:8px}.revolution-canvas::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.revolution-canvas::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-purple),var(--neon-blue));border-radius:var(--radius-full)}.revolution-canvas::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-blue),var(--neon-purple))}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.revolution-card{background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);padding:var(--space-lg);box-shadow:var(--shadow-md),inset 0 0 60px #8b5cf60d;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:pointer}.revolution-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.revolution-card:hover:before{opacity:1}.revolution-card:hover{transform:translateY(-8px) scale(1.02);border-color:#8b5cf666;box-shadow:var(--shadow-xl),var(--glow-purple)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.card-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#fff,var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:var(--glow-purple)}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:180px}.stat-value{font-size:64px;font-weight:800;background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-sm)}.stat-label{font-size:16px;color:#ffffffb3;font-weight:500}.hero-section{margin-bottom:var(--space-3xl);text-align:center}.hero-title{font-size:56px;font-weight:900;background:linear-gradient(135deg,#fff,var(--neon-purple),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);letter-spacing:-1px}.hero-subtitle{font-size:20px;color:#ffffffb3;font-weight:400}.glass-panel{background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.neon-border{border:1px solid rgba(139,92,246,.4);box-shadow:var(--glow-purple)}.text-gradient{background:linear-gradient(135deg,#fff,var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.animate-stagger>*{animation:fade-in-up .6s cubic-bezier(.34,1.56,.64,1) backwards}.animate-stagger>*:nth-child(1){animation-delay:.05s}.animate-stagger>*:nth-child(2){animation-delay:.1s}.animate-stagger>*:nth-child(3){animation-delay:.15s}.animate-stagger>*:nth-child(4){animation-delay:.2s}.animate-stagger>*:nth-child(5){animation-delay:.25s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.animate-stagger>*:nth-child(7){animation-delay:.35s}.animate-stagger>*:nth-child(8){animation-delay:.4s}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf666}50%{box-shadow:0 0 40px #8b5cf6cc}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #8b5cf699}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-container{position:relative;overflow:hidden}.ripple-container:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.ripple-container:active:before{width:300px;height:300px}@keyframes particle-float{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(10px,-10px);opacity:.7}50%{transform:translate(-5px,-20px);opacity:1}75%{transform:translate(-15px,-10px);opacity:.7}}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(139,92,246,.8),transparent);border-radius:50%;animation:particle-float 4s ease-in-out infinite;pointer-events:none}.particle:nth-child(2n){animation-delay:1s;background:radial-gradient(circle,rgba(99,102,241,.8),transparent)}.particle:nth-child(3n){animation-delay:2s;background:radial-gradient(circle,rgba(236,72,153,.8),transparent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes loading-dots{0%,20%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(1)}}.loading-dots span{display:inline-block;width:8px;height:8px;margin:0 4px;background:var(--neon-purple);border-radius:50%;animation:loading-dots 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes swipe-hint{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.swipeable{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.morph-shape{animation:morph 8s ease-in-out infinite}.perspective-container{perspective:1000px}@keyframes flip-in{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes flip-card{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.flip-card{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.flip-card.flipped{transform:rotateY(180deg)}.gpu-accelerated{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fab-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:var(--z-float)}.fab-main{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));box-shadow:var(--shadow-lg),0 0 30px #8b5cf699;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:none;position:relative;overflow:hidden}.fab-main:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.fab-main:active:before{width:300px;height:300px}.fab-main:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-xl),0 0 50px #8b5cf6e6}.fab-main i{font-size:28px;color:#fff;z-index:1;transition:transform .4s ease}.fab-main:hover i{transform:rotate(-90deg) scale(1.2)}.fab-menu{position:absolute;bottom:90px;right:0;display:flex;flex-direction:column;gap:var(--space-md);opacity:0;pointer-events:none;transition:all .3s ease}.fab-container:hover .fab-menu{opacity:1;pointer-events:all}.fab-item{width:56px;height:56px;border-radius:var(--radius-full);background:var(--glass-dark);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:fade-in-scale .4s cubic-bezier(.34,1.56,.64,1) backwards}.fab-item:nth-child(1){animation-delay:.05s}.fab-item:nth-child(2){animation-delay:.1s}.fab-item:nth-child(3){animation-delay:.15s}.fab-item:nth-child(4){animation-delay:.2s}.fab-item:hover{transform:scale(1.15);background:#8b5cf64d;border-color:#8b5cf699;box-shadow:var(--glow-purple)}.fab-item i{font-size:24px;color:#fff}.search-container{position:relative;max-width:600px;margin:0 auto var(--space-2xl)}.search-bar{width:100%;padding:var(--space-lg) var(--space-xl);padding-left:60px;background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);border:2px solid transparent;border-radius:var(--radius-full);font-size:18px;color:#fff;outline:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md)}.search-bar::placeholder{color:#ffffff80}.search-bar:focus{border-color:var(--neon-purple);box-shadow:var(--shadow-lg),var(--glow-purple);transform:scale(1.02)}.search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);font-size:24px;color:#ffffff80;pointer-events:none;transition:all .3s ease}.search-bar:focus+.search-icon{color:var(--neon-purple);transform:translateY(-50%) scale(1.1)}.neural-card{position:relative;background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.neural-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(99,102,246,.1) 0%,transparent 40%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.neural-card:hover:before{opacity:1}.neural-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transform:rotate(0);transition:transform .6s ease;pointer-events:none;z-index:0}.neural-card:hover:after{transform:rotate(180deg)}.neural-card:hover{transform:translateY(-12px) scale(1.03);border-color:#8b5cf666;box-shadow:var(--shadow-xl),var(--glow-purple)}.progress-ring-container{position:relative;width:120px;height:120px}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.34,1.56,.64,1)}.progress-ring-bg{stroke:#ffffff1a}.progress-ring-fill{stroke:url(#gradient);filter:drop-shadow(0 0 10px rgba(139,92,246,.6))}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff}.timeline-container{position:relative;padding-left:var(--space-2xl)}.timeline-line{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 10px #8b5cf699}.timeline-item{position:relative;margin-bottom:var(--space-2xl);padding-left:var(--space-xl);animation:fade-in-up .6s cubic-bezier(.34,1.56,.64,1) backwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-marker{position:absolute;left:-28px;top:0;width:20px;height:20px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 15px #8b5cf6cc;border:3px solid var(--deep-space-900);animation:pulse-glow 2s ease-in-out infinite}.timeline-content{background:var(--glass-dark);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.timeline-content:hover{transform:translate(8px);border-color:#8b5cf666;box-shadow:var(--glow-purple)}.dropzone{min-height:200px;border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s ease;cursor:pointer}.dropzone:hover{border-color:#8b5cf699;background:#8b5cf60d}.dropzone.drag-over{border-color:var(--neon-purple);background:#8b5cf61a;box-shadow:inset 0 0 30px #8b5cf64d;transform:scale(1.02)}.draggable-card{cursor:grab;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.draggable-card:active{cursor:grabbing;transform:scale(1.05);opacity:.8;box-shadow:var(--shadow-xl)}.toast-container{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--space-md)}.toast{min-width:320px;padding:var(--space-lg) var(--space-xl);background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-md);animation:slide-in-right .4s cubic-bezier(.34,1.56,.64,1)}.toast.success{border-left:4px solid var(--neon-green)}.toast.error{border-left:4px solid var(--neon-pink)}.toast.info{border-left:4px solid var(--neon-cyan)}.toast-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px}.toast.success .toast-icon{background:#10b98133;color:var(--neon-green)}.toast.error .toast-icon{background:#ec489933;color:var(--neon-pink)}.toast.info .toast-icon{background:#06b6d433;color:var(--neon-cyan)}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px;color:#fff}.toast-message{font-size:14px;color:#ffffffb3}.toast-close{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#fff}.modal-overlay{position:fixed;inset:0;background:#0f0c29cc;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in .3s ease}.modal-content{background:var(--glass-dark);backdrop-filter:blur(60px) saturate(180%);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-xl),var(--glow-purple);max-width:90vw;max-height:90vh;overflow:auto;animation:fade-in-scale .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.btn-revolution{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));color:#fff;box-shadow:var(--shadow-md),var(--glow-purple)}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg),0 0 30px #8b5cf6cc}.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff}.btn-ghost:hover{border-color:var(--neon-purple);background:#8b5cf61a;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:#8b5cf633;color:var(--neon-purple);border:1px solid rgba(139,92,246,.4)}.badge.success{background:#10b98133;color:var(--neon-green);border-color:#10b98166}.badge.warning{background:#fbbf2433;color:#fbbf24;border-color:#fbbf2466}.meal-plan-card{position:relative;background:var(--glass-dark);backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md)}.meal-plan-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,246,.15) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.meal-plan-card:hover:before{opacity:1}.meal-plan-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:var(--shadow-xl),0 0 40px #8b5cf64d}.meal-card-header{position:relative;z-index:1}.meal-plan-card .ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}@media (max-width: 768px){.meal-plan-card{border-radius:var(--radius-lg)}.meal-card-header{padding:var(--space-md)!important}.meal-card-header h3{font-size:1.4rem!important}.meal-plan-card .ingredients-grid{grid-template-columns:1fr}}.meal-plan-card .meal-stat{transition:all .3s ease;padding:var(--space-sm);border-radius:var(--radius-md)}.meal-plan-card .meal-stat:hover{background:#ffffff0d;transform:scale(1.05)}.auth-screen{position:fixed;inset:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow:hidden;animation:authScreenFadeIn .8s cubic-bezier(.25,.46,.45,.94)}@keyframes authScreenFadeIn{0%{opacity:0}to{opacity:1}}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.6}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1100px;width:100%;background:#0f0c2966;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:32px;overflow:hidden;border:1px solid rgba(139,92,246,.3);box-shadow:0 20px 60px #00000080,0 0 0 1px #8b5cf633 inset,0 0 100px #8b5cf64d;animation:authContainerSlideIn .8s cubic-bezier(.25,.46,.45,.94) .2s backwards;position:relative;z-index:2}@keyframes authContainerSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#8b5cf6,#6366f1,#ec4899,#06b6d4,#8b5cf6);background-size:400% 400%;border-radius:32px;z-index:-1;opacity:.3;animation:neuralPulse 8s ease infinite}@keyframes neuralPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-form-container{padding:60px 50px;background:#0f0c2999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;position:relative}.auth-logo{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 8px 24px #8b5cf680,0 0 0 1px #ffffff1a inset;animation:logoFloat 3s ease-in-out infinite;position:relative}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-logo i{font-size:40px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);z-index:2;position:relative}.logo-glow{position:absolute;width:100%;height:100%;border-radius:20px;background:radial-gradient(circle,rgba(139,92,246,.6) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.auth-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(139,92,246,.5)}.auth-subtitle{font-size:15px;color:#a0aec0;margin-bottom:40px;line-height:1.6}.auth-tabs{display:flex;gap:8px;margin-bottom:40px;padding:4px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.auth-tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#a0aec0;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}.auth-tab:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);opacity:0;transition:opacity .3s ease}.auth-tab:hover{color:#a78bfa;background:#8b5cf61a}.auth-tab.active{color:#fff;position:relative}.auth-tab.active:before{opacity:1}.auth-tab span{position:relative;z-index:1}.auth-tab.active{box-shadow:0 4px 16px #8b5cf666,0 0 0 1px #ffffff1a inset,0 0 20px #8b5cf64d}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:8px;letter-spacing:-.2px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon i{position:absolute;left:16px;font-size:18px;color:#8b5cf6;z-index:2;pointer-events:none;transition:all .3s ease}.input-with-icon .form-control{width:100%;padding:14px 16px 14px 48px;font-size:15px;color:#e2e8f0;background:#0f0c2999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(139,92,246,.3);border-radius:12px;outline:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0000004d}.input-with-icon .form-control::placeholder{color:#64748b}.input-with-icon .form-control:focus{border-color:#8b5cf6;background:#0f0c29cc;box-shadow:0 4px 16px #8b5cf64d,0 0 0 4px #8b5cf61a,0 0 20px #8b5cf633;transform:translateY(-2px)}.input-with-icon .form-control:focus+i,.input-with-icon:has(.form-control:focus) i{color:#a78bfa;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.btn-primary.btn-block{width:100%;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;box-shadow:0 8px 24px #8b5cf666,0 0 0 1px #ffffff1a inset,0 0 30px #8b5cf64d;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-primary.btn-block: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-primary.btn-block:hover:before{left:100%}.btn-primary.btn-block:after{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#ec4899,#8b5cf6,#06b6d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.btn-primary.btn-block:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680,0 0 0 1px #fff3 inset,0 0 40px #8b5cf666}.btn-primary.btn-block:hover:after{opacity:1}.btn-primary.btn-block:active{transform:translateY(0);box-shadow:0 4px 16px #8b5cf666,0 0 0 1px #ffffff1a inset}.btn-primary.btn-block:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary.btn-block i{font-size:20px;position:relative;z-index:1}.btn-primary.btn-block span{position:relative;z-index:1}.auth-error{padding:14px 18px;background:#ef444426;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fca5a5;font-size:14px;margin-top:16px;animation:errorShake .5s ease;box-shadow:0 0 20px #ef444433}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.auth-features{padding:60px 50px;background:linear-gradient(135deg,#8b5cf614,#6366f114);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(139,92,246,.2);position:relative}.auth-features:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.auth-features h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:32px;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.feature-item{display:flex;gap:20px;margin-bottom:32px;animation:featureSlideIn .6s cubic-bezier(.25,.46,.45,.94) backwards;position:relative;z-index:1}.feature-item:nth-child(2){animation-delay:.1s}.feature-item:nth-child(3){animation-delay:.2s}.feature-item:nth-child(4){animation-delay:.3s}@keyframes featureSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.feature-icon{width:56px;height:56px;min-width:56px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #8b5cf666,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}.icon-glow{position:absolute;width:100%;height:100%;border-radius:16px;background:radial-gradient(circle,rgba(139,92,246,.8) 0%,transparent 70%);animation:iconGlowPulse 2s ease-in-out infinite}@keyframes iconGlowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.feature-item:hover .feature-icon{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #8b5cf680,0 0 0 1px #fff3 inset,0 0 30px #8b5cf666}.feature-icon i{font-size:28px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);z-index:2;position:relative}.feature-text h3{font-size:17px;font-weight:600;color:#e2e8f0;margin-bottom:6px;letter-spacing:-.3px}.feature-text p{font-size:14px;color:#94a3b8;line-height:1.6;margin:0}@media (max-width: 900px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-features{display:none}.auth-form-container{padding:50px 40px}}@media (max-width: 480px){.auth-screen{padding:12px}.auth-container{border-radius:24px}.auth-form-container{padding:40px 30px}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}.auth-logo{width:70px;height:70px}.auth-logo i{font-size:35px}}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}