@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--sidebar-width: 280px;--sidebar-collapsed-width: 88px;--topbar-height: 80px;--sidebar-blur: 24px}.layout-container{min-height:100vh;background:var(--bg-deep);color:var(--text-primary);display:flex}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-collapsed-width);background:var(--bg-sidebar);backdrop-filter:blur(var(--sidebar-blur));-webkit-backdrop-filter:blur(var(--sidebar-blur));border-right:1px solid var(--border-glass);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column}.sidebar.open{width:var(--sidebar-width);box-shadow:20px 0 50px #0003}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-glass);overflow:hidden}.logo-icon{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px var(--primary-glow)}.logo-text{margin-left:16px;font-size:20px;font-weight:800;letter-spacing:-.5px;white-space:nowrap;opacity:0;transition:opacity .3s;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar.open .logo-text{opacity:1}.sidebar-nav{flex:1;padding:24px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;padding:14px;border-radius:16px;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;overflow:hidden}.nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,var(--primary-glow),transparent);border:1px solid var(--border-glass);color:#fff;box-shadow:inset 0 0 20px #4f46e51a}.nav-item.active .nav-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-icon{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;transition:all .3s}.nav-label{margin-left:18px;font-size:15px;font-weight:600;opacity:0;transition:opacity .3s}.sidebar.open .nav-label{opacity:1}.nav-badge{position:absolute;top:-4px;right:-4px;background:#f43f5e;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;border:2px solid var(--bg-sidebar)}.sidebar-footer{padding:20px 14px;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:8px}.main-content{flex:1;margin-left:var(--sidebar-collapsed-width);transition:all .4s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column}.sidebar.open+.main-content{margin-left:var(--sidebar-width)}.topbar{height:var(--topbar-height);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#0a0b1499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:900}.topbar-left{display:flex;align-items:center;gap:20px}.mobile-menu-btn{display:none;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:#fff;padding:8px;border-radius:12px;cursor:pointer}.page-title{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-btn{width:44px;height:44px;border-radius:14px;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.topbar-btn:hover{background:var(--border-glass);color:#fff;transform:translateY(-2px)}.user-profile{display:flex;align-items:center;gap:14px;padding:8px 16px;border-radius:16px;background:var(--surface-panel);border:1px solid var(--border-glass);transition:all .3s}.user-profile:hover{background:var(--border-glass);transform:translateY(-2px)}.user-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.user-name{color:#fff;display:block}.page-container{padding:40px;flex:1;max-width:1600px;margin:0 auto;width:100%}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.open{transform:translate(0);box-shadow:20px 0 80px #0009}.sidebar.open .nav-label{opacity:1}.main-content{margin-left:0!important}.mobile-menu-btn{display:flex}.topbar{padding:0 20px}.page-container{padding:20px 20px 100px}}@media(max-width:768px){.sidebar{display:none}.layout-container{flex-direction:column}.main-content{margin-bottom:70px}.topbar{height:70px;padding:0 16px}.page-title{font-size:20px}.user-profile .user-name{display:none}.page-container{padding:16px 16px 100px}}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}to{box-shadow:0 0 5px var(--primary-glow)}}.logo-icon{animation:pulse-glow 3s infinite}.auth-container{min-height:100vh;position:relative;overflow:hidden}.auth-container.dark{background:#0a0a0f;color:#e4e4e7}.auth-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.floating-particle{position:absolute;width:4px;height:4px;background:#2dd4bf66;border-radius:50%;pointer-events:none}.auth-content{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;padding:2rem;gap:4rem;align-items:center}.auth-branding{display:flex;flex-direction:column;gap:2rem}.brand-logo{width:120px;height:120px;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-radius:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #2dd4bf33}.logo-icon{color:#fff}.brand-title{font-size:3 5rem;font-weight:900;line-height:1.1;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.brand-subtitle{font-size:1.25rem;opacity:.8;line-height:1.6}.features-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s;cursor:pointer}.feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.feature-item span{font-size:.938rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stat-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;text-align:center;transition:all .3s}.stat-card h3{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem}.stat-card p{font-size:.813rem;opacity:.7;margin:0}.auth-form-container{display:flex;align-items:center;justify-content:center}.auth-form-card{width:100%;max-width:480px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.form-header{text-align:center;margin-bottom:2rem}.header-icon{width:64px;height:64px;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 10px 30px #2dd4bf33}.form-header h2{font-size:1.875rem;font-weight:900;margin:0 0 .5rem}.form-header p{opacity:.7;margin:0}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:inherit;font-size:.938rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#2dd4bf;background:#ffffff0d;box-shadow:0 0 0 3px #2dd4bf1a}.input-wrapper input::placeholder{color:#ffffff4d}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:inherit;opacity:.5;cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:opacity .2s}.password-toggle:hover{opacity:1}.input-check{position:absolute;right:1rem;color:#10b981}.password-strength{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.strength-bar{flex:1;display:flex;gap:.25rem;height:4px}.strength-segment{flex:1;background:#ffffff1a;border-radius:2px;transition:background-color .3s}.strength-segment.active{background:#10b981}.password-strength span{font-size:.75rem;font-weight:600;white-space:nowrap}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.forgot-link{color:#2dd4bf;text-decoration:none;font-weight:600;transition:opacity .2s}.forgot-link:hover{opacity:.8}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center}.submit-btn{width:100%;padding:.938rem;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 15px #2dd4bf33}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.form-footer{text-align:center;margin-top:1.5rem;font-size:.875rem}.link-primary{color:#2dd4bf;text-decoration:none;font-weight:700;transition:opacity .2s}.link-primary:hover{opacity:.8}.divider{position:relative;text-align:center;margin:2rem 0}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff1a}.divider span{position:relative;background:#0a0a0fe6;padding:0 1rem;font-size:.813rem;font-weight:600;opacity:.5}.social-login{display:flex;flex-direction:column;gap:.75rem}.social-btn{width:100%;padding:.875rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:inherit;font-size:.938rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.social-btn:hover{background:#ffffff0d;border-color:#fff3}@media(max-width:1024px){.auth-content{grid-template-columns:1fr;gap:2rem}.auth-branding{display:none}.auth-form-container{min-height:100vh}}@media(max-width:640px){.auth-content{padding:1rem}.auth-form-card{padding:2rem 1.5rem}.brand-title{font-size:2.5rem}.stats-grid{grid-template-columns:1fr}}.landing-page{min-height:100vh;background:#0a0e1a;color:#f1f5f9;position:relative;overflow-x:hidden}.landing-background{position:fixed;inset:0;z-index:0;pointer-events:none}.landing-background .gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.landing-background .orb-1{width:600px;height:600px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:-200px;right:-200px}.landing-background .orb-2{width:500px;height:500px;background:linear-gradient(135deg,#ec4899,#f59e0b);bottom:-150px;left:-150px}.landing-background .orb-3{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#06b6d4);top:50%;left:50%;transform:translate(-50%,-50%)}.landing-background .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:50px 50px}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.25rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:1rem;cursor:pointer}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #3b82f666}.logo-text{font-size:1.375rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:1rem;align-items:center}.nav-link{padding:.75rem 1.5rem;background:transparent;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-link:hover{background:#ffffff0d;border-color:#fff3;color:#f1f5f9}.nav-btn-primary{padding:.75rem 1.75rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 16px #3b82f666;transition:all .3s ease}.nav-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f699}.hero-section{position:relative;z-index:1;padding:10rem 2rem 6rem}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:50px;color:#818cf8;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:#f1f5f9}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.25rem;color:#94a3b8;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;color:#fff;font-size:1.0625rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #3b82f666;transition:all .3s ease}.btn-secondary{padding:1rem 2rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#f1f5f9;font-size:1.0625rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item{display:flex;align-items:center;gap:.75rem;color:#818cf8}.stat-value{font-size:1.5rem;font-weight:900;color:#f1f5f9;line-height:1}.stat-label{font-size:.8125rem;color:#64748b;font-weight:600}.hero-visual{position:relative}.visual-container{position:relative;height:500px}.visual-card{position:absolute;width:280px;background:linear-gradient(135deg,#3b82f626,#1e293bf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.3);border-radius:24px;padding:1.75rem;box-shadow:0 20px 60px #0000004d;top:0;left:0}.visual-card-2{top:120px;left:140px;background:linear-gradient(135deg,#10b98126,#1e293bf2);border-color:#10b9814d}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem;box-shadow:0 8px 24px #3b82f666}.card-icon.green{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 24px #10b98166}.card-title{font-size:.875rem;color:#94a3b8;font-weight:600;margin-bottom:.5rem}.card-value{font-size:2.5rem;font-weight:900;color:#f1f5f9;margin-bottom:1rem}.card-chart{height:60px;background:linear-gradient(to top,rgba(59,130,246,.3) 0%,transparent 100%);border-radius:8px}.floating-icon{position:absolute;top:280px;right:40px;width:80px;height:80px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 40px #f59e0b80}.features-section{position:relative;z-index:1;padding:6rem 2rem}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#10b9811a;border:2px solid rgba(16,185,129,.3);border-radius:50px;color:#34d399;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.section-title{font-size:3rem;font-weight:900;color:#f1f5f9;margin-bottom:1rem}.section-description{font-size:1.125rem;color:#94a3b8;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:linear-gradient(135deg,#1e293bf2,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:all .4s ease}.feature-card:hover{border-color:#fff3;box-shadow:0 20px 60px #0006}.feature-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000004d}.feature-title{font-size:1.375rem;font-weight:800;color:#f1f5f9;margin-bottom:.75rem}.feature-description{font-size:.9375rem;color:#94a3b8;line-height:1.6}.feature-glow{position:absolute;inset:-100%;opacity:0;transition:opacity .4s ease;filter:blur(40px);pointer-events:none}.feature-card:hover .feature-glow{opacity:.15}.cta-section{position:relative;z-index:1;padding:6rem 2rem}.cta-container{max-width:800px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.3);border-radius:32px;padding:4rem;box-shadow:0 20px 60px #0000004d}.cta-icon{width:96px;height:96px;margin:0 auto 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 40px #3b82f680}.cta-title{font-size:2.5rem;font-weight:900;color:#f1f5f9;margin-bottom:1rem}.cta-description{font-size:1.125rem;color:#94a3b8;margin-bottom:2.5rem}.cta-button{padding:1.125rem 2.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #3b82f666;transition:all .3s ease}.landing-footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.1);padding:2rem;background:#0a0e1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:.75rem;color:#818cf8;font-size:1.125rem;font-weight:700}.footer-text{color:#64748b;font-size:.875rem}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-visual{display:none}.hero-title{font-size:3rem}.hero-stats,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-links{gap:.5rem}.nav-link{padding:.625rem 1rem;font-size:.875rem}.nav-btn-primary{padding:.625rem 1.25rem;font-size:.875rem}.hero-section{padding:8rem 1rem 4rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.0625rem}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-stats{grid-template-columns:1fr;gap:1rem}.features-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.cta-container{padding:3rem 2rem}.cta-title{font-size:2rem}.footer-container{flex-direction:column;gap:1rem;text-align:center}}.profile-setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.profile-setup-container.dark{background:#0a0a0f;color:#e4e4e7}.setup-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.setup-content{position:relative;z-index:1;width:100%;max-width:800px}.setup-card{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d}.setup-header{text-align:center;margin-bottom:3rem}.setup-header h1{font-size:2rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.setup-header p{opacity:.7;margin-bottom:2rem}.progress-steps{display:flex;justify-content:center;gap:1rem}.step{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s}.step.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.form-step h3{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;opacity:.9}.form-group input,.form-group select,.form-group textarea{padding:.875rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:inherit;font-family:inherit;font-size:.938rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff0d;box-shadow:0 0 0 3px #667eea1a}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem}.skill-tag{padding:.625rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.skill-tag:hover{background:#ffffff0d}.skill-tag.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-weight:600;font-size:.938rem;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-secondary{background:#ffffff0d;color:inherit;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.setup-card{padding:2rem}.form-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.dashboard-pro{min-height:100vh;position:relative;overflow-x:hidden}.dashboard-pro.dark{background:radial-gradient(circle at 50% -20%,#0f172a,#020617);color:#f8fafc}.animated-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(45,212,191,.15) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:700px;height:700px;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,transparent 70%);bottom:-300px;right:-250px;animation-delay:5s}.orb-3{width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);top:50%;right:20%;animation-delay:10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.1)}66%{transform:translate(-80px,80px) scale(.9)}}.grid-pattern{position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,255,255,.03) 49px,rgba(255,255,255,.03) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,255,255,.03) 49px,rgba(255,255,255,.03) 50px);opacity:.3}.glass-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 12px 48px #0000004d,inset 0 1px #ffffff26}.glass-light{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.glass-button{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.glass-button:hover{background:#ffffff14;border-color:#ffffff26}.pro-main{position:relative;z-index:1;padding:2rem;max-width:1600px;margin:0 auto}.welcome-card{padding:2.5rem;margin-bottom:2.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#2dd4bf14,#0ea5e914);border:1px solid rgba(255,255,255,.05)}.welcome-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.welcome-icon{width:64px;height:64px;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #2dd4bf40}.welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#f1f5f9;text-shadow:0 2px 10px rgba(0,0,0,.3)}.welcome-text p{font-size:1rem;color:#f1f5f9cc}.welcome-glow{position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(45,212,191,.15) 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{padding:1.75rem;position:relative;overflow:hidden;cursor:pointer}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #0000004d;position:relative;z-index:2}.stat-trend{padding:.5rem 0 875rem;border-radius:10px;font-size:.875rem;font-weight:700;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.stat-trend.up{color:#34d399}.stat-body{margin-bottom:1rem}.stat-number{font-size:2.5rem;font-weight:800;color:#f1f5f9;display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.stat-max{font-size:1.25rem;color:#f1f5f980;font-weight:600}.stat-title{font-size:.9375rem;color:#f1f5f9cc;font-weight:600}.stat-progress-container{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.stat-progress-fill{height:100%;border-radius:10px;position:relative;box-shadow:0 0 15px currentColor}.progress-shine{position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.stat-glow{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0;filter:blur(50px);transition:opacity .3s ease;z-index:0}.stat-box:hover .stat-glow{opacity:.25}.content-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.left-column,.right-column{display:flex;flex-direction:column;gap:1.5rem}.pro-card{padding:1.75rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-header svg{color:#2dd4bf;filter:drop-shadow(0 0 8px rgba(45,212,191,.4))}.card-header h3{font-size:1.125rem;font-weight:700;color:#f1f5f9}.actions-container{display:flex;flex-direction:column;gap:.875rem}.action-button{display:flex;align-items:center;gap:1rem;padding:1 125rem;border:none;border-radius:14px;cursor:pointer;color:#f1f5f9;text-align:left;position:relative;overflow:hidden}.action-icon-wrapper{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #0003}.icon-blue .action-icon-wrapper,.icon-blue{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.icon-green .action-icon-wrapper,.icon-green{background:linear-gradient(135deg,#10b981,#34d399)}.icon-purple .action-icon-wrapper,.icon-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.icon-orange .action-icon-wrapper,.icon-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.action-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.action-title{font-size:.9375rem;font-weight:600;color:#f1f5f9}.action-subtitle{font-size:.8125rem;color:#f1f5f999}.action-count{padding:.25rem .625rem;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.75rem;font-weight:700;color:#a5b4fc}.action-arrow{color:#f1f5f966;transition:transform .3s ease}.action-button:hover .action-arrow{transform:translate(4px)}.profile-section{display:flex;flex-direction:column;gap:1.5rem}.profile-main{display:flex;gap:1.25rem;align-items:center;padding:1.25rem;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.profile-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;position:relative;flex-shrink:0;box-shadow:0 8px 24px #2dd4bf4d}.avatar-ring{position:absolute;inset:-5px;border:2px solid transparent;border-top-color:#2dd4bf;border-right-color:#0ea5e9;border-radius:50%}.profile-details h4{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:.25rem}.profile-role{font-size:.875rem;color:#f1f5f999;margin-bottom:.625rem}.profile-rating{display:flex;align-items:center;gap:.375rem}.rating-star{font-size:1rem}.rating-text{font-size:.8125rem;font-weight:600;color:#fbbf24;margin-left:.5rem}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-info-item{display:flex;align-items:center;gap:.875rem;padding:1rem;cursor:pointer}.info-icon{font-size:1.5rem}.info-text{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:#f1f5f980;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:.9375rem;color:#f1f5f9;font-weight:600}.activity-timeline{display:flex;flex-direction:column;gap:.875rem}.timeline-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;cursor:pointer}.timeline-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0003}.timeline-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.timeline-action{font-size:.9375rem;color:#f1f5f9;font-weight:500}.timeline-time{font-size:.8125rem;color:#f1f5f980}.metrics-list{display:flex;flex-direction:column;gap:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.75rem}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;color:#f1f5f9}.metric-emoji{font-size:1.25rem}.metric-value{font-size:1.125rem;font-weight:700;color:#f1f5f9}.metric-bar-container{height:10px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.metric-bar-fill{height:100%;border-radius:10px;position:relative;box-shadow:0 0 15px currentColor}.metric-shine{position:absolute;top:0;left:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card-smooth{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-smooth:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.stat-card-smooth.highlight{background:linear-gradient(135deg,#2dd4bf0d,#0ea5e90d);border-color:#2dd4bf1a}.dashboard-grid-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;align-items:start}.section-title{font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;background:#ffffff05;border:1px solid var(--border-glass);border-radius:20px;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.action-item:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.action-icon-bg{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:transform .3s ease}.action-item:hover .action-icon-bg{transform:scale(1.1) rotate(5deg)}.action-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.action-badge{position:absolute;top:.5rem;right:.5rem;background:var(--danger);color:#fff;font-size:.625rem;font-weight:800;padding:2px 6px;border-radius:8px;box-shadow:0 4px 10px #f43f5e4d}.deadline-list{display:flex;flex-direction:column;gap:.75rem}.deadline-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff05;border:1px solid var(--border-glass);border-radius:16px;transition:all .2s ease}.deadline-item:hover{background:#ffffff0a}.deadline-main{display:flex;flex-direction:column;gap:2px}.deadline-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.deadline-date{font-size:.75rem;color:var(--text-muted)}.deadline-tag{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}.deadline-tag.urgent{background:#f43f5e1a;color:#f43f5e}.deadline-tag.normal{background:#10b9811a;color:#10b981}.deadline-tag.late{background:#f43f5e33;color:#f43f5e}.team-list{display:flex;flex-direction:column;gap:1rem}.team-member{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:16px;transition:background .2s ease}.team-member:hover{background:#ffffff08}.member-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.875rem;position:relative;box-shadow:0 4px 12px #0003}.status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#64748b;border:2px solid #0a0b14;border-radius:50%}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.member-role{font-size:.75rem;color:var(--text-muted)}.stat-icon-wrapper{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all .3s ease}.icon-teal{background:#2dd4bf1a;border:1px solid rgba(45,212,191,.2);color:#2dd4bf;box-shadow:0 8px 20px #2dd4bf1a}.icon-blue{background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);color:#0ea5e9;box-shadow:0 8px 20px #0ea5e91a}.icon-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#8b5cf6;box-shadow:0 8px 20px #8b5cf61a}.icon-orange{background:#f973161a;border:1px solid rgba(249,115,22,.2);color:#f97316;box-shadow:0 8px 20px #f973161a}.stat-icon{width:28px;height:28px;transition:transform .3s ease}.stat-card-smooth:hover .stat-icon{transform:scale(1.1) rotate(-5deg)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.8125rem;font-weight:700;color:#f1f5f999;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:800;color:#f1f5f9;letter-spacing:-.5px}.stat-footer{font-size:.75rem;font-weight:600;color:#f1f5f966}.stat-footer.danger{color:#f43f5e}@media(max-width:1200px){.content-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.pro-main{padding:1rem}.stats-row,.stats-container{grid-template-columns:1fr}.welcome-text h2{font-size:1.25rem}.welcome-content,.profile-main{flex-direction:column;text-align:center}.profile-info-grid{grid-template-columns:1fr}}.teams-page{min-height:100vh;color:var(--text-primary);padding:2rem 3rem;overflow-y:auto;position:relative;z-index:1}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.teams-header h1{font-size:2rem;font-weight:900;margin:0}.teams-header p{opacity:.7;margin:.25rem 0 0}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #667eea4d}.search-section{margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;max-width:600px}.search-box input{flex:1;background:none;border:none;color:inherit;font-size:1rem;outline:none}.search-box input::placeholder{color:#ffffff4d}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.team-card{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-left:3px solid;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s}.team-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.team-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.team-menu-btn{background:#ffffff0d;border:none;color:inherit;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.team-card h3{font-size:1.25rem;font-weight:800;margin:0 0 .5rem}.team-description{opacity:.7;font-size:.875rem;margin:0 0 1rem}.team-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.8}.team-progress{margin:1.5rem 0}.progress-info{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.progress-bar{height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-text{font-size:.75rem;opacity:.6;margin:0}.team-lead{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffffff05;border-radius:8px;font-size:.875rem;margin-top:1rem}.team-members-section{margin-top:3rem}.team-members-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:900;margin-bottom:1.5rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.member-card{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;transition:all .3s}.member-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.member-avatar-wrapper{position:relative}.member-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700}.status-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #0a0a0f}.status-indicator.online{background:#10b981}.status-indicator.away{background:#eab308}.status-indicator.offline{background:#6b7280}.member-menu-btn{background:#ffffff0d;border:none;color:inherit;width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.member-card h4{font-size:1.125rem;font-weight:800;margin:0 0 .25rem}.member-role{font-size:.875rem;opacity:.7;margin:0 0 .75rem}.member-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:1rem}.member-rating span{margin-left:.5rem;font-size:.875rem;font-weight:700;color:#fbbf24}.member-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-badge{padding:.375rem .75rem;background:#667eea1a;color:#667eea;border-radius:6px;font-size:.75rem;font-weight:600}.member-stat{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff05;border-radius:8px;margin-bottom:1rem}.stat-value{font-size:.875rem;font-weight:700}.member-actions{display:flex;gap:.5rem}.action-btn{flex:1;padding:.625rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#ffffff1a}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;gap:1rem;padding:2rem;border-bottom:2px solid;position:relative}.modal-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem}.modal-header h2{margin:0;font-size:1.5rem}.modal-header p{margin:.25rem 0 0;opacity:.7}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-body{padding:2rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:2rem;text-align:center}.rgb-text{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:rgbShift 5s linear infinite;font-weight:800;font-size:1.5rem;letter-spacing:1px}@keyframes rgbShift{0%{background-position:0% center}to{background-position:200% center}}@media(max-width:768px){.teams-page{padding:1.5rem 1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.teams-grid,.member-list{grid-template-columns:1fr}.modal-stats{flex-direction:column}}.tasks-container{min-height:100vh;background:#0a0a0f;color:#e4e4e7;padding:2rem}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.tasks-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem;font-weight:900}.tasks-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px}.filter-buttons{display:flex;gap:.5rem;background:#ffffff05;padding:.375rem;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.filter-buttons button{padding:.625rem 1.25rem;background:transparent;border:none;color:inherit;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.filter-buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:inherit;font-weight:600;cursor:pointer}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;overflow-x:auto;padding-bottom:2rem}.kanban-column{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;min-height:600px}.column-header{border-left:3px solid;padding-left:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.column-title{display:flex;align-items:center;gap:.75rem}.column-icon{font-size:1.5rem}.column-title h3{font-size:1.125rem;font-weight:800;margin:0}.task-count{background:#ffffff1a;padding:.25rem .625rem;border-radius:20px;font-size:.813rem;font-weight:700}.column-menu{background:#ffffff0d;border:none;color:inherit;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.column-body{display:flex;flex-direction:column;gap:1rem}.task-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem;cursor:move;transition:all .3s}.task-card:hover .task-actions{opacity:1}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.priority-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.task-menu{background:#ffffff0d;border:none;color:inherit;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.task-card h4{font-size:1rem;font-weight:700;margin:0 0 .5rem}.task-description{font-size:.875rem;opacity:.7;margin:0 0 1rem;line-height:1.5}.task-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.task-tag{padding:.25rem .625rem;background:#667eea1a;color:#667eea;border-radius:4px;font-size:.75rem;font-weight:600}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.task-meta{display:flex;gap:1rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.813rem;opacity:.7}.task-assignee{display:flex}.assignee-avatar{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.task-actions{display:flex;gap:.5rem;margin-top:.75rem;opacity:0;transition:opacity .2s}.task-actions button{flex:1;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-task-btn{width:100%;padding:.875rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:inherit;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.add-task-btn:hover{background:#ffffff0d;border-color:#fff3}@media(max-width:768px){.tasks-container{padding:1rem}.kanban-board{grid-template-columns:1fr}.tasks-controls{flex-direction:column}.search-box{min-width:100%}}.submit-proof-container{min-height:100vh;background:#0a0a0f;color:#e4e4e7;padding:2rem}.proof-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.proof-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.upload-section{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem;margin-bottom:2rem}.upload-section h3{font-size:1.5rem;font-weight:900;margin-bottom:1.5rem}.task-name-input{width:100%;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:inherit;font-size:1rem;margin-bottom:1.5rem;transition:all .2s}.task-name-input:focus{outline:none;border-color:#667eea;background:#ffffff0d}.upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:3rem;text-align:center;transition:all .3s;margin-bottom:1.5rem}.upload-area. drag-active{border-color:#667eea;background:#667eea1a}.upload-label{cursor:pointer;display:block}.upload-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.upload-area h4{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.upload-area p{opacity:.7;margin:0 0 .5rem}.upload-hint{font-size:.813rem;opacity:.5}.selected-files{margin-bottom:1.5rem}.selected-files h4{font-size:1rem;font-weight:700;margin-bottom:1rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.file-preview{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;overflow:hidden}.file-preview img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.813rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;opacity:.6}.remove-file-btn{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-file-btn:hover{background:#ef4444;transform:scale(1.1)}.description-input{width:100%;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:inherit;font-family:inherit;font-size:.938rem;margin-bottom:1.5rem;resize:vertical;transition:all .2s}.description-input:focus{outline:none;border-color:#667eea;background:#ffffff0d}.submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 15px #667eea4d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.proofs-history h3{font-size:1.5rem;font-weight:900;margin-bottom:1.5rem}.proofs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.proof-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;transition:all .3s}.proof-header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.proof-thumbnail{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.proof-status{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.proof-card h4{font-size:1.125rem;font-weight:700;margin:0 0 1rem}.proof-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.813rem;opacity:.7}.proof-meta span{display:flex;align-items:center;gap:.375rem}.proof-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.proof-actions button{flex:1;padding:.625rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.proof-actions button:hover{background:#ffffff1a}@media(max-width:768px){.submit-proof-container{padding:1rem}.upload-area{padding:2rem 1rem}.files-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.proofs-grid{grid-template-columns:1fr}}.reports-container{min-height:100vh;background:#0a0a0f;color:#e4e4e7;padding:2rem}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.stat-label{font-size:.875rem;opacity:.7}.stat-value-row{display:flex;align-items:center;gap:.75rem}.stat-value{font-size:1.75rem;font-weight:900}.stat-change{padding:.25rem .625rem;background:#10b9811a;color:#10b981;border-radius:20px;font-size:.813rem;font-weight:700}.reports-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:2rem}.report-card{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{display:flex;align-items:center;gap:.75rem}.card-title h3{font-size:1.25rem;font-weight:900;margin:0}.period-selector{display:flex;gap:.5rem;background:#ffffff05;padding:.25rem;border-radius:8px}.period-selector button{padding:.5rem 1rem;background:transparent;border:none;color:inherit;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.period-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chart-container{padding:1rem 0}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:250px;gap:1rem}.bar-group{display:flex;flex-direction:column;align-items:center;flex:1;gap:.5rem}.bar{width:100%;max-width:60px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px 8px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;min-height:20px}.bar-value{font-size:.75rem;font-weight:700;color:#fff}.bar-label{font-size:.813rem;font-weight:600;opacity:.7}.project-list{display:flex;flex-direction:column;gap:1.5rem}.project-item{display:flex;flex-direction:column;gap:.75rem}.project-info{display:flex;align-items:center;gap:.75rem}.project-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.project-details{display:flex;justify-content:space-between;flex:1}.project-name{font-weight:600;font-size:.938rem}.project-hours{font-weight:700;opacity:.7}.project-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px}.progress-percentage{font-size:.875rem;font-weight:700;min-width:40px;text-align:right}.recent-reports{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;font-weight:900;margin:0}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff1a}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s}.report-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.report-details{flex:1}.report-details h4{font-size:1rem;font-weight:700;margin:0 0 .5rem}.report-meta{display:flex;gap:1rem;font-size:.813rem;opacity:.7}.report-meta span{display:flex;align-items:center;gap:.375rem}.report-type{padding:.25rem .625rem;background:#667eea1a;color:#667eea;border-radius:4px;font-weight:600}.download-btn{width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.download-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:1024px){.reports-grid{grid-template-columns:1fr}}@media(max-width:768px){.reports-container{padding:1rem}.reports-header{flex-direction:column;align-items:flex-start;gap:1rem}.bar-chart{height:200px}}.personal-notes-container{display:flex;flex-direction:column;height:100%}.notes-actions{margin-bottom:1rem}.add-note-btn{padding:.5rem 1rem;font-size:.9rem}.add-note-form{background:#0003;border-radius:12px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05);overflow:hidden}.color-picker{display:flex;gap:.5rem;margin-bottom:.8rem}.color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{transform:scale(1.2);border-color:#fff;box-shadow:0 0 10px #ffffff4d}.add-note-form textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.8rem;color:#fff;min-height:80px;resize:vertical;margin-bottom:.8rem}.add-note-form textarea:focus{outline:none;border-color:var(--primary, #3b82f6)}.add-note-controls{display:flex;gap:.8rem;justify-content:flex-end}.add-note-controls button{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none}.submit-btn{background:var(--primary, #3b82f6);color:#fff}.cancel-btn{background:#ffffff1a;color:#cbd5e1}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;overflow-y:auto;max-height:400px;padding-right:.5rem}.notes-grid::-webkit-scrollbar{width:4px}.notes-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sticky-note{background:var(--note-color, #fef08a);color:#1e293b;padding:1rem;border-radius:8px;box-shadow:2px 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;position:relative;transition:transform .2s}.sticky-note:hover{transform:translateY(-2px) rotate(1deg);box-shadow:4px 8px 15px #00000026}.sticky-note.is-done{opacity:.6}.sticky-note.is-done .note-content{text-decoration:line-through;color:#475569}.note-content{font-size:.95rem;line-height:1.4;flex:1;white-space:pre-wrap;word-break:break-word}.note-pin-indicator{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s}.sticky-note:hover .note-pin-indicator,.sticky-note.is-pinned .note-pin-indicator{opacity:1}.pin-btn{background:transparent;border:none;cursor:pointer;color:#475569;transition:transform .2s,color .2s;padding:4px;display:flex;align-items:center;justify-content:center}.pin-btn:hover{transform:scale(1.1);color:#1e293b}.pin-btn.active{color:#1e293b}.sticky-note.is-pinned{border:1.5px solid rgba(0,0,0,.1);box-shadow:4px 6px 15px #00000026}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;opacity:0;transition:opacity .2s}.share-actions,.status-actions{display:flex;gap:.4rem}.share-btn-small{width:24px;height:24px}.sticky-note:hover .note-footer{opacity:1}.icon-btn{background:#0000000d;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#334155;transition:background .2s}.icon-btn:hover{background:#0000001a}.check-btn:hover{color:#10b981}.delete-btn:hover{color:#ef4444}.empty-notes{color:#64748b;font-style:italic;font-size:.95rem;grid-column:1 / -1;text-align:center;padding:2rem 0}.peer-chat-container{display:flex;flex-direction:column;height:100%;min-height:400px;max-height:500px;background:#0f172a66;border-radius:16px;overflow:hidden}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.empty-chat{height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-style:italic;font-size:.95rem}.chat-bubble-wrapper{display:flex;align-items:flex-end;gap:.5rem;max-width:85%}.chat-bubble-wrapper.is-me{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#cbd5e1;overflow:hidden;flex-shrink:0}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-bubble{background:#ffffff0d;padding:.8rem 1rem;border-radius:16px 16px 16px 4px}.is-me .chat-bubble{background:var(--primary, #3b82f6);border-bottom-left-radius:16px;border-bottom-right-radius:4px}.chat-sender-name{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.3rem;font-weight:600}.chat-content{color:#f8fafc;font-size:.95rem;line-height:1.4;word-break:break-word}.chat-input-area{padding:1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:.8rem;background:#0003}.chat-input-area input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.8rem 1.2rem;color:#fff;font-size:.95rem;transition:border-color .2s}.chat-input-area input:focus{outline:none;border-color:var(--primary, #3b82f6)}.send-btn{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0}.send-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-widget{background:#1e293b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000001a;transition:transform .2s,box-shadow .2s;overflow:hidden}.workspace-widget:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026;border-color:#ffffff26}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.widget-header h3{font-size:1.05rem;font-weight:600;color:#f8fafc;display:flex;align-items:center;gap:.5rem}.widget-header h3 svg{color:var(--primary, #3b82f6)}.text-btn{background:transparent;border:none;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s}.text-btn:hover{color:var(--primary, #3b82f6)}.empty-state{color:#64748b;font-size:.9rem;font-style:italic;text-align:center;padding:1.5rem 0}.list-content{display:flex;flex-direction:column;gap:.6rem}.list-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.8rem 1rem;border-radius:12px;transition:background .2s}.list-item:hover{background:#ffffff0f}.task-item{cursor:pointer}.task-info,.doc-info{display:flex;flex-direction:column;gap:.2rem}.task-title,.doc-title{color:#e2e8f0;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.task-badge{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;width:max-content;padding:.1rem .4rem;border-radius:4px}.task-badge.high{color:#ef4444;background:#ef44441a}.task-badge.medium{color:#f59e0b;background:#f59e0b1a}.task-badge.low{color:#10b981;background:#10b9811a}.doc-meta{color:#64748b;font-size:.75rem;text-transform:uppercase}.action-btn,.task-arrow{color:#94a3b8;transition:color .2s}.list-item:hover .action-btn,.list-item:hover .task-arrow{color:var(--primary, #3b82f6)}.spotify-widget{padding:1rem;position:relative;overflow:visible}.spotify-player-wrapper{position:relative;width:100%}.music-visualizer{position:absolute;top:-10px;left:0;right:0;height:30px;display:flex;align-items:flex-end;justify-content:center;gap:3px;pointer-events:none;z-index:1}.vis-bar{width:4px;height:8px;background:var(--primary, #3b82f6);border-radius:2px;animation:bounce 1.2s ease-in-out infinite;box-shadow:0 0 10px #3b82f680}@keyframes bounce{0%,to{height:8px;opacity:.4}50%{height:24px;opacity:1;transform:translateY(-4px)}}.spotify-aura-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);z-index:-1;pointer-events:none;animation:pulse-aura 3s ease-in-out infinite}@keyframes pulse-aura{0%,to{opacity:.3;scale:1}50%{opacity:.6;scale:1.05}}.spotify-iframe-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative;z-index:2}.spotify-input-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;height:180px;background:#0003;border-radius:12px;padding:1rem}.spotify-input-overlay p{color:#e2e8f0;font-size:.9rem;margin-bottom:.8rem}.input-row{display:flex;width:100%;gap:.5rem}.input-row input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:8px;font-size:.85rem}.input-row button{background:#10b981;color:#fff;border:none;border-radius:8px;padding:0 .8rem;cursor:pointer}.timer-widget{align-items:center}.timer-mode-toggles{display:flex;background:#0003;border-radius:20px;padding:.2rem}.timer-mode-toggles button{background:transparent;border:none;color:#94a3b8;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.timer-mode-toggles button.active{background:#ffffff1a;color:#fff}.timer-widget.break-mode{border-color:#10b9814d}.timer-display-container{position:relative;width:140px;height:140px;margin:1rem 0;display:flex;justify-content:center;align-items:center}.timer-ring{transform:rotate(-90deg);width:100%;height:100%}.timer-bg{fill:transparent;stroke:#ffffff0d;stroke-width:4}.timer-progress{fill:transparent;stroke:var(--primary, #3b82f6);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray 1s linear}.break-mode .timer-progress{stroke:#10b981}.timer-text{position:absolute;text-align:center}.timer-text h1{font-size:2rem;color:#fff;font-weight:700;letter-spacing:1px}.timer-text p{font-size:.75rem;color:#94a3b8;margin-top:.2rem}.timer-controls{display:flex;gap:1rem;margin-top:.5rem}.timer-controls button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.timer-controls .play-btn{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6)}.break-mode .timer-controls .play-btn{background:#10b981;border-color:#10b981}.play-icon{margin-left:2px}.inline-task-form,.inline-doc-form{background:#00000026;border-radius:12px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.8rem;border:1px solid rgba(255,255,255,.05)}.inline-task-form input[type=text],.inline-doc-form input[type=text]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem;border-radius:8px;color:#fff;font-size:.9rem}.form-row{display:flex;gap:.5rem;flex-wrap:wrap}.form-row select,.form-row input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.4rem;border-radius:6px;color:#e2e8f0;font-size:.8rem}.input-with-icon{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:0 .5rem;border-radius:6px}.input-with-icon input{border:none!important;background:transparent!important;padding:.4rem 0!important;width:100px}.submit-small{width:100%;padding:.5rem!important;font-size:.85rem!important;font-weight:600!important;background:var(--primary, #3b82f6)!important;display:flex;align-items:center;justify-content:center;gap:.5rem}.header-actions{display:flex;gap:.5rem;align-items:center}.small-btn{width:24px;height:24px;background:#ffffff0d}.upload-input-group{display:flex;gap:.5rem}.upload-input-group input{flex:1}.upload-input-group .submit-small{width:40px}.upload-hint{font-size:.7rem;color:#64748b;text-align:center;margin-top:-.4rem}.timer-controls button:hover{transform:scale(1.05)}.workspace-page{padding:0 1rem 2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.workspace-header-section{margin-bottom:2rem}.welcome-card{background:linear-gradient(135deg,#1e293bb3,#0f172acc);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #0003;position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary, #3b82f6),transparent);opacity:.5}.welcome-content h1{font-size:2.2rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem;letter-spacing:-.5px}.welcome-content h1 span{background:var(--primary-gradient, linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtext{color:#94a3b8;font-size:1.1rem;margin-bottom:1.5rem}.welcome-meta{display:flex;gap:1rem}.meta-pill{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem 1rem;border-radius:12px;color:#cbd5e1;font-size:.9rem;font-weight:500}.welcome-icon{color:var(--primary, #3b82f6);opacity:.2}.sparkle-svg{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.workspace-bento-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(140px,auto);gap:1.5rem;flex:1}@media(min-width:1024px){.workspace-bento-grid{grid-template-columns:repeat(4,1fr)}}.bento-item{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000001a}@media(min-width:1024px){.col-notes{grid-column:span 1;grid-row:span 2}.col-timer{grid-column:span 1;grid-row:span 1;padding:.5rem}.col-spotify{grid-column:span 2;grid-row:span 1;padding:.5rem}.col-chat,.col-tasks,.col-docs{grid-column:span 1;grid-row:span 1}}.col-header{margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.05)}.col-header h2{font-size:1.2rem;color:#f8fafc;font-weight:600;margin-bottom:.2rem}.col-header p{color:#94a3b8;font-size:.85rem}.app-container{display:flex;min-height:100vh;background:#0a0a0f}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;margin-left:280px}.main-content.sidebar-closed{margin-left:0}.page-content{flex:1;padding:0;overflow-y:auto;background:#0a0a0f}@media(max-width:768px){.main-content{margin-left:0}}:root{--primary: #2dd4bf;--primary-glow: rgba(45, 212, 191, .3);--secondary: #0ea5e9;--secondary-glow: rgba(14, 165, 233, .3);--bg-deep: #0a0b14;--bg-sidebar: rgba(15, 16, 28, .8);--surface-panel: rgba(255, 255, 255, .04);--surface-inset: rgba(0, 0, 0, .2);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-glass: rgba(255, 255, 255, .08);--btn-ghost-bg: rgba(255, 255, 255, .03);--btn-ghost-border: rgba(255, 255, 255, .08);--font-main: "Plus Jakarta Sans", sans-serif;--success: #10b981;--warning: #f59e0b;--danger: #f43f5e;--info: #06b6d4}*{box-sizing:border-box;font-family:var(--font-main);-webkit-font-smoothing:antialiased;--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body{margin:0;padding:0;background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(circle at 0% 0%,rgba(79,70,229,.1) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.08) 0%,transparent 40%);background-attachment:fixed;letter-spacing:-.01em;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--border-glass) 1px,transparent 1px),linear-gradient(90deg,var(--border-glass) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%);opacity:.15;z-index:-1;pointer-events:none}.noise-overlay{position:fixed;inset:0;background-image:var(--bg-noise);opacity:.03;z-index:1000;pointer-events:none}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass)}.gradient-text{background:linear-gradient(135deg,#2dd4bf,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);box-shadow:0 8px 32px #0000004d;border-radius:24px}.ambient-glow{position:absolute;filter:blur(120px);-webkit-filter:blur(120px);border-radius:50%;pointer-events:none;z-index:-1;opacity:.3}@keyframes rgb-shift{0%{color:#f55;text-shadow:0 0 15px rgba(255,85,85,.4)}33%{color:#5f5;text-shadow:0 0 15px rgba(85,255,85,.4)}66%{color:#55f;text-shadow:0 0 15px rgba(85,85,255,.4)}to{color:#f55;text-shadow:0 0 15px rgba(255,85,85,.4)}}.rgb-text{animation:rgb-shift 6s linear infinite;font-weight:800!important;letter-spacing:.5px;background:none!important;-webkit-text-fill-color:initial!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 30px var(--primary-glow)}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 2px var(--primary-glow);border-color:var(--primary);background:#ffffff0d!important}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #14b8a633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #14b8a64d}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-glass);border-radius:12px;font-weight:500}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.stat-card-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-smooth:hover{transform:translateY(-4px);background:#ffffff0a!important;border-color:#ffffff1f!important}.badge{padding:.25rem .75rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#f43f5e1a;color:var(--danger)}.badge-info{background:#06b6d41a;color:var(--info)}.badge-primary{background:#14b8a61a;color:var(--primary)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.mt-2{margin-top:1rem}.mb-4{margin-bottom:2rem}.header-left h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}.stat-card-smooth{background:#ffffff05;border:1px solid var(--border-glass);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-smooth:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px)}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes pulse-animation{0%{transform:scale(.95);box-shadow:0 0 0 0 var(--primary-glow)}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.pulse{animation:pulse-animation 2s infinite cubic-bezier(.66,0,0,1)}