@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--dark-bg: #0f0f1e;--card-bg: rgba(255, 255, 255, .05)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--dark-bg);color:#fff}html{background-color:var(--dark-bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.home-container{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 40%,#16213e);background-attachment:fixed;color:#fff;position:relative;overflow-x:hidden}.navbar{padding:24px 0;position:relative;z-index:10}.nav-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:Space Grotesk,Inter,sans-serif;font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:6px}.nav-logo-icon{font-size:32px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.nav-links{display:flex;gap:16px;align-items:center}.nav-link{color:#fffc;text-decoration:none;font-size:15px;font-weight:500;padding:10px 20px;border-radius:8px;transition:all .3s ease}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:12px 24px;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.nav-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.nav-tagline{color:#fff9;font-size:13px;font-weight:500;font-style:italic;letter-spacing:.5px}.hero-section{max-width:1300px;margin:0 auto;padding:100px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;position:relative;z-index:1;min-height:calc(100vh - 120px)}.hero-content{display:flex;flex-direction:column;gap:24px}.badge{display:inline-flex;align-self:flex-start;background:#667eea26;border:1px solid rgba(102,126,234,.3);padding:8px 16px;border-radius:20px;opacity:0;transform:translateY(20px) scale(.9);animation:elegantEntry 1.2s cubic-bezier(.23,1,.32,1) .2s forwards}.badge-text{font-size:13px;font-weight:600;color:#a5b4fc;letter-spacing:.5px}.hero-title{font-size:56px;font-weight:800;line-height:1.1;margin:0;letter-spacing:-1px;opacity:0;transform:translateY(30px);animation:elegantEntry 1.4s cubic-bezier(.23,1,.32,1) .4s forwards}.gradient-text{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.gradient-text:before{content:attr(data-text);position:absolute;top:0;left:0;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:textGlow 2s ease-in-out 1.5s infinite alternate}.hero-description{font-size:18px;line-height:1.7;color:#ffffffb3;margin:0;max-width:500px;opacity:0;transform:translateY(20px);animation:elegantEntry 1.2s cubic-bezier(.23,1,.32,1) .8s forwards}.cta-buttons{display:flex;gap:16px;margin-top:16px;opacity:0;transform:translateY(20px);animation:elegantEntry 1s cubic-bezier(.23,1,.32,1) 1.2s forwards}.cta-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:16px 32px;border-radius:12px;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 16px #667eea66;position:relative;overflow:hidden}.cta-primary: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 .6s}.cta-primary:hover:before{left:100%}.cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #667eea99}.cta-secondary{display:inline-flex;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:16px 32px;border-radius:12px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.cta-secondary:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.cta-secondary:hover:before{opacity:1}.cta-secondary:hover{background:#ffffff26;transform:translateY(-2px);border-color:#ffffff4d}.hero-visual{display:flex;flex-direction:column;gap:24px;position:relative;opacity:0;transform:translate(40px) scale(.95);animation:elegantSlideIn 1.5s cubic-bezier(.23,1,.32,1) .6s forwards}.visual-card{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff14;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.visual-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent);transform:translate(-100%);animation:shimmer 3s ease-in-out 2s infinite}.visual-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000080,0 0 40px #667eea4d,inset 0 1px #ffffff1f;border-color:#667eea66}.card-1{animation-delay:.8s;animation:elegantFloat 8s ease-in-out 2s infinite}.card-2{margin-left:40px;animation-delay:1s;animation:elegantFloat 8s ease-in-out 3s infinite reverse}@keyframes elegantEntry{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes elegantSlideIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes elegantFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes textGlow{0%{opacity:0;filter:blur(4px)}to{opacity:.3;filter:blur(0px)}}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.card-title{font-size:16px;font-weight:600;color:#fff}.card-content{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;transition:background .2s}.task-item:hover{background:#ffffff0d}.task-check{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0}.task-item.completed .task-check{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.task-text{font-size:14px;color:#fffc}.task-item.completed .task-text{text-decoration:line-through;opacity:.6}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item{text-align:center;padding:16px;background:#ffffff08;border-radius:10px}.stat-number{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:#fff9;margin-top:4px}.features-section{max-width:1200px;margin:0 auto;padding:80px 24px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:linear-gradient(135deg,#1e1e32cc,#19192dcc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:32px;text-align:center;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);opacity:0;transition:opacity .4s ease}.feature-card:hover{background:linear-gradient(135deg,#28283cf2,#232337f2);border-color:#667eea80;transform:translateY(-8px);box-shadow:0 20px 40px #667eea33}.feature-card:hover:before{opacity:1}.feature-icon{font-size:56px;margin-bottom:20px;display:inline-block;transition:transform .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:20px;font-weight:700;margin:0 0 16px;color:#fff;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-description{font-size:14px;line-height:1.7;color:#ffffffa6;margin:0;font-weight:500}.footer{padding:40px 24px;border-top:1px solid rgba(255,255,255,.08);margin-top:80px}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-text{color:#ffffff80;font-size:14px;margin:0}.background-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.12) 0%,transparent 70%);filter:blur(80px)}.bg-circle-1{width:700px;height:700px;top:-300px;left:-250px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);animation:pulse 10s ease-in-out infinite}.bg-circle-2{width:650px;height:650px;bottom:-300px;right:-250px;background:radial-gradient(circle,rgba(240,147,251,.12) 0%,transparent 70%);animation:pulse 12s ease-in-out infinite 3s}.bg-circle-3{width:500px;height:500px;top:40%;right:15%;background:radial-gradient(circle,rgba(79,172,254,.1) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite 6s}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;gap:60px}.hero-visual{max-width:500px;margin:0 auto}.features-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:640px){.hero-title{font-size:40px}.hero-description{font-size:16px}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}.card-2{margin-left:0}.nav-logo{font-size:18px;gap:4px}.nav-tagline{font-size:11px}.navbar{padding:16px 0}.nav-content{padding:0 16px}}.features-section{padding:80px 24px;background:linear-gradient(135deg,#667eea0d,#f093fb0d);position:relative}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:70px}.section-title{font-size:44px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#f093fb,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative;display:inline-block}.section-subtitle{font-size:18px;color:#ffffff80;font-weight:300;letter-spacing:.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:40px}.feature-card{background:#ffffff0a;border:1px solid rgba(102,126,234,.15);border-radius:16px;padding:40px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);transition:all .5s ease;opacity:0}.feature-card:hover{border-color:#667eea66;background:#667eea14;transform:translateY(-8px);box-shadow:0 16px 48px #667eea26}.feature-card:hover:before{opacity:1;top:-25%;right:-25%}.feature-icon{font-size:52px;margin-bottom:20px;display:inline-block;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{font-size:18px;font-weight:700;margin-bottom:12px;color:#fff;letter-spacing:-.3px}.feature-description{font-size:14px;color:#ffffffa6;line-height:1.7;font-weight:300;flex-grow:1}.pricing-section{padding:100px 24px;background:linear-gradient(135deg,#667eea08,#f093fb08);position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.pricing-section:after{content:"";position:absolute;bottom:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(240,147,251,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.pricing-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:60px}.pricing-card{background:#ffffff0a;border:1px solid rgba(102,126,234,.15);border-radius:16px;padding:48px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.pricing-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);opacity:0;transition:opacity .3s ease}.pricing-card:hover:not(.premium-plan):after{opacity:1}.pricing-card:hover:not(.premium-plan){transform:translateY(-12px);border-color:#667eea59;background:#667eea17;box-shadow:0 20px 60px #667eea1f}.pricing-card.premium-plan{border-color:#f093fb4d;background:#f093fb12;box-shadow:0 0 30px #f093fb14}.pricing-card.premium-plan:after{background:linear-gradient(90deg,transparent,rgba(240,147,251,.3),transparent);opacity:1}.plan-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#667eea,#f093fb);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.plan-header{margin-bottom:32px}.plan-name{font-size:28px;font-weight:700;margin-bottom:12px;color:#fff}.plan-price{display:flex;align-items:baseline;gap:8px;color:#fffc}.price-value{font-size:48px;font-weight:700;color:#fff}.price-period{font-size:14px;color:#fff9}.plan-features{list-style:none;padding:0;margin:0 0 32px}.plan-features li{padding:12px 0;font-size:15px;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.plan-features li:last-child{border-bottom:none}.plan-cta{display:block;width:100%;padding:12px 24px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-cta:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.plan-cta.disabled,.plan-cta:disabled{opacity:.6;cursor:not-allowed;background:#667eea4d}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:40px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:#fff9;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-content h2{font-size:32px;margin-bottom:24px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-body{color:#fffc}.modal-body h3{font-size:18px;margin-top:24px;margin-bottom:12px;color:#667eea}.modal-body p{margin-bottom:12px;line-height:1.6;font-size:14px}.modal-body ul{margin:12px 0 12px 20px;padding:0}.modal-body ul li{margin-bottom:8px;font-size:14px;line-height:1.6}.footer{background:linear-gradient(180deg,#0f0f1e00,#0f0f1ecc 40%,#0a0a14);border-top:1px solid rgba(102,126,234,.15);padding:80px 24px 0;margin-top:100px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.footer-content{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.2fr;gap:64px;margin-bottom:80px;padding-bottom:60px;border-bottom:1px solid rgba(102,126,234,.08)}.footer-section{color:#ffffffb3}.footer-section:first-child{padding-right:20px}.footer-title{font-size:14px;font-weight:700;margin-bottom:24px;color:#fff;text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-block}.footer-title:after{content:"";position:absolute;bottom:-8px;left:0;width:24px;height:2px;background:linear-gradient(90deg,#667eea,#f093fb);border-radius:1px}.footer-description{font-size:14px;line-height:1.7;color:#ffffff8c;font-weight:300;max-width:280px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:14px}.footer-links a,.link-button{font-size:13px;color:#ffffff8c;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;font-weight:400;position:relative;display:inline-block}.footer-links a:before,.link-button:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:linear-gradient(90deg,#667eea,#f093fb);transition:width .3s ease}.footer-links a:hover,.link-button:hover{color:#667eea}.footer-links a:hover:before,.link-button:hover:before{width:100%}.footer-bottom{padding:40px 0;text-align:center;background:#0003;border-top:1px solid rgba(102,126,234,.08)}.footer-text{font-size:13px;color:#fff6;margin:0;font-weight:300;letter-spacing:.3px}@media(max-width:768px){.section-title{font-size:36px;letter-spacing:-.5px}.section-subtitle{font-size:16px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:28px 24px}.feature-icon{font-size:40px;margin-bottom:16px}.feature-title{font-size:16px}.pricing-cards{grid-template-columns:1fr;gap:24px}.pricing-card{padding:32px 24px;margin:0}.plan-badge{top:-10px;right:16px;font-size:11px;padding:4px 12px}.plan-name{font-size:22px;margin-bottom:10px}.price-value{font-size:36px}.plan-features{margin:0 0 24px}.plan-features li{padding:10px 0;font-size:14px}.plan-cta{padding:12px 20px;font-size:14px}.modal-content{padding:32px 24px;max-width:90vw}.modal-content h2{font-size:24px;margin-bottom:20px}.modal-body h3{font-size:16px;margin-top:20px;margin-bottom:12px}.modal-body p{font-size:13px}.footer-grid{grid-template-columns:1fr;gap:48px;margin-bottom:60px;padding-bottom:40px}.footer-section:first-child{padding-right:0}.footer-section{text-align:center}.footer-title{font-size:13px;margin-bottom:20px;display:block}.footer-title:after{display:none}.footer-description{max-width:100%;font-size:13px;margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a,.link-button{font-size:13px;display:block}.footer-links a:before,.link-button:before{display:none}.footer-bottom{padding:30px 0;text-align:center}.footer-text{font-size:12px}}@media(max-width:480px){.nav-content{padding:0 16px}.nav-logo{font-size:24px}.hero-section{padding:60px 16px}.hero-title{font-size:32px;line-height:1.1}.hero-subtitle{font-size:16px;margin:16px 0 32px}.hero-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%;padding:14px 24px;font-size:16px}.sections-container{padding:60px 16px}.section-title{font-size:28px}.section-subtitle{font-size:14px}.feature-card{padding:24px 20px}.feature-title{font-size:15px}.feature-description{font-size:13px}.pricing-card{padding:24px 18px}.plan-name{font-size:18px}.price-value{font-size:32px}.plan-features li{padding:8px 0;font-size:12px}.feature-item{font-size:13px}.footer{padding:40px 16px 0;margin-top:60px}.footer-grid{gap:24px;margin-bottom:30px;padding-bottom:24px}.footer-section{text-align:center}.footer-title{font-size:12px;margin-bottom:14px}.footer-description{font-size:12px;margin-bottom:12px}.footer-links{gap:8px}.footer-links a,.link-button{font-size:12px}}.demo-section{padding:80px 40px;background:linear-gradient(135deg,#667eea0d,#f093fb0d);position:relative}.demo-container{max-width:1300px;margin:0 auto}.demo-preview-card{background:#1e1e32cc;border:1px solid rgba(102,126,234,.3);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #667eea1a;margin-bottom:48px}.demo-preview-header{padding:24px 32px;border-bottom:1px solid rgba(102,126,234,.2)}.demo-preview-header h3{font-size:22px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-preview-header p{font-size:14px;color:#fff9;margin:0}.demo-preview-content{position:relative;height:500px;overflow:hidden}.demo-flowchart-preview{width:100%;height:100%}.demo-preview-overlay{position:absolute;bottom:20px;right:20px;z-index:10}.demo-expand-btn{background:#667eeae6;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.demo-expand-btn:hover{background:#667eea;transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.demo-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.demo-feature{background:#1e1e3299;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.demo-feature:hover{background:#1e1e32e6;border-color:#667eea80;transform:translateY(-4px)}.demo-feature-icon{font-size:40px;margin-bottom:12px;display:inline-block}.demo-feature h4{font-size:16px;font-weight:700;margin:12px 0 8px;color:#fff}.demo-feature p{font-size:14px;color:#fff9;margin:0;line-height:1.5}.ai-demo-section{padding:80px 40px;background:linear-gradient(135deg,#f093fb0d,#667eea0d);position:relative}.ai-demo-container{max-width:1300px;margin:0 auto}.ai-demos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.ai-demo-card{background:#1e1e32cc;border:1px solid rgba(102,126,234,.3);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.ai-demo-card:hover{border-color:#667eea99;box-shadow:0 12px 40px #667eea26;transform:translateY(-4px)}.ai-demo-header{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(102,126,234,.2)}.ai-icon{font-size:40px;flex-shrink:0}.ai-demo-header h3{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-demo-video{padding:32px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#f093fb1a);border-bottom:1px solid rgba(102,126,234,.2)}.video-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.video-icon{font-size:48px;opacity:.7;transition:all .3s ease}.ai-demo-card:hover .video-icon{font-size:56px;opacity:1}.video-placeholder p{font-size:16px;font-weight:600;color:#fff;margin:0}.video-placeholder small{font-size:12px;color:#fff9}.ai-demo-description{padding:24px}.ai-demo-description p{font-size:14px;line-height:1.6;margin:0 0 16px;color:#fffc}.ai-demo-description p strong{color:#fff}.ai-demo-description ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ai-demo-description li{font-size:13px;color:#ffffffb3;display:flex;align-items:center;gap:8px}.demo-modal-overlay{position:fixed;inset:0;background:#000c;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;overflow:hidden}.demo-modal-overlay>div{width:100%;height:90vh;max-width:1400px;border-radius:16px;overflow:hidden}@media(max-width:768px){.demo-section,.ai-demo-section{padding:60px 24px}.demo-preview-content{height:400px}.demo-features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.ai-demos-grid{grid-template-columns:1fr;gap:24px}.demo-expand-btn{padding:10px 16px;font-size:13px}}@media(max-width:480px){.demo-section,.ai-demo-section{padding:40px 16px}.demo-preview-header{padding:16px}.demo-preview-header h3{font-size:18px}.demo-preview-content{height:360px}.demo-preview-overlay{bottom:12px;right:12px}.demo-expand-btn{padding:8px 14px;font-size:12px}.demo-features-grid{grid-template-columns:1fr;gap:12px}.demo-feature{padding:16px}.demo-feature-icon{font-size:32px}.demo-feature h4{font-size:14px}.demo-feature p{font-size:12px}.ai-demos-grid{grid-template-columns:1fr}.ai-demo-video{padding:20px}.video-icon{font-size:36px}.ai-demo-card:hover .video-icon{font-size:40px}.video-placeholder p{font-size:14px}.ai-demo-description{padding:16px}.ai-demo-description p{font-size:13px}.ai-demo-description li{font-size:12px}.demo-modal-overlay{padding:10px}.demo-modal-overlay>div{height:95vh}}@media(hover:none)and (pointer:coarse){.home-container{background-attachment:scroll}}.footer-container{background:linear-gradient(180deg,#0f0f1ecc,#1a1a2ef2);border-top:1px solid rgba(102,126,234,.2);color:#ffffffd9;position:relative;overflow:hidden;margin-top:80px}.footer-wrapper{max-width:1400px;margin:0 auto;padding:60px 24px 30px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.footer-brand-name{font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.footer-tagline{font-size:13px;color:#fff9;line-height:1.6;margin:0}.footer-social{display:flex;gap:12px;margin-top:12px}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#667eea1a;color:#667eea;text-decoration:none;transition:all .3s ease;border:1px solid rgba(102,126,234,.2)}.footer-social-link:hover{background:#667eea40;color:#f093fb;border-color:#f093fb66;transform:translateY(-2px)}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column-title{font-size:14px;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.footer-links li{margin:0}.footer-links a,.footer-info{color:#ffffffb3;text-decoration:none;font-size:13px;transition:all .3s ease;display:inline-block}.footer-links a{border-bottom:1px solid transparent}.footer-links a:hover{color:#667eea;border-bottom-color:#667eea;transform:translate(2px)}.footer-info{color:#fff9;font-size:12px}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2) 20%,rgba(102,126,234,.2) 80%,transparent);margin-bottom:30px}.footer-bottom{text-align:center;padding-top:20px}.footer-copyright{font-size:13px;color:#fffc;margin:0 0 8px;font-weight:500}.footer-copyright strong{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-operator{font-size:12px;color:#fff9;margin:0 0 12px}.footer-operator strong{color:#fffc}.footer-tagline-bottom{font-size:12px;color:#ffffff80;font-style:italic;margin:0;letter-spacing:.3px}.footer-bg-elements{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.footer-bg-circle{position:absolute;border-radius:50%;opacity:.05;mix-blend-mode:screen}.footer-bg-1{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#f093fb);top:-100px;right:-100px}.footer-bg-2{width:200px;height:200px;background:linear-gradient(135deg,#f5576c,#764ba2);bottom:-50px;left:50%;transform:translate(-50%)}.footer-wrapper{position:relative;z-index:1}@media(max-width:1200px){.footer-main{grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-brand{grid-column:1 / -1}}@media(max-width:768px){.footer-wrapper{padding:40px 16px 24px}.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1 / -1;margin-bottom:16px}.footer-column-title{font-size:13px;letter-spacing:.5px}.footer-links a,.footer-info,.footer-copyright{font-size:12px}.footer-operator,.footer-tagline-bottom{font-size:11px}}@media(max-width:480px){.footer-wrapper{padding:30px 12px 20px}.footer-main{grid-template-columns:1fr;gap:20px}.footer-brand{grid-column:auto}.footer-divider{margin-bottom:20px}.footer-logo{justify-content:center}.footer-brand-name,.footer-tagline{text-align:center}.footer-social{justify-content:center}.footer-column{align-items:center}.footer-column-title{font-size:12px}.footer-links{text-align:center}.footer-copyright{font-size:11px}.footer-bg-1{width:200px;height:200px;top:-80px;right:-80px}.footer-bg-2{width:150px;height:150px;bottom:-40px}}.footer-main,.footer-bottom{animation:fadeInUp .6s ease-out}.footer-links a{position:relative}.footer-links a:before{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,#667eea,#f093fb);transition:width .3s ease}.footer-links a:hover:before{width:100%}@media print{.footer-container{border-top:1px solid #ccc;background:#fff;color:#000}.footer-bg-elements{display:none}.footer-column-title,.footer-brand-name{color:#000;-webkit-text-fill-color:black}.footer-links a,.footer-info{color:#000;text-decoration:underline}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.demo-flowchart-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#0f0f1ef2,#19192df2)}.demo-flowchart-container.modal-mode{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.demo-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #ef44444d}.demo-close-btn:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 6px 16px #ef444466}.demo-flowchart-wrapper{flex:1;width:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.demo-todo-node{min-width:160px;max-width:200px;padding:12px;border-radius:10px;background:#1e1e32e6;border:2px solid rgba(102,126,234,.5);box-shadow:0 4px 12px #667eea33;font-size:13px;font-weight:500;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease;color:#fff}.demo-todo-node:hover{border-color:#667eeacc;box-shadow:0 6px 16px #667eea4d;background:#1e1e32}.demo-todo-node.priority-high{border-color:#ef444499;background:#1e1414e6}.demo-todo-node.priority-high:hover{border-color:#ef4444e6;box-shadow:0 6px 16px #ef44444d}.demo-todo-node.priority-medium{border-color:#f59e0b99;background:#1e190fe6}.demo-todo-node.priority-medium:hover{border-color:#f59e0be6;box-shadow:0 6px 16px #f59e0b4d}.demo-todo-node.priority-low{border-color:#22c55e99;background:#0f1e0fe6}.demo-todo-node.priority-low:hover{border-color:#22c55ee6;box-shadow:0 6px 16px #22c55e4d}.demo-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2)}.demo-priority-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#667eea33;color:#667eea}.demo-priority-badge.priority-high{background:#ef444433;color:#ef4444}.demo-priority-badge.priority-medium{background:#f59e0b33;color:#f59e0b}.demo-priority-badge.priority-low{background:#22c55e33;color:#22c55e}.demo-delete-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.demo-delete-btn:hover{background:#ef444433;color:#f55}.demo-node-content{font-size:12px;word-break:break-word;line-height:1.3;color:#d1d5db}.demo-handle{background:#667eea;border:2px solid rgba(15,15,30,.95);width:10px;height:10px;border-radius:50%;transition:all .2s ease}.demo-handle:hover{background:#5568d3;box-shadow:0 0 8px #667eeacc;transform:scale(1.2)}.demo-handle-top{top:-8px;left:50%;transform:translate(-50%)}.demo-handle-right{right:-8px;top:50%;transform:translateY(-50%)}.demo-handle-bottom{bottom:-8px;left:50%;transform:translate(-50%)}.demo-handle-left{left:-8px;top:50%;transform:translateY(-50%)}.demo-controls{display:flex;gap:10px;background:#0f0f1ee6;padding:12px;border-radius:8px;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 12px #0000004d}.demo-control-btn{padding:8px 14px;border:1px solid rgba(102,126,234,.4);background:#667eea1a;color:#667eea;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;white-space:nowrap}.demo-control-btn:hover{background:#667eea33;border-color:#667eea99;box-shadow:0 2px 8px #667eea4d}.demo-control-btn.clear-btn{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b1a}.demo-control-btn.clear-btn:hover{background:#f59e0b33;border-color:#f59e0b99;box-shadow:0 2px 8px #f59e0b4d}.demo-help-panel{background:#0f0f1ef2;border:1px solid rgba(102,126,234,.4);border-radius:8px;padding:16px;margin-bottom:10px;box-shadow:0 4px 12px #0000004d;max-width:300px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.demo-help-panel h3{margin:0 0 12px;color:#667eea;font-size:14px;font-weight:700}.demo-help-panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.demo-help-panel li{font-size:12px;color:#d1d5db;line-height:1.4}.demo-help-panel li strong{color:#667eea}.demo-help-toggle{background:#667eea1a;border:1px solid rgba(102,126,234,.4);color:#667eea;border-radius:6px;width:40px;height:40px;cursor:pointer;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.demo-help-toggle:hover{background:#667eea33;border-color:#667eea99;box-shadow:0 2px 8px #667eea4d}.demo-stats-panel{display:flex;gap:16px;background:#0f0f1ee6;padding:12px;border-radius:8px;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 12px #0000004d}.demo-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.demo-stat-value{font-size:18px;font-weight:700;color:#667eea}.demo-stat-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.demo-info-banner{background:#667eea1a;border-top:1px solid rgba(102,126,234,.3);padding:12px 16px;text-align:center;font-size:12px;color:#d1d5db;margin-top:auto}.demo-info-banner p{margin:0}.demo-info-banner strong{color:#667eea}@media(max-width:768px){.demo-todo-node{min-width:140px;max-width:180px;padding:10px;font-size:12px}.demo-help-panel{max-width:250px;padding:12px}.demo-help-panel h3{font-size:13px}.demo-help-panel li{font-size:11px}.demo-controls{flex-direction:column;gap:8px}.demo-control-btn{width:100%}.demo-stats-panel{flex-direction:row;gap:12px}}@media(max-width:480px){.demo-todo-node{min-width:100px;max-width:130px;padding:6px;font-size:10px}.demo-node-header{margin-bottom:6px;padding-bottom:6px}.demo-priority-badge{font-size:8px;padding:2px 4px}.demo-delete-btn{font-size:12px;width:18px;height:18px}.demo-node-content{font-size:10px}.demo-handle{width:8px;height:8px}.demo-help-panel{max-width:85vw;padding:10px;margin-bottom:8px}.demo-help-panel h3{font-size:11px;margin-bottom:8px}.demo-help-panel li{font-size:9px;line-height:1.3}.demo-controls{gap:4px;padding:8px}.demo-control-btn{padding:5px 8px;font-size:10px}.demo-stats-panel{gap:8px;padding:8px;flex-direction:column}.demo-stat{flex-direction:row;gap:6px;align-items:center}.demo-stat-value{font-size:14px}.demo-stat-label{font-size:9px}}.signin-container{min-height:100vh;background:linear-gradient(to bottom,#0f0f1e,#1a1a2e,#16213e);color:#fff;position:relative;overflow-x:hidden}.signin-navbar{padding:24px 0;position:relative;z-index:10}.signin-nav-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.signin-nav-logo{font-family:Space Grotesk,Inter,sans-serif;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.signin-nav-logo-icon{font-size:32px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.signin-nav-links{display:flex;gap:16px;align-items:center}.signin-nav-link{color:#fffc;text-decoration:none;font-size:15px;font-weight:500;padding:10px 20px;border-radius:8px;transition:all .3s ease}.signin-nav-link:hover{color:#fff;background:#ffffff1a}.signin-nav-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:12px 24px;border-radius:10px;transition:all .3s ease}.signin-nav-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.signin-main{max-width:1400px;margin:0 auto;padding:40px 40px 80px;position:relative;z-index:1}.signin-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100vh - 200px)}.signin-left{display:flex;flex-direction:column;justify-content:center;animation:fadeInLeft .8s ease-out}.signin-hero-title{font-size:52px;font-weight:800;line-height:1.1;margin:0 0 24px;letter-spacing:-1px}.signin-gradient-text{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signin-hero-description{font-size:18px;line-height:1.7;color:#ffffffb3;margin:0 0 40px;max-width:480px}.signin-features{display:flex;flex-direction:column;gap:16px}.signin-feature-item{display:flex;align-items:center;gap:12px}.signin-feature-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.signin-feature-item span{font-size:16px;color:#fffc;font-weight:500}.signin-right{display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out}.signin-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.signin-card-header{margin-bottom:32px}.signin-card-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff;display:flex;align-items:center;justify-content:center}.signin-card-subtitle{font-size:15px;color:#fff9;margin:0}.signin-form{display:flex;flex-direction:column;gap:24px}.signin-form-group{display:flex;flex-direction:column;gap:8px}.signin-label{font-size:14px;font-weight:600;color:#ffffffe6;letter-spacing:.3px}.signin-input{padding:14px 18px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;color:#fff;transition:all .3s ease}.signin-input::placeholder{color:#fff6}.signin-input:focus{outline:none;background:#ffffff1a;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.signin-form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.signin-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none}.signin-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.signin-forgot{font-size:14px;color:#a5b4fc;text-decoration:none;font-weight:500;transition:color .2s}.signin-forgot:hover{color:#667eea}.signin-submit-btn{padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea66;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.signin-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea80}.signin-divider{text-align:center;position:relative;margin:8px 0}.signin-divider:before,.signin-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ffffff1a}.signin-divider:before{left:0}.signin-divider:after{right:0}.signin-divider span{font-size:14px;color:#ffffff80;padding:0 12px;background:#ffffff0d}.signin-signup-link{display:block;text-align:center;padding:14px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease}.signin-signup-link:hover{background:#ffffff14;border-color:#fff3}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-family:inherit}.google-signin-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.signin-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.signin-bg-circle{position:absolute;border-radius:50%;filter:blur(80px)}.signin-bg-circle-1{width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);top:-200px;right:-100px;animation:floatSlow 12s ease-in-out infinite}.signin-bg-circle-2{width:500px;height:500px;background:radial-gradient(circle,rgba(240,147,251,.12) 0%,transparent 70%);bottom:-150px;left:-100px;animation:floatSlow 15s ease-in-out infinite 3s}.signin-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}@media(max-width:1024px){.signin-content-wrapper{grid-template-columns:1fr;gap:60px}.signin-left{text-align:center;order:1}.signin-hero-title{font-size:42px}.signin-hero-description{margin-left:auto;margin-right:auto}.signin-features{align-items:center;max-width:500px;margin:0 auto}.signin-right{order:0}}@media(max-width:768px){.signin-nav-content{padding:0 20px;flex-wrap:wrap;gap:16px}.signin-nav-logo{font-size:24px;flex-shrink:0}.signin-nav-links{gap:12px}.signin-nav-link,.signin-nav-button{padding:10px 16px;font-size:14px;white-space:nowrap}.signin-main{padding:20px 20px 60px}.signin-content-wrapper{gap:40px;padding:0}.signin-card{padding:32px 24px;border-radius:20px;margin:0 auto;max-width:none;width:100%}.signin-hero-title{font-size:36px;line-height:1.2}.signin-card-title{font-size:28px}.signin-form{gap:20px}.signin-input{font-size:16px;padding:16px 18px;min-height:50px}.signin-submit-btn,.google-signin-btn{padding:16px 24px;font-size:16px;min-height:52px;touch-action:manipulation}.signin-form-options{flex-direction:column;align-items:flex-start;gap:16px;margin-top:0}.signin-checkbox{align-self:flex-start}.signin-features{gap:20px}.signin-feature-item{justify-content:center;text-align:left;max-width:300px}}@media(max-width:480px){.signin-nav-content{padding:0 16px;justify-content:space-between}.signin-nav-logo{font-size:20px}.signin-nav-logo img{width:32px}.signin-nav-links{gap:8px}.signin-nav-link{padding:8px 12px;font-size:13px}.signin-nav-button{padding:8px 16px;font-size:13px}.signin-main{padding:16px}.signin-card{padding:24px 20px;border-radius:16px}.signin-hero-title{font-size:28px;margin-bottom:16px}.signin-card-title{font-size:24px}.signin-card-subtitle{font-size:14px}.signin-hero-description{font-size:16px;margin-bottom:32px}.signin-input{padding:14px 16px}.signin-features{gap:16px}.signin-feature-icon{width:28px;height:28px;font-size:14px}.signin-feature-item span{font-size:14px}}@media(max-width:768px)and (orientation:landscape){.signin-main{padding:16px}.signin-content-wrapper{gap:32px}.signin-card{max-width:90vw;margin:0 auto}.signin-hero-title{font-size:32px}}.signin-card{animation:slideInScale .6s cubic-bezier(.4,0,.2,1) .2s both}.signin-form-group{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.signin-form-group:nth-child(1){animation-delay:.1s}.signin-form-group:nth-child(2){animation-delay:.2s}.signin-form-group:nth-child(3){animation-delay:.3s}.signin-submit-btn{animation:fadeInUp .5s ease-out .4s both}.google-signin-btn{animation:fadeInUp .5s ease-out .5s both}.signin-input:focus{transform:translateY(-2px);box-shadow:0 0 0 4px #667eea26,0 4px 12px #0000001a}.signin-submit-btn:active,.google-signin-btn:active{transform:translateY(1px) scale(.98)}@media(hover:none)and (pointer:coarse){.signin-nav-link:hover,.signin-nav-button:hover,.signin-submit-btn:hover,.google-signin-btn:hover{transform:none}.signin-input{font-size:16px}}.toast-portal{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:column;gap:8px;padding:12px;z-index:99999;pointer-events:none}@media(min-width:640px){.toast-portal{top:16px;right:16px;left:auto;width:auto;max-width:360px}}.toast{background:#1f1f22;color:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 4px 12px #00000040,0 8px 24px #00000026;font-size:14px;line-height:1.4;display:flex;align-items:start;justify-content:space-between;gap:12px;animation:slideIn .35s cubic-bezier(.18,.89,.32,1.28);pointer-events:auto;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.toast-success:before{background:linear-gradient(180deg,#10b981,#34d399)}.toast-error:before{background:linear-gradient(180deg,#ef4444,#f87171)}.toast-warning:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.toast-info:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.toast-success{background:#064e3b}.toast-error{background:#7f1d1d}.toast-warning{background:#78350f}.toast-info{background:#1e3a8a}.toast-message{flex:1;word-break:break-word}.toast-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;transition:background .15s}.toast-close:hover{background:#ffffff1f}@keyframes slideIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media(max-width:639px){.toast-portal{top:20px!important;padding:16px!important;z-index:999999!important}.toast{font-size:15px!important;padding:16px 18px!important;margin-bottom:4px!important;-webkit-transform:translateZ(0);transform:translateZ(0)}}.signup-container{min-height:100vh;background:linear-gradient(to bottom,#0f0f1e,#1a1a2e,#16213e);color:#fff;position:relative;overflow-x:hidden}.signup-navbar{padding:24px 0;position:relative;z-index:10}.signup-nav-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.signup-nav-logo{font-family:Space Grotesk,Inter,sans-serif;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.signup-nav-logo-icon{font-size:32px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.signup-nav-links{display:flex;gap:16px;align-items:center}.signup-nav-link{color:#fffc;text-decoration:none;font-size:15px;font-weight:500;padding:10px 20px;border-radius:8px;transition:all .3s ease}.signup-nav-link:hover{color:#fff;background:#ffffff1a}.signup-nav-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:12px 24px;border-radius:10px;transition:all .3s ease}.signup-nav-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.signup-main{max-width:1400px;margin:0 auto;padding:40px 40px 80px;position:relative;z-index:1}.signup-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100vh - 200px)}.signup-left{display:flex;justify-content:center;align-items:center;animation:fadeInLeft .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.signup-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.signup-card-header{margin-bottom:32px}.signup-card-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff;display:flex;justify-content:center;align-items:center}.signup-card-subtitle{font-size:15px;color:#fff9;margin:0}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-form-group{display:flex;flex-direction:column;gap:8px}.signup-label{font-size:14px;font-weight:600;color:#ffffffe6;letter-spacing:.3px}.signup-input{padding:14px 18px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;color:#fff;transition:all .3s ease}.signup-input::placeholder{color:#fff6}.signup-input:focus{outline:none;background:#ffffff1a;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.signup-terms{margin-top:-4px}.signup-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none}.signup-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.signup-submit-btn{padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea66;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.signup-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea80}.signup-divider{text-align:center;position:relative;margin:4px 0}.signup-divider:before,.signup-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ffffff1a}.signup-divider:before{left:0}.signup-divider:after{right:0}.signup-divider span{font-size:14px;color:#ffffff80;padding:0 12px;background:#ffffff0d}.signup-signin-link{display:block;text-align:center;padding:14px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease}.signup-signin-link:hover{background:#ffffff14;border-color:#fff3}.google-signup-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-family:inherit}.google-signup-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.google-signup-btn:disabled{opacity:.6;cursor:not-allowed}.google-logo{flex-shrink:0}.google-loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #4285f4;border-radius:50%;animation:googleSpin 1s linear infinite;flex-shrink:0}@keyframes googleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-right{display:flex;flex-direction:column;justify-content:center;animation:fadeInRight .8s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.signup-hero-title{font-size:52px;font-weight:800;line-height:1.1;margin:0 0 24px;letter-spacing:-1px}.signup-gradient-text{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-hero-description{font-size:18px;line-height:1.7;color:#ffffffb3;margin:0 0 48px;max-width:480px}.signup-benefits{display:flex;flex-direction:column;gap:24px}.signup-benefit-item{display:flex;gap:16px;align-items:flex-start}.signup-benefit-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.signup-benefit-item h3{font-size:18px;font-weight:700;margin:0 0 4px;color:#fff}.signup-benefit-item p{font-size:15px;color:#fff9;margin:0;line-height:1.5}.signup-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.signup-bg-circle{position:absolute;border-radius:50%;filter:blur(80px)}.signup-bg-circle-1{width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);top:-200px;left:-100px;animation:floatSlow 12s ease-in-out infinite}.signup-bg-circle-2{width:500px;height:500px;background:radial-gradient(circle,rgba(240,147,251,.12) 0%,transparent 70%);bottom:-150px;right:-100px;animation:floatSlow 15s ease-in-out infinite 3s}.signup-bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}@keyframes floatSlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}@media(max-width:1024px){.signup-content-wrapper{grid-template-columns:1fr;gap:60px}.signup-right{order:-1;text-align:center}.signup-hero-title{font-size:42px}.signup-hero-description{margin-left:auto;margin-right:auto}.signup-benefits{align-items:center;max-width:600px;margin:0 auto}.signup-benefit-item{max-width:400px;text-align:left}}@media(max-width:768px){.signup-nav-content{padding:0 20px;flex-wrap:wrap;gap:16px}.signup-nav-logo{font-size:24px;flex-shrink:0}.signup-nav-links{gap:12px}.signup-nav-link,.signup-nav-button{padding:10px 16px;font-size:14px;white-space:nowrap}.signup-main{padding:20px 20px 60px}.signup-content-wrapper{gap:40px;padding:0}.signup-card{padding:32px 24px;border-radius:20px;margin:0 auto;max-width:none;width:100%}.signup-hero-title{font-size:36px;line-height:1.2}.signup-card-title{font-size:28px}.signup-form{gap:18px}.signup-input{font-size:16px;padding:16px 18px;min-height:50px}.signup-submit-btn,.google-signup-btn{padding:16px 24px;font-size:16px;min-height:52px;touch-action:manipulation}.signup-benefits{gap:20px}.signup-benefit-item{gap:12px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.signup-benefit-icon{width:40px;height:40px;font-size:20px}.signup-benefit-item h3{font-size:16px}.signup-benefit-item p{font-size:14px}}@media(max-width:480px){.signup-nav-content{padding:0 16px;justify-content:space-between}.signup-nav-logo{font-size:20px}.signup-nav-logo img{width:32px}.signup-nav-links{gap:8px}.signup-nav-link{padding:8px 12px;font-size:13px}.signup-nav-button{padding:8px 16px;font-size:13px}.signup-main{padding:16px}.signup-card{padding:24px 20px;border-radius:16px}.signup-hero-title{font-size:28px;margin-bottom:16px}.signup-card-title{font-size:24px}.signup-card-subtitle{font-size:14px}.signup-hero-description{font-size:16px;margin-bottom:32px}.signup-input{padding:14px 16px}.signup-form,.signup-benefits{gap:16px}.signup-benefit-item{padding:12px;gap:10px}.signup-benefit-icon{width:36px;height:36px;font-size:18px}.signup-benefit-item h3{font-size:15px}.signup-benefit-item p{font-size:13px}}@media(max-width:768px)and (orientation:landscape){.signup-main{padding:16px}.signup-content-wrapper{gap:32px}.signup-card{max-width:90vw;margin:0 auto}.signup-hero-title{font-size:32px}}@keyframes slideInScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes benefitSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.signup-card{animation:slideInScale .6s cubic-bezier(.4,0,.2,1) .2s both}.signup-form-group{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.signup-form-group:nth-child(1){animation-delay:.1s}.signup-form-group:nth-child(2){animation-delay:.2s}.signup-form-group:nth-child(3){animation-delay:.3s}.signup-form-group:nth-child(4){animation-delay:.4s}.signup-submit-btn{animation:fadeInUp .5s ease-out .5s both}.google-signup-btn{animation:fadeInUp .5s ease-out .6s both}.signup-benefit-item{animation:benefitSlideIn .6s ease-out;animation-fill-mode:both}.signup-benefit-item:nth-child(1){animation-delay:.3s}.signup-benefit-item:nth-child(2){animation-delay:.5s}.signup-benefit-item:nth-child(3){animation-delay:.7s}.signup-input:focus{transform:translateY(-2px);box-shadow:0 0 0 4px #667eea26,0 4px 12px #0000001a}.signup-submit-btn:active,.google-signup-btn:active{transform:translateY(1px) scale(.98)}.signup-benefit-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.signup-benefit-item:hover{transform:translateY(-2px);background:#ffffff0a;border-color:#667eea33}@media(hover:none)and (pointer:coarse){.signup-nav-link:hover,.signup-nav-button:hover,.signup-submit-btn:hover,.google-signup-btn:hover,.signup-benefit-item:hover{transform:none}.signup-input{font-size:16px}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);background-attachment:fixed;color:#fff;position:relative;overflow-x:hidden;display:flex}.dashboard-sidebar{width:280px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;transition:width .3s ease;z-index:1000}.dashboard-sidebar.collapsed{width:80px}.dashboard-sidebar.collapsed .sidebar-logo img,.dashboard-sidebar.collapsed .sidebar-logo span{display:none}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{font-family:Space Grotesk,Inter,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.sidebar-logo-icon{font-size:28px;flex-shrink:0}.sidebar-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .3s ease}.sidebar-toggle:hover{background:#ffffff14;color:#fff}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 180px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:1px solid transparent;border-radius:10px;color:#ffffffb3;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden}.sidebar-nav-item:hover{background:#ffffff0d;color:#fff}.sidebar-nav-item.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea4d;color:#fff}.sidebar-nav-item svg{flex-shrink:0}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px}.user-profile-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-profile-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-profile-name{font-weight:600;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;gap:8px;justify-content:center;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sidebar-logout:hover{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d}.dashboard-sidebar.collapsed .sidebar-logout span,.dashboard-sidebar.collapsed .user-profile-info{display:none}.dashboard-sidebar.collapsed .user-profile{justify-content:center;padding:8px}.dashboard-header{display:none}.dashboard-main{flex:1;margin-left:280px;padding:0;transition:margin-left .3s ease;display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden}.dashboard-sidebar.collapsed~.dashboard-main{margin-left:80px}.dashboard-top-header{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding:15px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.dashboard-top-header-left{display:flex;align-items:center;gap:32px}.dashboard-top-logo{display:flex;align-items:center;gap:12px}.dashboard-top-logo-icon{font-size:32px;filter:drop-shadow(0 0 8px rgba(102,126,234,.5))}.dashboard-top-logo-text{font-family:Space Grotesk,Inter,sans-serif;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.dashboard-top-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-item{color:#ffffff80;transition:color .3s ease}.breadcrumb-item.active{color:#ffffffe6;font-weight:600}.breadcrumb-separator{color:#ffffff4d}.user-info-header{display:flex;align-items:center;gap:12px}.user-avatar-header{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.user-name-header{font-weight:500;font-size:15px;color:#ffffffe6}.dashboard-content{display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;padding:40px;width:100%}.dashboard-content.workspace-transitioning{animation:workspaceTransitionOut .15s cubic-bezier(.4,0,1,1) forwards}.dashboard-content:not(.workspace-transitioning){animation:workspaceTransitionIn .35s cubic-bezier(0,0,.2,1) forwards}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card-pro{background:#667eea14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-pro:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.8),transparent);opacity:0;transition:opacity .3s ease}.stat-card-pro:after{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);pointer-events:none}.stat-card-pro:hover{background:#667eea1f;border-color:#667eea66;transform:translateY(-4px);box-shadow:0 8px 32px #667eea26}.stat-card-pro:hover:before{opacity:1}.stat-card-pro-header{display:flex;align-items:center;justify-content:space-between}.stat-card-pro-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);transition:all .3s ease}.stat-card-pro-icon.total{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea66;color:#667eea}.stat-card-pro-icon.progress{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-color:#fbbf2466;color:#fbbf24}.stat-card-pro-icon.completed{background:linear-gradient(135deg,#22c55e33,#16a34a26);border-color:#22c55e66;color:#22c55e}.stat-card-pro-icon.pending{background:linear-gradient(135deg,#a855f733,#9333ea26);border-color:#a855f766;color:#a855f7}.stat-card-pro-label{font-size:13px;color:#fff9;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.stat-card-pro-value{font-size:36px;font-weight:700;color:#fff;line-height:1}.stat-card-pro-trend{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.stat-card-pro-trend.positive{color:#22c55e}.stat-card-pro-trend.neutral{color:#ffffff80}.stat-card-pro-trend svg{width:16px;height:16px}.analytics-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;animation:fadeInUp .8s ease-out}.analytics-card{background:#667eea14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.8),transparent);opacity:0}.analytics-card:hover{background:#667eea1f;border-color:#667eea66;box-shadow:0 8px 32px #667eea26}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.analytics-title{flex:1}.analytics-title h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.analytics-title p{font-size:13px;color:#ffffff80;margin:0}.analytics-controls{display:flex;gap:12px;align-items:center}.year-selector{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px}.year-selector:hover{background:#ffffff14;border-color:#667eea4d}.year-selector:focus{outline:none;background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.year-selector option{background:#1a1a2e;color:#fff}.analytics-chart{margin-top:32px;height:200px;position:relative;overflow:hidden}.npm-analytics-chart{margin-top:32px;padding:32px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 40px #0000001a}.npm-chart-header{margin-bottom:32px;display:flex;justify-content:center}.npm-stats{display:flex;align-items:center;gap:24px;color:#ffffffe6;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.npm-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.npm-stat-number{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:6px}.npm-stat-label{font-size:13px;color:#fff9;font-weight:500}.npm-divider{color:#ffffff4d;font-size:20px;margin:0 8px}.npm-chart-container{position:relative;height:240px;background:#ffffff03;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden;padding:20px}.npm-chart-svg{width:100%;height:100%;display:block}.area-fill{transition:opacity .3s ease}.area-line{filter:drop-shadow(0 2px 8px rgba(102,126,234,.3));transition:all .3s ease}.data-point{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 6px rgba(102,126,234,.4))}.data-point:hover,.data-point.hovered{r:6;filter:drop-shadow(0 4px 12px rgba(102,126,234,.6));animation:pulsePoint .3s ease}.npm-tooltip{animation:tooltipSlideIn .2s cubic-bezier(.4,0,.2,1)}.npm-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#fff9}.npm-chart-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.npm-chart-empty p{font-size:16px;font-weight:600;color:#fffc;margin-bottom:8px}.npm-chart-empty span{font-size:14px;color:#ffffff80}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#ffffffb3}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes pulsePoint{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes workspaceTransitionOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(8px)}}@keyframes workspaceTransitionIn{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.npm-analytics-chart:hover .area-fill{opacity:.8}.npm-analytics-chart:hover .area-line{filter:drop-shadow(0 3px 12px rgba(102,126,234,.5))}@media(max-width:768px){.npm-analytics-chart{padding:16px;margin-top:20px;border-radius:16px}.npm-chart-header{margin-bottom:20px}.npm-stats{flex-direction:column;gap:12px}.npm-stat{flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.npm-stat-number{font-size:20px;margin-bottom:0;min-width:40px}.npm-stat-label{font-size:11px;opacity:.8}.npm-divider{display:none}.npm-chart-container{height:180px;padding:12px;touch-action:pan-x}.npm-chart-svg{min-height:150px}.npm-chart-empty{height:140px}.npm-chart-empty .empty-icon{font-size:36px;margin-bottom:12px}.npm-chart-empty p{font-size:14px}.npm-chart-empty span{font-size:12px}}@media(max-width:480px){.npm-analytics-chart{padding:12px;margin-top:16px}.npm-stats{gap:8px}.npm-stat{padding:6px 12px}.npm-stat-number{font-size:18px}.npm-stat-label{font-size:10px}.npm-chart-container{height:160px;padding:8px}.npm-chart-svg{min-height:130px}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chart-tooltip-title{font-size:13px;color:#ffffffb3;margin-bottom:4px}.chart-tooltip-value{font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:100%;gap:8px;overflow-x:auto;padding:0 4px}.chart-bar{flex:1;min-width:24px;max-width:40px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;cursor:pointer;transition:transform .2s ease}.chart-bar:hover{transform:translateY(-4px)}.chart-bar-fill{width:100%;height:100%;background:linear-gradient(180deg,#667eea99,#764ba299);border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:6px}.chart-bar-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.chart-bar-value{font-size:11px;font-weight:700;color:#fff;opacity:0;transition:opacity .3s ease;z-index:1}.chart-bar:hover .chart-bar-value{opacity:1}.chart-bar:hover .chart-bar-fill{background:linear-gradient(180deg,#667eeae6,#764ba2e6);box-shadow:0 8px 16px #667eea4d}.chart-bar-label{font-size:11px;color:#fff9;font-weight:500;transition:color .3s ease;white-space:nowrap}.chart-bar:hover .chart-bar-label{color:#ffffffe6}.recent-tasks-card{background:#667eea14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recent-tasks-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.8),transparent);opacity:0}.recent-tasks-card:hover{background:#667eea1f;border-color:#667eea66;box-shadow:0 8px 32px #667eea26}.recent-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.recent-tasks-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.view-all-btn{background:transparent;border:none;color:#667eea;font-size:13px;font-weight:500;cursor:pointer;transition:color .3s ease}.view-all-btn:hover{color:#f093fb}.recent-tasks-list{display:flex;flex-direction:column;gap:12px}.recent-task-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.recent-task-item:hover{background:#ffffff0a;border-color:#ffffff1a}.recent-task-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.recent-task-status.status-completed{background:#22c55e;box-shadow:0 0 8px #22c55e80}.recent-task-status.status-in-progress{background:#fbbf24;box-shadow:0 0 8px #fbbf2480}.recent-task-status.status-pending-review,.recent-task-status.status-not-started,.recent-task-status.status-todo{background:#6b7280;box-shadow:0 0 8px #6b728080}.recent-task-content{flex:1;display:flex;flex-direction:column;gap:4px}.recent-task-text{font-size:14px;color:#fff;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-task-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80;text-transform:capitalize}.priority-dot{width:6px;height:6px;border-radius:50%}.priority-dot.priority-low{background:#22c55e}.priority-dot.priority-medium{background:#fbbf24}.priority-dot.priority-high{background:#ef4444}.welcome-section{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;animation:fadeInUp 1s ease-out}.dashboard-title{font-size:36px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .dashboard-subtitle{font-size:16px;color:#fff9;margin:0}.welcome-actions{display:flex;align-items:center;gap:16px}.layout-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea1a,#a08bfa14);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(102,126,234,.2);border-radius:12px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:Space Grotesk,sans-serif}.layout-toggle-btn:hover{background:linear-gradient(135deg,#667eea26,#a08bfa1f);border-color:#667eea66;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}} .layout-toggle-btn svg{transition:transform .3s ease}.layout-toggle-btn:hover svg{transform:scale(1.1)}.flowchart-view-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea26,#764ba21f);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.flowchart-view-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea80;color:#a78bfa;transform:translateY(-2px);box-shadow:0 8px 24px #667eea40}.flowchart-view-btn svg{transition:transform .3s ease}.flowchart-view-btn:hover svg{transform:scale(1.1)}.quick-stats{display:flex;gap:16px}.stat-card{background:linear-gradient(135deg,#667eea14,#a08bfa0f);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(102,126,234,.15);border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;min-width:180px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:linear-gradient(135deg,#667eea1f,#a08bfa14);border-color:#667eea4d;box-shadow:0 4px 16px #667eea1a}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-value{font-size:28px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:#fff9;font-weight:500}.dashboard-grid{display:flex;flex-direction:column;gap:28px;animation:fadeInUp .6s ease-out .2s backwards}.dashboard-section{background:linear-gradient(135deg,#667eea14,#a08bfa0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(102,126,234,.15);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #667eea26;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent);opacity:0;transition:opacity .3s ease}.dashboard-section:hover{background:linear-gradient(135deg,#667eea1f,#a08bfa14);border-color:#667eea4d;box-shadow:0 12px 40px #0006,0 0 0 1.5px #667eea40,0 0 60px #667eea33}.dashboard-section:hover:before{opacity:1}} .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.section-header-actions{display:flex;align-items:center;gap:12px}.section-title{font-size:26px;font-weight:800;margin:0 0 6px;color:#fff;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif}.section-subtitle{font-size:14px;color:#ffffff80;margin:0;font-weight:500}.section-subtitle .item-count{color:#667eeab3;font-weight:600}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#a78bfa);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.layout-toggle-sm{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-toggle-sm:hover{background:#ffffff14;border-color:#667eea80;color:#fff;transform:scale(1.05)}.layout-toggle-sm svg{transition:transform .3s ease}.layout-toggle-sm:hover svg{transform:rotate(5deg)}.add-form{display:flex;flex-direction:column;gap:14px;padding:20px;background:linear-gradient(135deg,#667eea1a,#a08bfa0f);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(102,126,234,.2);border-radius:14px;animation:slideDown .3s ease-out;position:relative;overflow:hidden}.add-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-input{padding:12px 16px;background:#667eea14;border:1.5px solid rgba(102,126,234,.15);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-input::placeholder{color:#fff6}.add-input:focus{outline:none;background:#667eea1f;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.goal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-form-actions{display:flex;gap:12px}.submit-btn{flex:1;padding:12px 20px;background:linear-gradient(135deg,#667eea,#a78bfa);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.submit-btn:active{transform:translateY(0)}.cancel-btn{padding:12px 20px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}font-weight: 600; cursor: pointer; transition: all .3s ease; } .cancel-btn:hover{background:#ffffff14;color:#fff}.todos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;transition:all .3s ease}.todos-list.list-view{grid-template-columns:1fr;gap:12px}.todos-list.list-view .todo-item{max-width:100%}.show-more-btn{width:100%;padding:14px 20px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-family:Space Grotesk,sans-serif}.show-more-btn:hover{background:#ffffff0f;border-color:#667eea66;border-style:solid;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.show-more-btn svg{transition:transform .3s ease}.show-more-btn:hover svg{transform:translateY(2px)}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.todo-item:hover{background:#ffffff0f;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 0 30px #667eea33}.todo-main{display:flex;align-items:center;gap:12px;flex:1}.todo-checkbox{width:26px;height:26px;border:2.5px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.todo-checkbox:hover{border-color:#667eea99;background:#667eea1a;transform:scale(1.1)}.todo-item.completed .todo-checkbox{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 4px 12px #667eea66}.todo-text{flex:1;font-size:15px;color:#fffffff2;font-weight:500;line-height:1.5;font-family:Inter,sans-serif}.todo-item.completed .todo-text{text-decoration:line-through;color:#ffffff59}.todo-priority{padding:6px 14px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-family:Space Grotesk,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.priority-high{background:linear-gradient(135deg,#ef444433,#dc262626);color:#fca5a5;border:1.5px solid rgba(239,68,68,.4)}.priority-medium{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);color:#fcd34d;border:1.5px solid rgba(251,191,36,.4)}.priority-low{background:linear-gradient(135deg,#3b82f633,#1d4ed826);color:#93c5fd;border:1.5px solid rgba(59,130,246,.4)}.todo-actions{display:flex;gap:8px}.todo-edit,.todo-delete{padding:8px;background:transparent;border:none;color:#fff6;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.todo-edit:hover{background:#667eea26;color:#a5b4fc}.todo-delete:hover{background:#ef444426;color:#fca5a5}.todo-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.priority-selector{display:flex;align-items:center;gap:12px}.priority-label{font-size:13px;font-weight:600;color:#ffffffb3}.priority-options{display:flex;gap:8px}.priority-option{padding:6px 12px;border:2px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;background:#ffffff08}.priority-option.priority-low{color:#93c5fd}.priority-option.priority-low.active{background:#3b82f633;border-color:#3b82f680}.priority-option.priority-medium{color:#fcd34d}.priority-option.priority-medium.active{background:#fbbf2433;border-color:#fbbf2480}.priority-option.priority-high{color:#fca5a5}.priority-option.priority-high.active{background:#ef444433;border-color:#ef444480}.priority-option:hover{transform:scale(1.05);border-color:#ffffff4d}.todo-edit-input{flex:1;padding:10px 14px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:15px;font-family:inherit}.todo-edit-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.todo-edit-actions{display:flex;gap:6px}.todo-save-btn,.todo-cancel-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.todo-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.todo-save-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.todo-cancel-btn{background:#ffffff0d;color:#ffffffb3}.todo-cancel-btn:hover{background:#ffffff1a;color:#fff}.goals-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;transition:all .3s ease}.goals-list.list-view{grid-template-columns:1fr;gap:12px}.goals-list.list-view .goal-card{max-width:100%}.goal-card{padding:24px;background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.goal-card:hover{background:#ffffff0f;border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 0 30px #667eea33}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.goal-header-actions{display:flex;align-items:center;gap:8px}.goal-title{font-size:17px;font-weight:700;margin:0 0 8px;color:#fffffff2;font-family:Space Grotesk,sans-serif;line-height:1.4}.goal-category{display:inline-block;padding:5px 12px;background:linear-gradient(135deg,#667eea33,#764ba226);border:1.5px solid rgba(102,126,234,.4);border-radius:8px;font-size:11px;font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003;font-family:Space Grotesk,sans-serif}.goal-percentage{font-size:26px;font-weight:800;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif;text-shadow:0 0 20px rgba(102,126,234,.3)}.goal-progress{height:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 2px 4px #0003}.goal-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #667eea80}.goal-stats{display:flex;justify-content:space-between;align-items:center}.goal-stat{font-size:14px;color:#fff9;font-weight:600;font-family:Space Grotesk,sans-serif}.goal-actions{display:flex;gap:8px}.goal-action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.goal-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#667eea66;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.goal-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 12px #667eea4d}.goal-action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.goal-action-btn:disabled{opacity:.3;cursor:not-allowed}.goal-edit-icon,.goal-delete-icon{padding:6px;background:transparent;border:none;color:#fff6;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.goal-edit-icon:hover{background:#667eea26;color:#a5b4fc}.goal-delete-icon:hover{background:#ef444426;color:#fca5a5}.goal-edit-form{display:flex;flex-direction:column;gap:12px;position:relative;z-index:50}@media(max-width:768px){.goal-edit-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;max-height:80vh;overflow-y:auto;background:#0f0f1efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;box-shadow:0 25px 50px #00000080;z-index:10000}.goal-edit-form:before{content:"";position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}}@media(max-width:480px){.goal-edit-form{width:95vw;max-width:350px;padding:20px;border-radius:16px;z-index:10000}}.goal-edit-input{padding:10px 14px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;font-family:inherit}.goal-edit-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.goal-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.goal-edit-row{grid-template-columns:1fr}}.goal-edit-actions{display:flex;gap:12px;margin-top:4px}.goal-save-btn,.goal-cancel-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.goal-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.goal-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.goal-cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.goal-cancel-btn:hover{background:#ffffff14;color:#fff}.dashboard-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.dashboard-bg-circle{position:absolute;border-radius:50%;filter:blur(100px)}.dashboard-bg-circle-1{width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.12) 0%,transparent 70%);top:100px;right:-200px;animation:floatSlow 15s ease-in-out infinite}.dashboard-bg-circle-2{width:500px;height:500px;background:radial-gradient(circle,rgba(240,147,251,.1) 0%,transparent 70%);bottom:100px;left:-150px;animation:floatSlow 18s ease-in-out infinite 3s}@keyframes floatSlow{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.sidebar-workspaces{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px;overflow:visible}.sidebar-workspaces-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:4px}.sidebar-workspaces-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff80;font-family:Space Grotesk,sans-serif}.workspace-add-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#667eea;cursor:pointer;transition:all .3s ease}.workspace-add-btn:hover{background:#667eea40;border-color:#667eea;transform:scale(1.05)}.workspace-add-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;animation:slideDown .3s ease-out}.workspace-input{width:100%;padding:8px 12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-family:inherit;transition:all .3s ease}.workspace-input:focus{outline:none;background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.workspace-input::placeholder{color:#fff6}.workspace-form-actions{display:flex;gap:6px;justify-content:flex-end}.workspace-submit-btn,.workspace-cancel-btn,.workspace-save-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.workspace-submit-btn,.workspace-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.workspace-submit-btn:hover,.workspace-save-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.workspace-cancel-btn{background:#ffffff0d;color:#ffffffb3}.workspace-cancel-btn:hover{background:#ffffff1a;color:#fff}.workspace-badge-error{padding:3px 8px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fca5a5;flex-shrink:0}.workspace-badge-pending{padding:3px 8px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fcd34d;flex-shrink:0}.workspace-badge-success{padding:3px 8px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6ee7b7;flex-shrink:0}.sidebar-workspaces-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:visible;padding:0 8px;position:relative}.sidebar-workspaces-list::-webkit-scrollbar{width:6px}.sidebar-workspaces-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.sidebar-workspaces-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.sidebar-workspaces-list::-webkit-scrollbar-thumb:hover{background:#667eea80}.workspace-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .3s ease;position:relative;gap:8px;overflow:visible}.workspace-item:hover{background:#ffffff0d;border-color:#667eea4d}.workspace-item.active{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66}.workspace-name{flex:1;display:flex;align-items:center;gap:10px;background:none;border:none;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:color .3s ease;padding:0}.workspace-item.active .workspace-name,.workspace-name:hover{color:#fff}.workspace-name svg{flex-shrink:0;color:#667eeab3}.workspace-item.active .workspace-name svg{color:#667eea}.workspace-name-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-badge{padding:3px 8px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a5b4fc;flex-shrink:0}.workspace-menu{position:relative;flex-shrink:0;z-index:10}.workspace-menu-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.workspace-menu-btn:hover{background:#ffffff1a;color:#fff}.workspace-dropdown-overlay{position:fixed;inset:0;z-index:9999;background:transparent}.workspace-dropdown{position:fixed;background:#141423fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:6px;min-width:140px;z-index:10000;box-shadow:0 8px 32px #00000080;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.workspace-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.workspace-dropdown-item:hover{background:#ffffff14;color:#fff}.workspace-dropdown-item.delete{color:#ff4d4de6}.workspace-dropdown-item.delete:hover{background:#ff4d4d26;color:#ff4d4d}.workspace-dropdown-item svg{flex-shrink:0}.workspace-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.workspace-edit-actions{display:flex;gap:6px;justify-content:flex-end}.dashboard-top-header-right{display:flex;align-items:center;gap:20px}.current-workspace-display{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.current-workspace-display:hover{background:#ffffff14;border-color:#667eea4d}.current-workspace-display svg{color:#667eea;flex-shrink:0}.current-workspace-info{display:flex;flex-direction:column;gap:2px}.current-workspace-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff80}.current-workspace-name{font-size:14px;font-weight:700;color:#fff;font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.goals-list{position:relative}.goal-card.editing{z-index:1000;box-shadow:0 12px 40px #0000008c,0 0 0 2px #667eea59;outline:none}@media(min-width:769px){.goal-card.editing .goal-edit-form{position:absolute;inset:0;width:100%;height:100%;background:#0f0f1eeb;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 8px 32px #0006;z-index:1010}.goal-card.editing .goal-edit-form:before{display:none}}.goal-card.editing .goal-header,.goal-card.editing .goal-actions{position:relative;z-index:1020}.goal-card.editing{min-height:240px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-row{grid-template-columns:1fr}}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.welcome-section{flex-direction:column}.quick-stats{width:100%}}@media(max-width:768px){.dashboard-sidebar{display:none;width:0;border:none}.dashboard-main,.dashboard-sidebar.collapsed~.dashboard-main{margin-left:0!important;padding:65px 16px 24px;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{padding:0;width:100%;max-width:100%}.dashboard-title{font-size:24px}.quick-stats{flex-direction:column}.stat-card{width:100%}.user-name{display:none}.goal-form-row{grid-template-columns:1fr}.analytics-header{flex-direction:column;gap:16px;align-items:stretch}.analytics-controls{justify-content:flex-end}.year-selector{min-width:100px;font-size:14px;padding:10px 16px}.analytics-card{width:100%;overflow:hidden;padding:16px}.wave-analytics-chart{margin-top:16px;padding:10px;height:300px!important;width:100%;display:block}.recharts-responsive-container{width:100%!important;height:100%!important}.chart-bars{gap:6px;padding:0 2px}.chart-bar{min-width:20px;max-width:28px}.chart-bar-label{font-size:10px;transform:rotate(45deg);transform-origin:center;margin-top:8px}.chart-bar-value{font-size:10px;padding-top:4px}.chart-tooltip{font-size:12px;padding:8px 12px}.chart-tooltip-title{font-size:11px}.chart-tooltip-value{font-size:14px}}@media(max-width:480px){.analytics-header{text-align:center}.analytics-title h3{font-size:16px}.analytics-title p{font-size:12px}.analytics-chart{height:160px}.chart-bars{gap:4px;padding:0 1px}.chart-bar{min-width:18px;max-width:24px}.chart-bar-label{font-size:9px;writing-mode:vertical-rl;text-orientation:mixed;transform:none;margin-top:4px}.year-selector{width:100%;max-width:120px}}.wave-analytics-chart{margin-top:32px;padding:32px;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 12px 60px #00000026;height:300px;width:100%}.wave-chart-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.wave-stats{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.wave-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.wave-stat-number{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.wave-stat-label{font-size:14px;color:#fff9;font-weight:500;letter-spacing:.3px}.wave-divider{font-size:24px;color:#fff3}.wave-chart-container{position:relative;width:100%;background:#ffffff03;border-radius:16px;overflow:hidden;padding:20px 0}.wave-chart-svg{width:100%;height:auto;min-height:250px;display:block}.wave-grid line{stroke:#ffffff0d;shape-rendering:crispEdges}.wave-y-axis text,.wave-x-axis text{fill:#ffffff8c}.wave-area{animation:areaFadeIn 1s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.wave-line{animation:lineDrawIn 1.5s cubic-bezier(.4,0,.2,1) forwards;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}.wave-point{transition:all .3s cubic-bezier(.4,0,.2,1)}.wave-point-group:hover .wave-point{r:5;stroke-width:3}.wave-glow{animation:glowPulse 1.5s ease-in-out infinite;opacity:0}.wave-glow-outer{animation:glowPulseOuter 1.5s ease-in-out infinite;opacity:0}.wave-point-group:hover .wave-glow,.wave-point-group:hover .wave-glow-outer{opacity:1}.wave-tooltip{animation:tooltipSlideIn .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.wave-tooltip rect{filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.wave-tooltip text{pointer-events:none}.wave-point-hit{cursor:pointer}.wave-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;text-align:center;color:#fff9;padding:40px 20px}.wave-chart-empty .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.wave-chart-empty p{font-size:18px;font-weight:600;color:#ffffffb3;margin-bottom:8px}.wave-chart-empty span{font-size:14px;color:#ffffff80}@keyframes lineDrawIn{to{stroke-dashoffset:0;opacity:1}}@keyframes areaFadeIn{to{opacity:1}}@keyframes glowPulse{0%,to{r:8;opacity:.2}50%{r:10;opacity:.4}}@keyframes glowPulseOuter{0%,to{r:12;opacity:.1}50%{r:16;opacity:.2}}@media(max-width:768px){.wave-analytics-chart{padding:20px;margin-top:24px;border-radius:16px}.wave-chart-header{margin-bottom:24px;padding-bottom:16px}.wave-stats{gap:16px;flex-direction:column}.wave-stat-number{font-size:28px}.wave-stat-label{font-size:13px}.wave-chart-container{padding:12px 0}.wave-chart-svg{min-height:220px}}.settings-icon-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-right:16px}.settings-icon-btn:hover{background:#667eea26;color:#667eea;transform:rotate(20deg)}.dashboard-top-header-right{display:flex;align-items:center;gap:8px}@media(max-width:768px){.settings-modal-content{padding:24px;max-width:90vw}.settings-header h2{font-size:24px}.plan-card{flex-direction:column;align-items:flex-start}.plan-upgrade-btn{margin-left:0;width:100%;margin-top:12px}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;background:#0f0f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:8px 16px;z-index:1001;align-items:center;justify-content:space-between;height:54px}.mobile-menu-toggle{background:none;border:none;color:#fffc;padding:8px;border-radius:8px;transition:all .2s ease;cursor:pointer}.mobile-menu-toggle:hover{background:#ffffff1a;color:#fff}.mobile-logo{display:flex;align-items:center;gap:8px;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;font-size:18px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-user{display:flex;align-items:center}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1002;display:flex}.mobile-menu{background:#0f0f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:280px;height:100vh;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-logo{display:flex;align-items:center;gap:12px;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;font-size:20px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-close{background:none;border:none;color:#fffc;padding:8px;border-radius:8px;transition:all .2s ease;cursor:pointer}.mobile-menu-close:hover{background:#ffffff1a;color:#fff}.mobile-menu-nav{flex:1;padding:20px 0;overflow-y:auto}.mobile-workspaces{margin:8px 16px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.mobile-workspaces-header{padding:14px 16px;font-weight:700;font-size:14px;color:#ffffffe6;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-workspaces-list{display:flex;flex-direction:column}.mobile-workspace-item{width:100%;background:none;border:none;text-align:left;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#ffffffd9;font-size:15px;transition:background .2s ease,color .2s ease}.mobile-workspace-item:hover{background:#ffffff0d;color:#fff}.mobile-workspace-item.active{background:#667eea1f;color:#a5b4fc}.mobile-workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-workspace-badge{font-size:11px;color:#a5b4fc;background:#667eea26;border:1px solid rgba(102,126,234,.3);padding:4px 8px;border-radius:999px}.mobile-workspace-empty{padding:14px 16px;color:#fff9;font-size:14px}.mobile-workspace-add{width:calc(100% - 32px);margin:10px 16px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;padding:12px 16px;border-radius:10px;box-shadow:0 6px 18px #667eea59;transition:transform .2s ease,box-shadow .2s ease}.mobile-workspace-add:hover{transform:translateY(-2px);box-shadow:0 10px 24px #667eea73}.mobile-workspace-add-form{padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-workspace-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;margin-bottom:10px}.mobile-workspace-input::placeholder{color:#ffffff80}.mobile-workspace-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mobile-workspace-form-actions{display:flex;gap:8px;justify-content:flex-end}.mobile-workspace-submit-btn{background:#667eea;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease}.mobile-workspace-submit-btn:hover{background:#5a67d8}.mobile-workspace-cancel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .2s ease}.mobile-workspace-cancel-btn:hover{background:#ffffff26;color:#fff}.mobile-nav-item{width:100%;background:none;border:none;color:#fffc;padding:16px 24px;text-align:left;display:flex;align-items:center;gap:12px;font-size:16px;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.mobile-nav-item:hover{background:#ffffff0d;color:#fff}.mobile-nav-item.active{background:#667eea1a;color:#667eea;border-left-color:#667eea}.mobile-menu-footer{border-top:1px solid rgba(255,255,255,.1);padding:20px}.mobile-user-info{display:flex;align-items:center;gap:12px}.mobile-menu-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.mobile-username{font-weight:600;color:#fff;font-size:14px}.mobile-user-email{font-size:12px;color:#fff9;margin-top:2px}@media(max-width:768px){.mobile-header{display:flex}.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding-top:4px}.dashboard-content{padding-top:0}}.goal-card{position:relative;overflow:visible}@media(max-width:1200px){.dashboard-grid{gap:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.todos-list,.goals-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.analytics-row{display:flex;flex-direction:column;gap:20px}.analytics-card,.recent-tasks-card{width:100%}.welcome-section{flex-direction:column;gap:16px;text-align:center}.welcome-actions{flex-direction:column;gap:12px}.quick-stats{flex-direction:column;width:100%;gap:12px}.todos-list,.goals-list{grid-template-columns:1fr;gap:12px}.todo-item{padding:16px;border-radius:12px;min-height:60px;touch-action:manipulation}.todo-checkbox{width:24px;height:24px;touch-action:manipulation}.todo-text{font-size:14px;line-height:1.4}.todo-priority{padding:4px 8px;font-size:10px}.goal-card{padding:20px;border-radius:12px;touch-action:manipulation}.goal-title{font-size:16px;margin-bottom:6px}.goal-percentage{font-size:22px}.goal-action-btn{width:40px;height:40px;touch-action:manipulation}.section-header{flex-wrap:wrap;gap:12px}.section-header-actions{flex-wrap:wrap;gap:8px}.dashboard-top-breadcrumb,.dashboard-top-header-left{display:none}.dashboard-top-header{padding:0}.dashboard-top-header-right{width:100%;justify-content:space-between;gap:12px}.current-workspace-display{flex:1;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);margin-bottom:20px}.settings-icon-btn{display:none}.stat-card-pro{padding:16px;gap:8px}.stat-card-pro-header{margin-bottom:4px}.stat-card-pro-icon{width:36px;height:36px;border-radius:10px}.stat-card-pro-icon svg{width:18px;height:18px}.stat-card-pro-label{margin-left:5px;font-size:11px}.stat-card-pro-value{font-size:24px}.stat-card-pro-trend{display:none}}@media(max-width:480px){.dashboard-content{padding:20px 16px;gap:20px}.section-header{flex-direction:column;gap:12px;align-items:stretch}.section-header-actions{justify-content:space-between}.add-btn{padding:12px 16px;font-size:13px;min-height:44px;touch-action:manipulation}.layout-toggle-sm{width:44px;height:44px;touch-action:manipulation}.dashboard-top-header{flex-direction:column;gap:0;align-items:stretch;padding:0 16px 8px}.current-workspace-display{justify-content:center;padding:8px}.dashboard-section{padding:20px 16px}.section-title{font-size:22px}.todo-actions button,.goal-edit-icon,.goal-delete-icon{min-width:44px;min-height:44px;touch-action:manipulation}.add-input{padding:14px 16px;font-size:16px;min-height:44px}.priority-option{padding:8px 12px;min-height:44px;touch-action:manipulation}}.mobile-workspace-item-container{width:100%;transition:background .2s ease}.mobile-workspace-item-container:hover{background:#ffffff0d}.mobile-workspace-item-container.active{background:#667eea1f}.mobile-workspace-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:12px}.mobile-workspace-btn{flex:1;background:none;border:none;text-align:left;padding:12px 16px;display:flex;align-items:center;gap:10px;color:#ffffffd9;font-size:15px;cursor:pointer}.mobile-workspace-item-container.active .mobile-workspace-btn{color:#a5b4fc}.mobile-workspace-actions{display:flex;gap:8px;opacity:.7}.mobile-action-btn{background:none;border:none;color:#fff9;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-action-btn:hover{background:#ffffff1a;color:#fff}.mobile-action-btn.delete:hover{background:#ef444426;color:#ef4444}.mobile-workspace-edit-form{padding:12px 16px;background:#ffffff0d}.mobile-workspace-edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.mobile-workspace-save-btn{background:#667eea;border:none;border-radius:6px;padding:6px 12px;font-size:12px;color:#fff;cursor:pointer}.mobile-workspace-submit-btn-text{background:#667eea;border:none;border-radius:6px;padding:0 16px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;transition:background .2s ease;cursor:pointer}.mobile-workspace-submit-btn-text:hover{background:#5a67d8}.desktop-chart{display:block}.mobile-analytics-chart{display:none}@media(max-width:768px){.desktop-chart{display:none!important}.mobile-analytics-chart{display:block;width:100%;margin-top:16px}.analytics-card{width:100%;padding:16px;display:block}.analytics-chart-container{width:100%;display:block;position:relative}.mobile-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:4px;padding:20px 12px 12px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.mobile-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.mobile-bar-wrapper{width:100%;height:160px;display:flex;align-items:flex-end;justify-content:center;position:relative}.mobile-bar-fill{width:100%;max-width:28px;background:linear-gradient(180deg,#667eea,#667eea99);border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;min-height:8px;box-shadow:0 -2px 12px #667eea4d}.mobile-bar-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:6px 6px 0 0}.mobile-bar-value{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1}.mobile-bar-label{font-size:10px;color:#fff9;font-weight:600;text-align:center;white-space:nowrap}.mobile-bar-item:active .mobile-bar-fill{background:linear-gradient(180deg,#7c8ef5,#7c8ef5b3);transform:scaleY(1.02);box-shadow:0 -4px 16px #667eea80}}.ai-chat-fab{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #8b5cf666;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;animation:fabPulse 2s ease-in-out infinite}.ai-chat-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 32px #8b5cf699;animation:none}.ai-chat-fab:active{transform:scale(.95)}@keyframes fabPulse{0%,to{box-shadow:0 8px 24px #8b5cf666}50%{box-shadow:0 8px 32px #8b5cf699,0 0 0 8px #8b5cf61a}}@media(max-width:768px){.ai-chat-fab{bottom:24px;right:24px;width:56px;height:56px}}@media(max-width:480px){.ai-chat-fab{bottom:20px;right:20px;width:52px;height:52px}.ai-chat-fab svg{width:20px;height:20px}}.dashboard-hero-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden;animation:fadeInUp .5s ease-out}.dashboard-hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.dashboard-hero-title{font-size:32px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif}.dashboard-hero-input-container{max-width:600px;margin:0 auto;position:relative}.dashboard-hero-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 16px;transition:all .3s ease}.dashboard-hero-input-wrapper:focus-within{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a}.plus-icon{font-size:24px;color:#ffffff80;margin-right:12px}.dashboard-hero-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;padding:12px 0;font-family:inherit}.dashboard-hero-input:focus{outline:none}.dashboard-hero-input::placeholder{color:#fff6}.hero-priority-select{display:flex;gap:12px;margin-top:16px;justify-content:center;animation:slideDown .3s ease-out}.hero-select{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.hero-select:hover{background:#ffffff14;border-color:#fff3}.hero-select:focus{outline:none;border-color:#667eea}.hero-select option{background:#1a1a2e;color:#fff}.hero-submit-btn{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.hero-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.task-card-pro{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.task-card-pro:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.task-card-pro.completed{opacity:.7}.task-card-pro-checkbox{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;margin-top:2px}.task-card-pro.completed .task-card-pro-checkbox{background:#22c55e;border-color:#22c55e;color:#fff}.task-card-pro-checkbox:hover{border-color:#667eea}.task-card-pro-content{flex:1;display:flex;flex-direction:column;gap:8px}.task-card-pro-title{font-size:16px;font-weight:500;color:#fff;line-height:1.4;transition:all .3s ease}.task-card-pro.completed .task-card-pro-title{text-decoration:line-through;color:#ffffff80}.task-card-pro-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#ffffff80}.task-priority-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.task-priority-badge.high{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.task-priority-badge.medium{background:#fbbf241a;color:#fcd34d;border:1px solid rgba(251,191,36,.2)}.task-priority-badge.low{background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.task-deadline{display:flex;align-items:center;gap:4px}.task-card-pro-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.task-card-pro:hover .task-card-pro-actions{opacity:1}.task-action-btn{padding:6px;background:#ffffff0d;border:none;border-radius:6px;color:#fff9;cursor:pointer;transition:all .3s ease}.task-action-btn.delete:hover{background:#ef44441a;color:#fca5a5}.goal-card-pro{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.goal-card-pro:hover{background:#ffffff0d;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.goal-card-pro-header{display:flex;justify-content:space-between;align-items:flex-start}.goal-card-pro-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.goal-card-pro-category{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.goal-card-pro-progress{display:flex;flex-direction:column;gap:8px}.goal-progress-bar-container{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.goal-progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}.goal-card-pro-stats{display:flex;justify-content:space-between;font-size:13px;color:#fff9}.goal-card-pro-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.goal-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.goal-action-btn:hover{background:#ffffff1a;border-color:#667eea80}.goal-action-btn.delete:hover{background:#ef44441a;border-color:#ef444480;color:#fca5a5}.dashboard-hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px;margin-bottom:40px;text-align:center;width:100%}.typewriter-container{display:inline-block;margin-bottom:24px}.typewriter-text{font-family:Space Grotesk,monospace;font-size:32px;font-weight:700;color:#fff;overflow:hidden;border-right:3px solid #667eea;white-space:nowrap;margin:0 auto;letter-spacing:.5px;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(102,126,234,.3)}@keyframes typing{0%{width:0}to{width:100%}}.hero-input-container{width:100%;max-width:600px;margin:0 auto}.hero-input-wrapper.simplified{display:flex;align-items:center;gap:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;transition:all .3s ease;box-shadow:0 8px 32px #0003}.hero-input-wrapper.simplified:focus-within{background:#ffffff14;border-color:#667eea80;box-shadow:0 12px 40px #667eea26;transform:translateY(-2px)}.hero-input-wrapper.simplified .hero-input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;padding:12px 16px;font-family:Inter,sans-serif}.hero-input-wrapper.simplified .hero-input:focus{outline:none}.hero-input-wrapper.simplified .hero-input::placeholder{color:#fff6}.hero-submit-btn-simple{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.hero-submit-btn-simple:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66;filter:brightness(1.1)}.hero-submit-btn-simple:active{transform:translateY(0)}@media(max-width:768px){.typewriter-text{font-size:24px;white-space:normal;border-right:none;animation:none;text-align:center}.hero-input-wrapper.simplified{flex-direction:column;padding:16px;gap:16px}.hero-input-wrapper.simplified .hero-input{width:100%;text-align:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}.hero-submit-btn-simple{width:100%}}.hero-input-container{max-width:500px!important}.hero-input-wrapper.simplified{padding:6px 12px!important;border-radius:12px!important;gap:8px!important}.hero-input-wrapper.simplified .hero-input{font-size:15px!important;padding:8px!important}.hero-controls{display:flex;align-items:center;gap:8px}.hero-date-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;padding:8px;font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s ease;max-width:130px}.hero-date-input:hover,.hero-date-input:focus{background:#ffffff1a;border-color:#667eea80;color:#fff;outline:none}.hero-date-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.hero-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.hero-submit-btn-simple{padding:8px 16px!important;font-size:14px!important;border-radius:8px!important}.add-form-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.date-selector{display:flex;align-items:center;gap:12px}.add-date-input{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .2s ease}.add-date-input:focus{outline:none;border-color:#667eea;background:#ffffff14}.add-date-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.add-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:600px){.hero-controls{width:100%;justify-content:space-between}.hero-date-input{flex:1}.add-form-row{flex-direction:column;align-items:flex-start;gap:12px}}.hero-quick-section{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#667eea1f,#a08bfa14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(102,126,234,.2);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:24px;position:relative;overflow:hidden}.hero-quick-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent);opacity:0;transition:opacity .3s ease}.hero-quick-section:hover{background:linear-gradient(135deg,#667eea29,#a08bfa1f);border-color:#667eea66;box-shadow:0 8px 32px #667eea26}.hero-quick-section:hover:before{opacity:1}.hero-quick-label{font-size:13px;color:#fff6;font-weight:500;white-space:nowrap}.hero-quick-add{display:flex;align-items:center;gap:8px;flex:1}.hero-quick-input{flex:1;background:transparent;border:none;color:#fff;font-size:15px;padding:8px 0;font-family:inherit}.hero-quick-input:focus{outline:none}.hero-quick-input::placeholder{color:#ffffff59}.hero-quick-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#a78bfa);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-weight:500}.hero-quick-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.hero-quick-btn:active{transform:translateY(0)}.task-card-pro{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#667eea0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(102,126,234,.15);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);gap:12px;position:relative;overflow:hidden}.task-card-pro:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);opacity:0;transition:opacity .3s ease}.task-card-pro:after{content:"";position:absolute;left:-50%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05) 50%,transparent);transform:skew(-20deg);opacity:0;transition:opacity .4s ease;pointer-events:none}.task-card-pro:hover{background:linear-gradient(135deg,#667eea1f,#a08bfa14);border-color:#667eea59;box-shadow:0 8px 24px #667eea26,inset 0 1px #ffffff1a;transform:translateY(-2px)}.task-card-pro:hover:before{opacity:1}.task-card-pro:hover:after{opacity:1;left:0}.task-card-pro.completed{opacity:.7;background:linear-gradient(135deg,#22c55e14,#4ade800a);border-color:#22c55e40}.task-card-pro.completed:before{background:linear-gradient(90deg,transparent,rgba(34,197,94,.4),transparent);opacity:.6}.task-card-pro.completed .task-text{text-decoration:line-through;color:#ffffff80;font-weight:400}.task-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.task-checkbox{width:22px;height:22px;border:2.5px solid rgba(102,126,234,.3);border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,transparent 100%);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;color:#fff;position:relative}.task-checkbox:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 2.5px #667eea4d;opacity:0;transition:opacity .3s ease}.task-checkbox:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea26,#667eea0d);box-shadow:0 0 12px #667eea33}.task-checkbox:hover:after{opacity:1}.task-checkbox.checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.task-content{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.task-text{font-size:15px;color:#ffffffeb;font-weight:500;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.task-card-pro:hover .task-text{color:#fff}.task-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.task-priority-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.6px;display:inline-flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.task-priority-badge.low{background:linear-gradient(135deg,#22c55e33,#4ade801a);color:#4ade80;border-color:#22c55e4d}.task-priority-badge.low:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%}.task-priority-badge.medium{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);color:#fbbf24;border-color:#fbbf244d}.task-priority-badge.medium:before{content:"";width:6px;height:6px;background:#fb923c;border-radius:50%}.task-priority-badge.high{background:linear-gradient(135deg,#ef444433,#f871711a);color:#f87171;border-color:#ef44444d}.task-priority-badge.high:before{content:"";width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.task-deadline{font-size:11px;color:#fff6}.task-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.task-card-pro:hover .task-actions{opacity:1}.task-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.task-action-btn:hover{background:#ffffff1a;color:#fff}.task-action-btn.delete:hover{background:#ef444426;color:#f87171}.goal-card-pro{padding:18px;background:linear-gradient(135deg,#667eea14,#a08bfa0a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(102,126,234,.18);border-radius:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.goal-card-pro:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5) 50%,transparent);opacity:0;transition:opacity .3s ease}.goal-card-pro:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(102,126,234,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.goal-card-pro:hover{background:linear-gradient(135deg,#667eea1f,#a08bfa14);border-color:#667eea59;box-shadow:0 8px 24px #667eea26,inset 0 1px #ffffff1a;transform:translateY(-2px)}.goal-card-pro:hover:before{opacity:1}.goal-card-pro:hover:after{opacity:1}.goal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.goal-info{display:flex;flex-direction:column;gap:4px}.goal-card-pro .goal-title{font-size:15px;font-weight:600;color:#ffffffe6}.goal-card-pro .goal-category{font-size:11px;color:#667eea;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.goal-card-pro .goal-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.goal-card-pro:hover .goal-actions{opacity:1}.goal-card-pro .goal-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.goal-card-pro .goal-action-btn:hover{background:#ffffff1a;color:#fff}.goal-card-pro .goal-action-btn.delete:hover{background:#ef444426;color:#f87171}.goal-progress-section{margin-bottom:12px}.goal-progress-bar-bg{height:8px;background:linear-gradient(90deg,#667eea1a,#667eea0d);border-radius:4px;overflow:hidden;margin-bottom:8px;position:relative;box-shadow:inset 0 2px 4px #0003}.goal-progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#a78bfa);border-radius:4px;transition:width .5s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 12px #667eea80}.goal-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite;border-radius:4px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.goal-progress-text{display:flex;justify-content:space-between;font-size:12px;color:#ffffff80}.goal-controls{display:flex;gap:8px;margin-top:12px}.goal-control-btn{flex:1;padding:10px;background:linear-gradient(135deg,#667eea14,#a08bfa0a);border:1.5px solid rgba(102,126,234,.15);border-radius:8px;color:#fffc;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.goal-control-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(102,126,234,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.goal-control-btn:hover{background:linear-gradient(135deg,#667eea26,#a08bfa14);border-color:#667eea4d;color:#fff;box-shadow:0 4px 12px #667eea26}.goal-control-btn:hover:before{opacity:1}.goal-control-btn.plus:hover{background:linear-gradient(135deg,#667eea33,#a08bfa1f);border-color:#667eea66;color:#a78bfa;box-shadow:0 6px 16px #667eea33}.goal-control-btn.minus:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}@media(max-width:768px){.hero-quick-section{flex-direction:column;align-items:stretch;gap:8px}.hero-quick-label{font-size:11px}.task-actions,.goal-card-pro .goal-actions{opacity:1}.goal-controls{flex-direction:row}}.hero-typewriter-label{display:flex;align-items:center;gap:8px;flex-shrink:0}.hero-label-icon{font-size:16px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 2px rgba(102,126,234,.5))}50%{opacity:.7;filter:drop-shadow(0 0 8px rgba(102,126,234,.8))}}.typewriter-text{font-size:13px;color:#ffffff80;font-weight:500;white-space:nowrap;overflow:hidden;border-right:2px solid #667eea;animation:typing 2.5s steps(15) infinite,blink-caret .6s step-end infinite;width:0;animation-fill-mode:forwards;animation-delay:0s,0s}@keyframes typing{0%{width:0}50%{width:100%}90%{width:100%}to{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#667eea}}.hero-quick-section:hover .typewriter-text{color:#ffffffb3}.hero-quick-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.2);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:24px;position:relative;overflow:hidden;animation:fadeInScale .6s ease-out}.hero-quick-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);animation:rotateGlow 8s linear infinite;pointer-events:none}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-quick-section:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}.hero-quick-heading{font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:2px;position:relative;z-index:1}.typewriter-heading{overflow:hidden;white-space:nowrap;width:0;animation:slow-typing 3s steps(14) forwards,textGlow 2s ease-in-out infinite;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slow-typing{0%{width:0}to{width:12ch}}@keyframes textGlow{0%,30%{filter:drop-shadow(0 0 2px rgba(102,126,234,.5))}39%{filter:drop-shadow(0 0 8px rgba(102,126,234,.8)) drop-shadow(0 0 12px rgba(240,147,251,.6))}}.typewriter-cursor{color:#667eea;font-weight:300;animation:cursor-blink .8s infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-quick-add{display:flex;align-items:center;gap:12px;width:100%;max-width:500px;position:relative;z-index:1;animation:slideInUp .8s ease-out .3s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-quick-input{flex:1;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:15px;padding:14px 18px;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-quick-input:hover{background:#ffffff14;border-color:#667eea80;transform:translateY(-2px);box-shadow:0 6px 16px #667eea26}.hero-quick-input:focus{outline:none;border-color:#667eea;background:#ffffff1a;transform:translateY(-3px);box-shadow:0 0 0 4px #667eea33,0 8px 24px #667eea4d}.hero-quick-input::placeholder{color:#fff6;transition:all .3s ease}.hero-quick-input:focus::placeholder{color:#ffffff4d;transform:translate(5px)}.hero-quick-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.hero-quick-btn: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}.hero-quick-btn:hover:not(:disabled):before{width:200px;height:200px}.hero-quick-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.08);box-shadow:0 12px 28px #667eea99,0 6px 12px #764ba266}.hero-quick-btn:active:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px #667eea66}.hero-quick-btn svg{position:relative;z-index:1;transition:transform .3s ease}.hero-quick-btn:hover:not(:disabled) svg{transform:rotate(90deg) scale(1.1)}.hero-quick-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.hero-quick-btn:disabled:hover{transform:none;box-shadow:none}@media(max-width:600px){.hero-quick-section{padding:20px 16px}.hero-quick-heading{font-size:18px}.hero-quick-add{flex-direction:column;gap:10px}.hero-quick-input{width:100%;padding:14px 16px}.hero-quick-btn{width:100%;height:44px}}.ai-chat-overlay{position:fixed;inset:0;background:#0f0f1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.ai-chat-overlay.open{opacity:1;pointer-events:all}.ai-chat-container{position:fixed;right:-450px;top:0;bottom:0;width:450px;max-width:100vw;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(102,126,234,.2);box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:10000}.ai-chat-container.open{right:0}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-chat-header-left{display:flex;align-items:center;gap:12px;flex:1}.ai-chat-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#f093fb);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea66}.ai-chat-title h3{margin:0;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-chat-workspace{font-size:13px;color:#fff9;display:block;margin-top:2px}.ai-chat-header-actions{display:flex;gap:8px}.ai-chat-clear-btn,.ai-chat-close-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-chat-clear-btn:hover,.ai-chat-close-btn:hover{background:#667eea33;border-color:#667eea4d;color:#fff;transform:translateY(-1px)}.ai-chat-clear-btn:active,.ai-chat-close-btn:active{transform:scale(.95)}.ai-chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#667eea80}.ai-chat-message{display:flex;gap:12px;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{flex-direction:row-reverse}.ai-chat-message-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.user-message .ai-chat-message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.ai-message .ai-chat-message-avatar{background:linear-gradient(135deg,#667eea,#f093fb);box-shadow:0 4px 12px #667eea4d;color:#fff}.ai-chat-message-content{flex:1;max-width:75%;padding:14px 16px;border-radius:14px;position:relative;word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-message .ai-chat-message-content{background:#667eea26;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 16px #667eea1a}.ai-message .ai-chat-message-content{background:#f093fb1a;border:1px solid rgba(240,147,251,.2);box-shadow:0 4px 16px #f093fb1a}.ai-chat-message-content p{margin:0;color:#fffffff2;font-size:15px;line-height:1.6;white-space:pre-wrap}.ai-chat-message-time{display:block;font-size:11px;color:#fff6;margin-top:6px}.ai-chat-loading{display:flex;gap:6px;padding:8px 0}.ai-chat-loading span{width:8px;height:8px;border-radius:50%;background:#667eea99;animation:loadingBounce 1.4s infinite ease-in-out both}.ai-chat-loading span:nth-child(1){animation-delay:-.32s}.ai-chat-loading span:nth-child(2){animation-delay:-.16s}@keyframes loadingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-chat-input-form{display:flex;gap:12px;padding:20px 24px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:15px;outline:none;transition:all .2s ease;direction:ltr;text-align:left}.ai-chat-input::placeholder{color:#fff6}.ai-chat-input:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.ai-chat-input:disabled{opacity:.5;cursor:not-allowed}.ai-chat-send-btn{width:48px;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea,#f093fb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #667eea66}.ai-chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.ai-chat-send-btn:active:not(:disabled){transform:translateY(0)}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.ai-chat-container{width:100vw;right:-100vw;border-left:none}.ai-chat-container.open{right:0}.ai-chat-header{padding:16px 20px}.ai-chat-messages{padding:16px;gap:16px}.ai-chat-message-content{max-width:80%}.ai-chat-input-form{padding:16px 20px}.ai-chat-avatar{width:40px;height:40px}.ai-chat-title h3{font-size:16px}.ai-chat-workspace{font-size:12px}}@media(max-width:480px){.ai-chat-message-content{max-width:85%;padding:12px 14px}.ai-chat-message-content p{font-size:14px}.ai-chat-input{font-size:14px;padding:10px 14px}.ai-chat-send-btn{width:44px;height:44px}.ai-chat-message-avatar{width:32px;height:32px}}@media(prefers-color-scheme:dark){.ai-chat-container{background:linear-gradient(135deg,#14141ffa,#0f0f19fa)}}.settings-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3a);padding:0}.settings-header{padding:24px 32px 20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.back-link{display:inline-flex;align-items:center;gap:8px;color:#8b9fd9;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:16px;padding:6px 12px;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.back-link:hover{background:#8b9fd91a;border-color:#8b9fd933;color:#fff}.header-content h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.header-content p{font-size:16px;color:#fff9;margin:0}.settings-content{width:100%;margin:0;padding:32px 2rem 60px;display:flex;flex-direction:column;gap:20px}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;overflow:hidden}.card:hover{border-color:#ffffff26;background:#ffffff0a}.card-header{padding:20px 24px 0}.card-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.card-body{padding:20px 24px 24px}.profile-section{display:flex;gap:20px;align-items:flex-start}.avatar{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0}.name-section{margin-bottom:16px}.name-display{display:flex;align-items:center;justify-content:space-between}.name-display h3{font-size:20px;font-weight:600;color:#fff;margin:0}.edit-btn{background:none;border:1px solid rgba(139,159,217,.3);color:#8b9fd9;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-btn:hover{background:#8b9fd91a;border-color:#8b9fd980;color:#fff}.edit-form{display:flex;flex-direction:column;gap:12px}.name-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#fff;font-size:16px;transition:all .2s ease}.name-input:focus{outline:none;border-color:#8b9fd966;background:#ffffff14}.edit-actions{display:flex;gap:8px}.save-btn,.cancel-btn{flex:1;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.cancel-btn{background:none;border:1px solid rgba(255,255,255,.1);color:#fffc}.cancel-btn:hover{background:#ffffff0d;color:#fff}.email{font-size:15px;color:#ffffffb3}.plan-info{display:flex;align-items:center;gap:16px;margin-bottom:20px}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);padding:6px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center}.badge-text{color:#fff;font-size:11px;font-weight:700;letter-spacing:1px}.plan-details h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.plan-details p{font-size:14px;color:#fff9;margin:0}.plan-comparison-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:20px}.plan-box{padding:24px;border-radius:12px;border:2px solid rgba(139,159,217,.2);background:#8b9fd90d;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.plan-box:hover{border-color:#8b9fd966;background:#8b9fd914}.plan-box-free{border-color:#667eea4d;background:#667eea14}.plan-box-free:hover{border-color:#667eea80;background:#667eea1f}.plan-box-premium{border:2px solid rgba(240,147,251,.4);background:linear-gradient(135deg,#f093fb14,#667eea14);box-shadow:0 8px 32px #f093fb1a}.plan-box-premium:hover{border-color:#f093fb99;background:linear-gradient(135deg,#f093fb1f,#667eea1f)}.plan-box-preview{opacity:.8;border-style:dashed}.plan-box-free-preview{border-color:#8b9fd926;background:#8b9fd908}.plan-box-premium-preview{border-color:#f093fb33;background:linear-gradient(135deg,#f093fb0a,#667eea0a)}.plan-badge-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-badge{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.plan-badge-free{background:linear-gradient(135deg,#667eea,#764ba2)}.plan-badge-premium{background:linear-gradient(135deg,#f093fb,#667eea)}.plan-status{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;background:#667eea26;color:#8b9fd9}.plan-status.premium{background:#f093fb26;color:#f093fb}.plan-content h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.plan-description{font-size:14px;color:#ffffffb3;margin:0}.plan-features{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.feature-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.feature-label{font-size:13px;color:#ffffffb3;font-weight:500}.feature-value{font-size:14px;font-weight:700;color:#8b9fd9;background:#8b9fd91a;padding:4px 12px;border-radius:6px}.plan-box-premium .feature-value{color:#f093fb;background:#f093fb1a}.plan-action{display:flex;gap:12px}.btn-upgrade{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-upgrade:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.plan-box-premium .btn-upgrade{background:linear-gradient(135deg,#f093fb,#667eea)}.plan-box-premium .btn-upgrade:hover{box-shadow:0 8px 24px #f093fb66}.plan-active-badge{width:100%;background:#10b98126;border:2px solid rgba(16,185,129,.4);color:#10b981;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;text-align:center}.plan-limits{display:flex;gap:24px;margin-bottom:24px}.limit-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#ffffff08;border-radius:8px;flex:1}.limit-number{font-size:20px;font-weight:700;color:#8b9fd9;margin-bottom:4px}.limit-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.upgrade-section{display:flex}.upgrade-btn{width:100%;background:linear-gradient(135deg,#8b9fd91a,#764ba21a);border:1px solid rgba(139,159,217,.2);color:#8b9fd9;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.upgrade-btn:hover{border-color:#8b9fd94d;background:linear-gradient(135deg,#8b9fd926,#764ba226);color:#fff}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{font-size:15px;font-weight:500;color:#fff}.setting-desc{font-size:13px;color:#fff9}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.3s;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea4d}.toggle input:checked+.slider:before{transform:translate(20px)}.logout-card{border-color:#ef444433}.logout-card:hover{border-color:#ef44444d;background:#ef444405}.logout-section{display:flex;align-items:center;justify-content:space-between;gap:20px}.logout-info h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.logout-info p{font-size:13px;color:#fff9;margin:0}.logout-btn{display:flex;align-items:center;gap:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.logout-btn:hover{background:#ef444426;border-color:#ef444466;transform:translateY(-1px)}@media(max-width:768px){.settings-header{padding:20px}.header-content h1{font-size:24px}.header-content p{font-size:14px}.settings-content{padding:20px 1rem;gap:16px}.profile-section{flex-direction:column;align-items:center;text-align:center;gap:16px}.name-display{flex-direction:column;gap:8px}.edit-btn{align-self:stretch}.plan-comparison-container{grid-template-columns:1fr}.plan-limits{gap:12px}.limit-item{padding:12px}.logout-section{flex-direction:column;text-align:center}.logout-btn{align-self:stretch;justify-content:center}.card-header{padding:16px 20px 0}.card-body{padding:16px 20px 20px}}@media(max-width:480px){.settings-header{padding:16px}.settings-content{padding:16px 1rem}.plan-comparison-container{grid-template-columns:1fr;gap:16px}.plan-box{padding:16px}.plan-limits{flex-direction:column;gap:8px}.limit-item{flex-direction:row;justify-content:space-between;align-items:center}.limit-number{margin-bottom:0;font-size:18px}.feature-row{flex-direction:column;align-items:flex-start;gap:4px}}.settings-header-content{max-width:1200px;margin:0 auto;width:100%}.settings-back-btn{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:12px;padding:6px 12px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-back-btn:hover{background:#667eea1a;transform:translate(-4px)}.settings-title h1{font-size:28px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.5px}.settings-title p{color:#fff9;font-size:14px;margin:0}.settings-main{flex:1;padding:24px 20px}.settings-card{background:linear-gradient(135deg,#1a1a2ee6,#16213ee6);border:1px solid rgba(102,126,234,.2);border-radius:16px;margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000001a}.settings-card:hover{border-color:#667eea59;transform:translateY(-2px);box-shadow:0 8px 32px #667eea26}.settings-card-danger{border-color:#ef444426}.settings-card-danger:hover{border-color:#ef44444d;box-shadow:0 8px 32px #ef44441a}.settings-card-header{padding:20px 24px 16px;border-bottom:1px solid rgba(102,126,234,.15);background:linear-gradient(135deg,#667eea08,#f093fb08)}.settings-card-header h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.settings-card-header p{font-size:13px;color:#ffffff80;margin:0}.settings-card-danger .settings-card-header h2{color:#ef4444}.settings-card-body{padding:20px 24px 24px}.profile-section{display:flex;gap:20px;align-items:center}.profile-avatar{width:72px;height:72px;min-width:72px;border-radius:16px;background:linear-gradient(135deg,#667eea,#f093fb);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 8px 24px #667eea66}.profile-info{flex:1}.info-group{margin-bottom:20px}.info-group:last-child{margin-bottom:0}.info-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#ffffff80;margin-bottom:8px;letter-spacing:.5px}.info-display{display:flex;align-items:center;justify-content:space-between;gap:12px}.info-display p{color:#fff;font-size:14px;margin:0}.info-email{color:#667eea!important;font-size:13px}.btn-edit{background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-edit:hover{background:#667eea4d;border-color:#667eea80;transform:translateY(-2px)}.edit-name-group{display:flex;flex-direction:column;gap:12px}.edit-name-input{background:#ffffff0d;border:1px solid rgba(102,126,234,.3);border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-name-input:focus{outline:none;border-color:#667eea99;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.edit-name-input::placeholder{color:#ffffff4d}.edit-name-buttons{display:flex;gap:8px}.btn-save,.btn-cancel{flex:1;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-save{background:linear-gradient(135deg,#667eea,#f093fb);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.btn-cancel:hover{background:#ffffff1a;border-color:#fff3}.plan-card-special{position:relative;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2,#10151ef2);border:1px solid rgba(102,126,234,.3);overflow:visible}.plan-card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#f093fb,#667eea);border-radius:18px;z-index:-1;opacity:.1;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.01)}}.plan-section{display:flex;flex-direction:column;gap:24px}.plan-header-new{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea14,#f093fb14);border-radius:12px;border:1px solid rgba(102,126,234,.15)}.plan-badge-container{position:relative;display:flex;align-items:center;gap:12px}.plan-badge-glow{position:absolute;inset:-4px;background:linear-gradient(135deg,#667eea,#f093fb);border-radius:12px;opacity:.2;filter:blur(8px);z-index:-1}.plan-badge-free{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 16px;border-radius:8px;box-shadow:0 4px 16px #667eea4d;position:relative;overflow:hidden}.plan-badge-free:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.plan-badge-icon{font-size:16px}.plan-badge-text{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px}.plan-text-new h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.plan-text-new p{font-size:14px;color:#ffffffb3;margin:0}.plan-status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:12px;font-weight:600;color:#10b981}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.status-dot.active{animation:dot-pulse 2s infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.plan-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:20px;background:linear-gradient(135deg,#667eea0d,#f093fb0d);border-radius:12px;border:1px solid rgba(102,126,234,.1)}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-item:hover{background:#667eea1a;transform:translateY(-2px)}.feature-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea33,#f093fb33);border-radius:6px;flex-shrink:0}.feature-details{display:flex;flex-direction:column;gap:2px}.feature-number{font-size:16px;font-weight:700;color:#fff}.feature-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.plan-upgrade-section{display:flex;flex-direction:column;gap:16px}.premium-preview{padding:20px;background:linear-gradient(135deg,#f093fb14,#667eea14);border:1px solid rgba(240,147,251,.2);border-radius:12px;position:relative;overflow:hidden}.premium-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f093fb,#667eea,#f093fb);background-size:200% 100%;animation:gradient-slide 3s ease-in-out infinite}@keyframes gradient-slide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.premium-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.premium-icon{font-size:18px}.premium-text{font-size:16px;font-weight:700;color:#fff}.premium-badge{background:linear-gradient(135deg,#f093fb,#667eea);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.premium-description{font-size:13px;color:#ffffffb3;margin:0;line-height:1.5}.btn-upgrade-new{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#667eea,#f093fb);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-upgrade-new: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}.btn-upgrade-new:hover:before{left:100%}.btn-upgrade-new:hover{box-shadow:0 12px 28px #667eea66;transform:translateY(-2px)}.upgrade-icon{font-size:16px}.account-section{display:flex;flex-direction:column;gap:16px}.account-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#667eea0d;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-item:hover{background:#667eea14}.account-info h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.account-info p{font-size:12px;color:#ffffff80;margin:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.3s;border-radius:24px;border:1px solid rgba(255,255,255,.15)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#f093fb);border-color:#667eea80}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.danger-section{display:flex;flex-direction:column;gap:16px}.danger-section p{color:#ffffffb3;font-size:13px;margin:0}.btn-logout{display:flex;align-items:center;justify-content:center;gap:10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-logout:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 8px 24px #ef444433;transform:translateY(-2px)}.settings-footer{padding:20px;text-align:center;color:#fff6;font-size:12px;border-top:1px solid rgba(102,126,234,.1)}@media(max-width:768px){.settings-header{padding:16px}.settings-title h1{font-size:24px}.settings-main{padding:16px}.settings-card-header{padding:16px 20px 12px}.settings-card-body{padding:16px 20px 20px}.profile-section{flex-direction:column;align-items:center;text-align:center;gap:16px}.profile-avatar{margin-bottom:0}.info-display{flex-direction:column;justify-content:center;gap:8px}.btn-edit{width:100%}.edit-name-buttons{flex-direction:column}.btn-save,.btn-cancel{width:100%}.plan-features-grid{grid-template-columns:1fr;gap:12px}.plan-header-new{flex-direction:column;align-items:flex-start;gap:12px}.premium-header{justify-content:center}.btn-upgrade-new{width:100%}.account-item{flex-direction:column;align-items:flex-start;gap:12px}.btn-logout{width:100%}.settings-back-btn{margin-bottom:8px}}@media(max-width:480px){.settings-header{padding:16px}.settings-title h1{font-size:20px}.settings-title p{font-size:12px}.settings-main{padding:16px}.settings-container{max-width:100%}.settings-card{margin-bottom:16px;border-radius:8px}.profile-avatar{width:64px;height:64px;font-size:24px}.plan-badge{padding:6px 12px;font-size:11px}.btn-logout{padding:10px 16px;font-size:13px}}.flowchart-container{width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);overflow:hidden;position:relative}.flowchart-header{position:absolute;top:0;left:0;right:0;z-index:1000;background:#0f0f1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.2);padding:12px 20px}.flowchart-header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.flowchart-header-left,.flowchart-header-right{display:flex;align-items:center;gap:20px}.flowchart-logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:600;font-size:18px}.flowchart-workspace-display{display:flex;align-items:center;gap:10px;color:#a0a0a0}.flowchart-workspace-info{display:flex;flex-direction:column;gap:2px}.flowchart-workspace-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666}.flowchart-workspace-name{font-size:14px;font-weight:500;color:#fff}.back-btn,.logout-btn,.panel-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#667eea;text-decoration:none;font-size:14px;transition:all .2s ease;cursor:pointer}.back-btn:hover,.logout-btn:hover,.panel-btn:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-1px)}.user-info{display:flex;align-items:center;gap:10px;color:#fff}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px}.user-name{font-size:14px;font-weight:500}.flowchart-main{width:100%;height:100%;padding-top:70px}.todo-node{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;width:280px;min-height:100px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;cursor:grab;position:relative}.todo-node:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006;border-color:#667eea66}.todo-node.completed{background:#22c55e1a;border-color:#22c55e4d}.todo-node.priority-high{border-left:4px solid #ef4444;background:#ef444414}.todo-node.priority-medium{border-left:4px solid #f59e0b;background:#f59e0b14}.todo-node.priority-low{border-left:4px solid #10b981;background:#10b98114}.todo-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.todo-checkbox{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.todo-checkbox:hover{border-color:#667eea99;background:#667eea1a}.todo-checkbox.checked{background:#22c55e;border-color:#22c55e}.checkmark{color:#fff;font-weight:700;font-size:14px}.priority-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px}.priority-badge.priority-high{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.priority-badge.priority-medium{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.priority-badge.priority-low{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.todo-content{color:#fff;font-size:14px;line-height:1.5;word-wrap:break-word}.completed-text{text-decoration:line-through;opacity:.6;color:#94a3b8}.help-panel{position:absolute;top:50px;left:0;background:#0f0f1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:20px;width:300px;color:#fff;box-shadow:0 8px 32px #00000080}.help-panel h3{margin:0 0 16px;color:#667eea;font-size:16px}.help-panel ul{margin:0;padding:0;list-style:none}.help-panel li{margin-bottom:8px;font-size:13px;line-height:1.4}.help-panel kbd{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace}.stats-panel{display:flex;gap:16px;padding:12px 16px;background:#0f0f1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.3);border-radius:12px;box-shadow:0 4px 16px #0000004d}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:18px;font-weight:600;color:#667eea}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888}.panel-btn{width:40px!important;height:40px!important;padding:0!important;font-size:16px;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:4px}.flowchart-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.flowchart-blob{position:absolute;border-radius:50%;background:linear-gradient(45deg,#667eea1a,#764ba21a);animation:float 20s infinite ease-in-out;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.flowchart-blob-1{width:400px;height:400px;top:-100px;left:-100px;animation-delay:0s}.flowchart-blob-2{width:300px;height:300px;top:40%;right:-50px;animation-delay:-7s}.flowchart-blob-3{width:200px;height:200px;bottom:-50px;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.react-flow__controls{bottom:20px!important;left:20px!important}.react-flow__minimap{bottom:20px!important;right:80px!important}.react-flow__panel{margin:10px}.react-flow__connection-line{stroke:#667eea;stroke-width:3;stroke-dasharray:5,5}.react-flow__node.selected{box-shadow:0 0 0 3px #667eea80}.react-flow__edge.selected .react-flow__edge-path{stroke:#667eea;stroke-width:4}.react-flow__handle{width:12px;height:12px;background:#667eea;border:3px solid #fff;border-radius:50%;opacity:0;transition:all .2s ease}.react-flow__handle:hover{background:#5a67d8;transform:scale(1.2);opacity:1!important}.todo-node:hover .react-flow__handle{opacity:1}.handle{border:3px solid #fff;background:#667eea;width:12px;height:12px;border-radius:50%;transition:all .2s ease}.handle-top{top:-6px;background:#22c55e}.handle-right{right:-6px;background:#f59e0b}.handle-bottom{bottom:-6px;background:#ef4444}.handle-left{left:-6px;background:#8b5cf6}.handle:hover{transform:scale(1.3);box-shadow:0 0 0 4px #667eea4d}@media(max-width:768px){.flowchart-header-content{padding:0 10px;gap:10px}.flowchart-header-left,.flowchart-header-right{gap:10px}.user-name{display:none}.todo-node{width:240px;padding:12px}.help-panel{width:250px;padding:15px}.stats-panel{gap:12px;padding:10px 12px}}@media(max-width:480px){.flowchart-workspace-display{display:none}.todo-node{width:200px;padding:10px}}.activity-container{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);background-attachment:fixed;color:#fff;padding:20px;position:relative;overflow-x:hidden}.activity-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:backgroundPulse 10s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.activity-header{max-width:1200px;margin:0 auto 40px;position:relative;z-index:1;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.activity-back-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fffc;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:24px;position:relative;overflow:hidden}.activity-back-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.activity-back-btn:hover:before{width:200px;height:200px}.activity-back-btn:hover{background:#ffffff1a;border-color:#667eea80;color:#fff;transform:translate(-8px);box-shadow:0 8px 20px #667eea33}.activity-back-btn svg{position:relative;z-index:1}.activity-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.activity-header-left{flex:1;min-width:250px}.activity-title{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-subtitle{font-size:16px;color:#fff9;margin:0}.workspace-name{color:#667eea;font-weight:600}.activity-header-right{display:flex;align-items:center;gap:12px}.activity-filter-tabs{display:flex;gap:8px;background:#ffffff0d;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.filter-tab{padding:10px 20px;border:none;background:transparent;color:#fff9;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:#ffffff0d;color:#ffffffe6}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.activity-content{max-width:1200px;margin:0 auto 40px;min-height:400px}.activity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.activity-loading p{color:#fff9;font-size:16px}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.activity-empty h3{font-size:24px;margin:0 0 12px;color:#ffffffe6}.activity-empty p{font-size:16px;color:#ffffff80;margin:0 0 24px}.empty-action-btn{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.activity-list{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.activity-item{display:flex;align-items:flex-start;gap:16px;background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.activity-item:hover:before{opacity:1}.activity-item:hover{background:#ffffff14;border-color:#667eea66;transform:translate(8px);box-shadow:0 12px 32px #667eea33}.activity-item-icon{flex-shrink:0}.activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.activity-item:hover .activity-icon{transform:scale(1.1) rotate(5deg)}.activity-icon-created{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d}.activity-icon-completed{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.activity-icon-deleted{background:linear-gradient(135deg,#f44336,#e53935);box-shadow:0 4px 15px #f443364d}.activity-icon-goal{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 15px #ff98004d}.activity-icon-goal-completed{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd7004d}.activity-icon-workspace{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 15px #2196f34d}.activity-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.activity-item-message{font-size:16px;color:#ffffffe6;margin:0;font-weight:500;line-height:1.5}.activity-item-metadata{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.priority-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-low{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.priority-medium{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.priority-high{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.activity-item-time{font-size:14px;color:#ffffff80}.activity-stats{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:32px;background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:20px;position:relative;z-index:1;animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d;transform:translateY(-6px);box-shadow:0 12px 32px #667eea40}.stat-value{font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:#fff9;font-weight:500}@media(max-width:768px){.activity-container{padding:15px}.activity-header-content{flex-direction:column}.activity-title{font-size:24px}.activity-subtitle{font-size:14px}.activity-filter-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{padding:8px 16px;font-size:13px}.activity-item{padding:16px;gap:12px}.activity-icon{width:36px;height:36px}.activity-item-message{font-size:14px}.activity-stats{grid-template-columns:1fr;padding:20px;gap:16px}.stat-value{font-size:28px}.stat-label{font-size:13px}}@media(max-width:480px){.activity-back-btn{padding:8px 16px;font-size:13px}.activity-title{font-size:20px}.activity-item{flex-direction:column;text-align:center}.activity-item-icon{margin:0 auto}.activity-item-content{align-items:center}.activity-item-metadata{justify-content:center}}.load-more-container{display:flex;justify-content:center;padding:30px 20px;margin-top:20px;position:relative;z-index:1}.load-more-btn{display:flex;align-items:center;gap:12px;padding:16px 40px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #667eea66;position:relative;overflow:hidden}.load-more-btn: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}.load-more-btn:hover:not(:disabled):before{width:300px;height:300px}.load-more-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.05);box-shadow:0 16px 40px #667eea80}.load-more-btn svg{position:relative;z-index:1}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-btn:disabled:hover{transform:none}.load-more-count{font-size:14px;opacity:.9;font-weight:500}.load-more-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-item{animation:slideUp .3s ease backwards}.activity-item:nth-child(1){animation-delay:.05s}.activity-item:nth-child(2){animation-delay:.1s}.activity-item:nth-child(3){animation-delay:.15s}.activity-item:nth-child(4){animation-delay:.2s}.activity-item:nth-child(5){animation-delay:.25s}.activity-item:nth-child(6){animation-delay:.3s}.activity-item:nth-child(7){animation-delay:.35s}.activity-item:nth-child(8){animation-delay:.4s}.activity-item:nth-child(9){animation-delay:.45s}.activity-item:nth-child(10){animation-delay:.5s}.ai-planner-page{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);background-attachment:fixed;color:#e0e0e0;overflow:hidden}.ai-planner-header{background:#0f0f1e66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.1);padding:24px 32px;flex-shrink:0}.ai-planner-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;gap:24px}.ai-planner-header-nav{display:flex;align-items:center;gap:8px;font-size:13px;flex-shrink:0}.ai-planner-header-nav-link{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#a78bfa;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.ai-planner-header-nav-link:hover{background:#667eea26;border-color:#667eea66;color:#e0e0e0}.ai-planner-header-nav-link svg{width:14px;height:14px}.ai-planner-header-nav-divider{color:#e0e0e04d;font-weight:300}.ai-planner-header-nav-current{color:#e0e0e0b3;font-weight:500}.ai-planner-header-main{flex:1;text-align:center;min-width:0}.ai-planner-header-main h1{font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.ai-planner-header-subtitle{font-size:13px;color:#e0e0e080;margin:6px 0 0;font-weight:400}.ai-planner-header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.ai-planner-header-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:10px;color:#e0e0e0cc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-planner-header-btn:hover{background:#ffffff14;border-color:#667eea66;color:#e0e0e0}.ai-planner-header-btn-icon{padding:10px 12px}.ai-planner-header-btn-icon svg{width:18px;height:18px}.ai-planner-header-btn-primary{background:linear-gradient(135deg,#667eea4d,#f093fb26);border-color:#667eea66;color:#a78bfa}.ai-planner-header-btn-primary:hover{background:linear-gradient(135deg,#667eea66,#f093fb40);border-color:#667eea99}.ai-planner-header-btn-secondary{background:#667eea1a;border-color:#667eea33;color:#a78bfacc}.ai-planner-container{display:flex;flex:1;overflow:hidden}.ai-planner-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.ai-planner-main-content{flex:1;padding:32px;display:flex;flex-direction:column;gap:32px;overflow-y:auto}.ai-planner-workspace-header{padding:20px 32px;background:#0f0f1e33;border-bottom:1px solid rgba(102,126,234,.1);flex-shrink:0}.ai-planner-workspace-title{font-size:14px;font-weight:600;color:#e0e0e099;margin:0;text-transform:uppercase;letter-spacing:.5px}.ai-planner-context-section{display:flex;flex-direction:column;gap:12px;padding:20px;background:#ffffff08;border:1px solid rgba(102,126,234,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-planner-context-label{font-size:13px;font-weight:700;color:#e0e0e0cc;text-transform:uppercase;letter-spacing:.5px;margin:0}.ai-planner-context-textarea{width:100%;padding:12px;background:#0f0f1e66;border:1px solid rgba(102,126,234,.15);border-radius:8px;color:#e0e0e0f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.6;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-planner-context-textarea::placeholder{color:#e0e0e04d}.ai-planner-context-textarea:focus{outline:none;background:#0f0f1e99;border-color:#667eea66;box-shadow:0 0 0 3px #667eea1a}.ai-planner-context-textarea:disabled{opacity:.6;cursor:not-allowed}.ai-planner-context-hint{font-size:12px;color:#e0e0e066;margin:0;font-style:italic}.ai-planner-context-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.ai-planner-generate-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea66,#f093fb40);border:1px solid rgba(102,126,234,.5);border-radius:10px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap}.ai-planner-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea80,#f093fb59);border-color:#667eeab3;box-shadow:0 4px 12px #667eea33}.ai-planner-generate-btn:disabled{opacity:.8;cursor:not-allowed}.ai-planner-spinner-small{width:14px;height:14px;border:2px solid rgba(167,139,250,.2);border-top-color:#a78bfa;border-radius:50%;animation:ai-planner-spin .8s linear infinite}.ai-planner-sidebar{width:280px;background:#0f0f1e4d;border-right:1px solid rgba(102,126,234,.1);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.ai-planner-sidebar-header{padding:20px;border-bottom:1px solid rgba(102,126,234,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.ai-planner-sidebar-title{font-size:14px;font-weight:700;margin:0;color:#e0e0e0e6;text-transform:uppercase;letter-spacing:.8px}.ai-planner-sidebar-count{font-size:12px;background:#667eea33;color:#a78bfa;padding:4px 8px;border-radius:6px;font-weight:600}.ai-planner-sidebar-nav{flex:1;overflow-y:auto;padding:8px}.ai-planner-sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ai-planner-sidebar-item{display:block;width:100%;padding:12px;background:transparent;border:1px solid rgba(102,126,234,.1);border-radius:10px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:inherit}.ai-planner-sidebar-item:hover{background:#667eea14;border-color:#667eea40}.ai-planner-sidebar-item.active{background:linear-gradient(135deg,#667eea26,#f093fb1a);border-color:#667eea66;box-shadow:0 4px 12px #667eea26}.ai-planner-sidebar-item-date{font-size:12px;font-weight:700;color:#a78bfa;margin-bottom:6px;text-transform:capitalize}.ai-planner-sidebar-item-summary{font-size:12px;color:#e0e0e099;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.ai-planner-sidebar-empty{display:flex;align-items:center;justify-content:center;flex:1;padding:32px 16px;text-align:center}.ai-planner-sidebar-empty p{font-size:13px;color:#e0e0e066;margin:0}.ai-planner-sidebar-load-more{padding:8px 4px;display:flex;justify-content:center}.ai-planner-load-more-btn{width:100%;padding:10px;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#a78bfa;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ai-planner-load-more-btn:hover:not(:disabled){background:#667eea26;border-color:#667eea66;color:#fff}.ai-planner-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.ai-planner-sidebar-loading{display:flex;align-items:center;justify-content:center;flex:1;padding:32px 16px}.ai-planner-sidebar-loader{display:flex;flex-direction:column;align-items:center;gap:12px}.ai-planner-loader-spinner{width:36px;height:36px;border:3px solid rgba(102,126,234,.2);border-top-color:#a78bfa;border-right-color:#667eea;border-radius:50%;animation:ai-planner-spin 1s linear infinite}.ai-planner-loader-text{font-size:12px;color:#e0e0e099;margin:0;font-weight:500;letter-spacing:.3px}.ai-planner-timeline{display:flex;flex-direction:column;gap:32px}.ai-planner-timeline-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.ai-planner-timeline-title{font-size:24px;font-weight:700;margin:0;color:#e0e0e0f2}.ai-planner-timeline-date{font-size:13px;color:#e0e0e080;font-weight:500}.ai-planner-timeline-summary{padding:20px;background:#ffffff08;border:1px solid rgba(102,126,234,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-planner-timeline-summary-title{font-size:13px;font-weight:700;color:#e0e0e0cc;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.ai-planner-timeline-summary-text{font-size:14px;line-height:1.6;color:#e0e0e0b3;margin:0}.ai-planner-timeline-context{margin-top:12px;padding-top:12px;border-top:1px solid rgba(102,126,234,.1)}.ai-planner-timeline-context-label{font-size:12px;font-weight:700;color:#e0e0e080;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.ai-planner-timeline-context-text{font-size:13px;color:#e0e0e099;margin:0;font-style:italic}.ai-planner-timeline-empty{display:flex;align-items:center;justify-content:center;flex:1;padding:64px 32px}.ai-planner-timeline-placeholder{text-align:center;color:#e0e0e04d}.ai-planner-timeline-placeholder svg{margin-bottom:16px;opacity:.5}.ai-planner-timeline-placeholder p{font-size:14px;margin:0}.ai-planner-timeline-loading{display:flex;align-items:center;justify-content:center;flex:1;padding:64px 32px}.ai-planner-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:24px}.ai-planner-spinner-circle{width:56px;height:56px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-right-color:#f093fb;border-radius:50%;animation:ai-planner-spin 1s linear infinite}@keyframes ai-planner-spin{to{transform:rotate(360deg)}}.ai-planner-loading-text{font-size:14px;color:#e0e0e0b3;margin:0;font-weight:500}.ai-planner-timeline-items{position:relative}.ai-planner-timeline-vertical{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:40px}.ai-planner-timeline-vertical:before{content:"";position:absolute;left:8px;top:12px;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea66,#667eea1a)}.ai-planner-timeline-item{position:relative;display:flex;gap:16px;align-items:flex-start}.ai-planner-timeline-marker{position:absolute;left:-36px;width:16px;height:16px;border-radius:50%;background:#667eea;border:3px solid rgba(15,15,30,1);top:4px;flex-shrink:0;box-shadow:0 0 0 4px #667eea26}.ai-planner-timeline-card{flex:1;padding:16px;background:#ffffff08;border:1px solid rgba(102,126,234,.15);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-planner-timeline-card:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 24px #667eea1a}.ai-planner-timeline-card-time{font-size:12px;font-weight:700;color:#a78bfa;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ai-planner-timeline-card-content{display:flex;justify-content:space-between;align-items:center;gap:12px}.ai-planner-timeline-card-title{font-size:14px;font-weight:600;margin:0;color:#e0e0e0f2}.ai-planner-timeline-priority{display:inline-block;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.ai-planner-timeline-priority-high{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.ai-planner-timeline-priority-medium{background:#fb923c33;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.ai-planner-timeline-priority-low{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.ai-planner-timeline-no-items{text-align:center;color:#e0e0e066;font-size:14px;margin:32px 0}.ai-planner-sidebar::-webkit-scrollbar,.ai-planner-main::-webkit-scrollbar,.ai-planner-main-content::-webkit-scrollbar{width:8px}.ai-planner-sidebar::-webkit-scrollbar-track,.ai-planner-main::-webkit-scrollbar-track,.ai-planner-main-content::-webkit-scrollbar-track{background:transparent}.ai-planner-sidebar::-webkit-scrollbar-thumb,.ai-planner-main::-webkit-scrollbar-thumb,.ai-planner-main-content::-webkit-scrollbar-thumb{background:#667eea33;border-radius:4px}.ai-planner-sidebar::-webkit-scrollbar-thumb:hover,.ai-planner-main::-webkit-scrollbar-thumb:hover,.ai-planner-main-content::-webkit-scrollbar-thumb:hover{background:#667eea66}@media(max-width:1024px){.ai-planner-sidebar{width:240px}.ai-planner-main-content{padding:24px}.ai-planner-header-content{gap:16px}}@media(max-width:768px){.ai-planner-page{height:auto;min-height:100vh}.ai-planner-header{padding:16px}.ai-planner-header-content{flex-direction:column;gap:12px}.ai-planner-header-nav{width:100%;font-size:12px;flex-wrap:wrap}.ai-planner-header-main h1{font-size:22px}.ai-planner-container{flex-direction:column}.ai-planner-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid rgba(102,126,234,.1)}.ai-planner-main{min-height:400px}.ai-planner-main-content,.ai-planner-workspace-header{padding:16px}.ai-planner-timeline-vertical{padding-left:32px}.ai-planner-timeline-marker{left:-32px}}@media(max-width:480px){.ai-planner-header{padding:12px 16px}.ai-planner-header-main h1{font-size:20px}.ai-planner-header-nav{font-size:11px}.ai-planner-workspace-header{padding:12px 16px}.ai-planner-main-content{padding:12px;gap:16px}.ai-planner-context-section{padding:16px}.ai-planner-context-textarea{font-size:12px}.ai-planner-timeline-title{font-size:18px}.ai-planner-timeline-vertical{padding-left:28px}.ai-planner-timeline-marker{left:-28px}}.details-page-container{min-height:100vh;background-color:#0f0f1a;display:flex;justify-content:center;align-items:center;padding:20px;color:#fff}.details-card{background:#1a1a2e;width:100%;max-width:800px;border-radius:16px;padding:40px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.05)}.details-header{display:flex;align-items:center;margin-bottom:30px;gap:20px}.back-btn{background:transparent;border:none;color:#a0a0b0;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;transition:color .2s}.back-btn:hover{color:#fff}.details-header h1{margin:0;font-size:24px;font-weight:600}.details-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#a0a0b0;font-size:14px;font-weight:500}.details-input,.details-textarea{background:#131323;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;transition:border-color .2s;font-family:inherit}.details-input:focus,.details-textarea:focus{outline:none;border-color:#667eea}.details-input[type=date]{cursor:pointer;position:relative}.details-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s;padding:4px;border-radius:4px}.details-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background:#667eea33;transform:scale(1.1)}.details-input[type=date]:focus::-webkit-calendar-picker-indicator{opacity:1}.details-input[type=date]::-moz-calendar-picker-indicator{filter:invert(1);cursor:pointer}.details-textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.priority-select-container{display:flex;gap:10px}.priority-btn{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#131323;color:#a0a0b0;cursor:pointer;transition:all .2s;text-transform:capitalize}.priority-btn.active{color:#fff;border-color:transparent}.priority-btn.low.active{background:#10b98133;color:#10b981}.priority-btn.medium.active{background:#f59e0b33;color:#f59e0b}.priority-btn.high.active{background:#ef444433;color:#ef4444}.form-actions{margin-top:20px;display:flex;justify-content:flex-end}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #764ba266}.details-loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;background:#0f0f1a}@media(max-width:768px){.form-row{grid-template-columns:1fr}.details-card{padding:20px}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 40%,#16213e);background-attachment:fixed;color:#e0e0e0;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.legal-navbar{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.05);background:#0f0f1e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.legal-nav-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.legal-nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:700;font-size:20px;transition:all .3s ease}.legal-nav-logo:hover{opacity:.8}.legal-nav-back{color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.legal-nav-back:hover{background:#ffffff1a;color:#fff;border-color:#fff6}.legal-container{flex:1;max-width:900px;margin:0 auto;padding:60px 24px;width:100%}.legal-header{text-align:center;margin-bottom:50px;padding-bottom:40px;border-bottom:2px solid rgba(102,126,234,.3)}.legal-header h1{font-size:48px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.legal-date{color:#ffffff80;font-size:14px;font-weight:500;letter-spacing:.5px}.legal-content{line-height:1.8}.legal-section{margin-bottom:48px}.legal-section h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px;margin-top:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-section h3{font-size:18px;font-weight:600;color:#ffffffe6;margin-top:24px;margin-bottom:12px}.legal-subheading{font-size:16px;font-weight:600;color:#ffffffd9;margin-top:20px;margin-bottom:12px}.legal-section p{color:#d0d0d0;margin-bottom:16px;font-size:15px;line-height:1.8}.legal-section ol,.legal-section ul{margin-left:20px;margin-bottom:16px}.legal-list{list-style-position:outside;padding-left:24px;color:#d0d0d0}.legal-list li{margin-bottom:12px;font-size:15px;line-height:1.7;color:#d0d0d0}.legal-list li strong{color:#fffffff2}.legal-section a{color:#667eea;text-decoration:none;font-weight:500;transition:all .3s ease;border-bottom:1px solid rgba(102,126,234,.3)}.legal-section a:hover{color:#f093fb;border-bottom-color:#f093fb80}.legal-contact-info{background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:24px;margin-top:16px;margin-bottom:16px}.legal-contact-info p{margin-bottom:8px;color:#d0d0d0;font-size:15px}.legal-contact-info strong{color:#fff}.legal-contact-info a{color:#667eea;text-decoration:none;transition:color .3s ease}.legal-contact-info a:hover{color:#f093fb}.legal-footer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:60px;padding-top:40px;border-top:2px solid rgba(102,126,234,.3);gap:20px}.legal-footer-nav a{color:#667eea;text-decoration:none;font-weight:500;font-size:14px;padding:10px 16px;border-radius:6px;transition:all .3s ease;border:1px solid rgba(102,126,234,.3);white-space:nowrap;flex:1;text-align:center}.legal-footer-nav a:hover{background:#667eea26;border-color:#667eea99;color:#f093fb}@media(max-width:768px){.legal-container{padding:40px 16px}.legal-header h1{font-size:32px}.legal-section h2{font-size:20px}.legal-section p,.legal-list li{font-size:14px}.legal-nav-content{flex-direction:column;gap:12px}.legal-nav-logo{width:100%;justify-content:center}.legal-nav-back{width:100%;text-align:center;font-size:13px}.legal-footer-nav{flex-direction:column;margin-top:40px}.legal-footer-nav a{width:100%;flex:auto}}@media(max-width:480px){.legal-container{padding:30px 12px}.legal-header h1{font-size:24px}.legal-section h2{font-size:18px}.legal-section{margin-bottom:32px}.legal-date{font-size:12px}.legal-contact-info{padding:16px}.legal-contact-info p{font-size:13px}}.legal-content::-webkit-scrollbar{width:8px}.legal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.legal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.legal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media(hover:none)and (pointer:coarse){.legal-page{background-attachment:scroll}}.protected-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);position:relative;overflow:hidden}.protected-loader-container:before,.protected-loader-container:after{content:"";position:absolute;border-radius:50%;background:var(--primary-gradient);opacity:.1;animation:float 8s ease-in-out infinite}.protected-loader-container:before{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.protected-loader-container:after{width:300px;height:300px;bottom:-80px;left:-80px;animation-delay:2s}.protected-loader{position:relative;width:120px;height:120px;margin-bottom:30px}.loader-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#667eea;animation:spin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.loader-circle:nth-child(2){border-top-color:#764ba2;animation-delay:.3s;width:80%;height:80%;top:10%;left:10%}.loader-circle:nth-child(3){border-top-color:#f093fb;animation-delay:.6s;width:60%;height:60%;top:20%;left:20%}.loader-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;animation:pulse 1.5s ease-in-out infinite}.loader-text{color:#ffffffe6;font-size:18px;font-weight:500;letter-spacing:.5px;animation:fadeInOut 2s ease-in-out infinite}.unauthorized-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:50px 40px;text-align:center;max-width:450px;animation:slideUp .5s ease-out;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10}.unauthorized-icon{font-size:64px;margin-bottom:20px;animation:shake .5s ease-in-out}.unauthorized-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:12px;font-family:Space Grotesk,sans-serif}.unauthorized-message{color:#ffffffb3;font-size:16px;line-height:1.6;margin-bottom:20px}.unauthorized-redirect{color:#ffffff80;font-size:14px;font-style:italic;animation:fadeInOut 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,20px) scale(1.1)}}@media(max-width:768px){.unauthorized-card{margin:20px;padding:40px 30px}.unauthorized-title{font-size:24px}.protected-loader{width:100px;height:100px}.loader-icon{font-size:32px}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}