@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{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);display:flex}.sidebar{height:100vh;width:var(--sidebar-collapsed-width);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(var(--sidebar-blur));border-right:1px solid var(--border-glass);z-index:1000;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar.open{width:var(--sidebar-width);box-shadow:20px 0 50px #0003}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--border-glass);align-items:center;padding:0 24px;display:flex;overflow:hidden}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:44px;min-width:44px;height:44px;box-shadow:0 8px 16px var(--primary-glow);border-radius:14px;justify-content:center;align-items:center;display:flex}.logo-text{letter-spacing:-.5px;white-space:nowrap;opacity:0;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:16px;font-size:20px;font-weight:800;transition:opacity .3s}.sidebar.open .logo-text{opacity:1}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;padding:24px 14px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.nav-item:hover{color:#fff;background:#ffffff0d;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{justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;transition:all .3s;display:flex}.nav-label{opacity:0;margin-left:18px;font-size:15px;font-weight:600;transition:opacity .3s}.sidebar.open .nav-label{opacity:1}.nav-badge{color:#fff;border:2px solid var(--bg-sidebar);background:#f43f5e;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:-4px;right:-4px}.sidebar-footer{border-top:1px solid var(--border-glass);flex-direction:column;gap:8px;padding:20px 14px;display:flex}.main-content{margin-left:var(--sidebar-collapsed-width);flex-direction:column;flex:1;min-height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.open+.main-content{margin-left:var(--sidebar-width)}.topbar{height:var(--topbar-height);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);z-index:900;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:20px;display:flex}.mobile-menu-btn{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:8px;display:none}.page-title{color:var(--text-header);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-btn{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.topbar-btn:hover{background:var(--border-glass);color:#fff;transform:translateY(-2px)}.user-profile{background:var(--surface-panel);border:1px solid var(--border-glass);border-radius:16px;align-items:center;gap:14px;padding:8px 16px;transition:all .3s;display:flex}.user-profile:hover{background:var(--border-glass);transform:translateY(-2px)}.user-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:36px;height:36px;box-shadow:0 4px 12px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.user-name{color:var(--text-primary);display:block}.page-container{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:40px}@media (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 (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%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 30px var(--primary-glow)}}.logo-icon{animation:3s infinite pulse-glow}html,body,#root{box-sizing:border-box;background-color:#14121e!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.auth-container{color:#f3f0ff;box-sizing:border-box;background-color:#14121e;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:16px 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.auth-wrapper{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:32px;width:100%;max-width:1140px;height:calc(100vh - 32px);max-height:calc(100vh - 32px);margin:0 auto;display:grid}.auth-hero-card{box-sizing:border-box;background-color:#1b1828;border-radius:20px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;max-height:100%;padding:32px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.hero-slide-bg{z-index:0;background-position:50%;background-size:cover;transition:opacity .8s ease-in-out,transform 6s ease-out;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(#100e1926 0%,#100e1973 50%,#100e19f2 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;display:flex;position:relative}.hero-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #00000080;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.hero-subtitle{color:#ffffffbf;margin:0;font-size:.813rem;font-weight:400;line-height:1.4}.hero-pagination{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.pagination-dot{cursor:pointer;border:none;border-radius:4px;outline:none;height:4px;padding:0;transition:all .35s cubic-bezier(.4,0,.2,1)}.pagination-dot.active{background:#fff;width:28px;box-shadow:0 0 8px #fff9}.pagination-dot.inactive{background:#ffffff4d;width:16px}.pagination-dot.inactive:hover{background:#ffffffa6}.auth-form-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.auth-card{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:360px;margin:0 auto;display:flex}.auth-header{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.auth-header h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.auth-header p{color:#ffffffa6;margin:0;font-size:.813rem;font-weight:400}.auth-switch-link{color:#a78bfa;text-underline-offset:3px;cursor:pointer;margin-left:4px;font-weight:500;text-decoration:underline;transition:color .2s}.auth-switch-link:hover{color:#c4b5fd}.auth-form{flex-direction:column;gap:10px;width:100%;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-field-group{flex-direction:column;display:flex;position:relative}.input-style{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px;font-size:.844rem;transition:all .2s}.input-style::placeholder{color:#ffffff59}.input-style:focus{background:#ffffff12;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce740}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{padding-right:38px}.eye-toggle-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:8px}.eye-toggle-btn:hover{color:#ffffffe6}.checkbox-row{color:#ffffffb3;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:1px;font-size:.781rem;display:flex}.checkbox-row input[type=checkbox]{accent-color:#6c5ce7;cursor:pointer;border-radius:4px;width:15px;height:15px}.terms-link{color:#ffffffe6;text-underline-offset:2px;cursor:pointer;text-decoration:underline}.terms-link:hover{color:#a78bfa}.form-options-row{justify-content:space-between;align-items:center;width:100%;display:flex}.forgot-password-link{color:#a78bfa;cursor:pointer;font-size:.781rem;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#c4b5fd;text-decoration:underline}.btn-primary-purple{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin-top:2px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #6c5ce759}.btn-primary-purple:hover{background:#5b4cc4;box-shadow:0 6px 18px #6c5ce780}.btn-primary-purple:active{transform:translateY(1px)}.btn-primary-purple:disabled{opacity:.6;cursor:not-allowed}.social-divider{text-align:center;color:#fff6;align-items:center;margin:2px 0;font-size:.75rem;display:flex}.social-divider:before,.social-divider:after{content:"";border-bottom:1px solid #ffffff1f;flex:1}.social-divider span{padding:0 10px;font-weight:400}.social-buttons-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.social-btn-dark{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;font-size:.813rem;font-weight:500;transition:all .2s;display:flex}.social-btn-dark:hover{background:#ffffff14;border-color:#ffffff40}.social-btn-dark:disabled{opacity:.6;cursor:not-allowed}.auth-error-alert{color:#f87171;text-align:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;padding:6px 10px;font-size:.75rem}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.auth-wrapper{grid-template-columns:1fr;max-width:440px;padding:16px}.auth-hero-card{display:none}.auth-form-wrapper{width:100%}}.landing-page{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.landing-background{z-index:0;pointer-events:none;position:fixed;inset:0}.landing-background .gradient-orb{filter:blur(120px);opacity:var(--orb-opacity);border-radius:50%;transition:opacity .3s;position:absolute}.landing-background .orb-1{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);width:600px;height:600px;top:-200px;right:-200px}.landing-background .orb-2{background:radial-gradient(circle, var(--secondary-glow) 0%, transparent 70%);width:500px;height:500px;bottom:-150px;left:-150px}.landing-background .orb-3{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-background .grid-pattern{background-image:linear-gradient(var(--grid-pattern-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-pattern-color) 1px, transparent 1px);opacity:.3;background-size:50px 50px;position:absolute;inset:0}.landing-nav{z-index:1000;background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:1.25rem 0;transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{cursor:pointer;align-items:center;gap:1rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:48px;height:48px;box-shadow:0 8px 24px var(--primary-glow);border-radius:14px;justify-content:center;align-items:center;display:flex}.logo-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.375rem;font-weight:800}.nav-links{align-items:center;gap:1rem;display:flex}.nav-link{background:var(--btn-ghost-bg);border:2px solid var(--btn-ghost-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s}.nav-link:hover{background:var(--glass-card-bg-hover);border-color:var(--glass-card-border);color:var(--text-primary)}.nav-btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-glow);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:all .3s;display:flex}.nav-btn-primary:hover{box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-2px)}.hero-section{z-index:1;padding:10rem 2rem 6rem;position:relative}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.hero-content{max-width:600px}.hero-badge{background:var(--primary-glow);border:2px solid var(--primary);color:var(--primary);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{color:var(--text-header);margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-actions{gap:1rem;margin-bottom:3rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);border:none;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.0625rem;font-weight:700;transition:all .3s;display:flex}.btn-secondary{background:var(--btn-ghost-bg);border:2px solid var(--btn-ghost-border);color:var(--text-primary);cursor:pointer;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.0625rem;font-weight:700;transition:all .3s;display:flex}.hero-stats{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stat-item{color:var(--primary);align-items:center;gap:.75rem;display:flex}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.hero-visual{position:relative}.visual-container{height:500px;position:relative}.visual-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-card-border);width:280px;box-shadow:var(--glass-card-shadow);border-radius:24px;padding:1.75rem;position:absolute;top:0;left:0}.visual-card-2{background:var(--glass-card-bg);border-color:var(--glass-card-border);top:120px;left:140px}.card-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:64px;height:64px;box-shadow:0 8px 24px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.card-icon.green{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);box-shadow:0 8px 24px var(--primary-glow)}.card-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.card-value{color:var(--text-header);margin-bottom:1rem;font-size:2.5rem;font-weight:900}.card-chart{background:linear-gradient(to top, var(--primary-glow) 0%, transparent 100%);border-radius:8px;height:60px}.floating-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:80px;height:80px;box-shadow:0 12px 40px var(--primary-glow);border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;top:280px;right:40px}.features-section{z-index:1;padding:6rem 2rem;position:relative}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{background:var(--primary-glow);border:2px solid var(--primary);color:var(--primary);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.section-title{color:var(--text-header);margin-bottom:1rem;font-size:3rem;font-weight:900}.section-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-card-border);box-shadow:var(--glass-card-shadow);border-radius:24px;padding:2rem;transition:all .4s;position:relative;overflow:hidden}.feature-card:hover{background:var(--glass-card-bg-hover);border-color:var(--glass-card-border);box-shadow:var(--glass-card-shadow);transform:translateY(-5px)}.feature-icon{color:#fff;width:72px;height:72px;box-shadow:0 8px 24px var(--primary-glow);border-radius:18px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-title{color:var(--text-header);margin-bottom:.75rem;font-size:1.375rem;font-weight:800}.feature-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.feature-glow{opacity:0;filter:blur(40px);pointer-events:none;transition:opacity .4s;position:absolute;inset:-100%}.feature-card:hover .feature-glow{opacity:.15}.cta-section{z-index:1;padding:6rem 2rem;position:relative}.cta-container{text-align:center;background:var(--welcome-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--welcome-card-border);max-width:800px;box-shadow:var(--glass-card-shadow);border-radius:32px;margin:0 auto;padding:4rem}.cta-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:96px;height:96px;box-shadow:0 12px 40px var(--primary-glow);border-radius:24px;justify-content:center;align-items:center;margin:0 auto 2rem;display:flex}.cta-title{color:var(--text-header);margin-bottom:1rem;font-size:2.5rem;font-weight:900}.cta-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.125rem}.cta-button{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);border:none;border-radius:14px;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:700;transition:all .3s;display:inline-flex}.landing-footer{z-index:1;border-top:1px solid var(--border-glass);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;position:relative}.footer-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-logo{color:var(--primary);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;display:flex}.footer-text{color:var(--text-muted);font-size:.875rem}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.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 (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{justify-content:center;width:100%}.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{text-align:center;flex-direction:column;gap:1rem}}.profile-setup-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.profile-setup-container.dark{color:#e4e4e7;background:#0a0a0f}.setup-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.setup-content{z-index:1;width:100%;max-width:800px;position:relative}.setup-card{-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d}.setup-header{text-align:center;margin-bottom:3rem}.setup-header h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:900}.setup-header p{opacity:.7;margin-bottom:2rem}.progress-steps{justify-content:center;gap:1rem;display:flex}.step{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.step.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.form-step h3{align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.25rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{opacity:.9;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.form-group input,.form-group select,.form-group textarea{color:inherit;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;padding:.875rem;font-family:inherit;font-size:.938rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.skill-tag{color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.skill-tag:hover{background:#ffffff0d}.skill-tag.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.form-actions{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.938rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.btn-secondary{color:inherit;background:#ffffff0d;border:1px solid #ffffff1a}@media (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{background:var(--bg-deep);min-height:100vh;color:var(--text-primary);transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.animated-background{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(100px);opacity:var(--orb-opacity);border-radius:50%;transition:opacity .3s;animation:20s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#2dd4bf26 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);width:700px;height:700px;animation-delay:5s;bottom:-300px;right:-250px}.orb-3{background:radial-gradient(circle,#10b9814d 0%,#0000 70%);width:500px;height:500px;animation-delay:10s;top:50%;right:20%}@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{background-image:repeating-linear-gradient(0deg, transparent, transparent 49px, var(--grid-pattern-color) 49px, var(--grid-pattern-color) 50px), repeating-linear-gradient(90deg, transparent, transparent 49px, var(--grid-pattern-color) 49px, var(--grid-pattern-color) 50px);opacity:.3;width:100%;height:100%;position:absolute}.glass-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-card-border);box-shadow:var(--glass-card-shadow), var(--glass-card-inset-shadow);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-card-bg-hover);border-color:var(--glass-card-border);box-shadow:var(--glass-card-shadow), var(--glass-card-inset-shadow)}.glass-light{background:var(--glass-light-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-light-border);border-radius:12px;transition:all .3s}.glass-button{background:var(--btn-ghost-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--btn-ghost-border);transition:all .3s}.glass-button:hover{background:var(--glass-light-bg);border-color:var(--glass-card-border)}.pro-main{z-index:1;max-width:1600px;margin:0 auto;padding:2rem;position:relative}.welcome-card{background:var(--welcome-card-bg);border:1px solid var(--welcome-card-border);margin-bottom:2.5rem;padding:2.5rem;position:relative;overflow:hidden}.welcome-content{z-index:2;align-items:center;gap:1.5rem;display:flex;position:relative}.welcome-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:64px;height:64px;box-shadow:0 12px 32px var(--primary-glow);border-radius:18px;justify-content:center;align-items:center;display:flex}.welcome-text h2{color:var(--text-header);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.welcome-text p{color:var(--text-secondary);font-size:1rem}.welcome-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:1;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.stats-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-box{cursor:pointer;padding:1.75rem;position:relative;overflow:hidden}.stat-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.stat-icon{color:#fff;z-index:2;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 8px 24px #0000004d}.stat-trend{padding:.5rem 0. 875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;font-size:.875rem;font-weight:700}.stat-trend.up{color:#34d399}.stat-body{margin-bottom:1rem}.stat-number{color:#f1f5f9;align-items:baseline;gap:.25rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:flex}.stat-max{color:#f1f5f980;font-size:1.25rem;font-weight:600}.stat-title{color:#f1f5f9cc;font-size:.9375rem;font-weight:600}.stat-progress-container{background:#ffffff1a;border-radius:10px;height:8px;position:relative;overflow:hidden}.stat-progress-fill{border-radius:10px;height:100%;position:relative;box-shadow:0 0 15px}.progress-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100px;height:100%;position:absolute;top:0;left:0}.stat-glow{opacity:0;filter:blur(50px);z-index:0;width:100%;height:100%;transition:opacity .3s;position:absolute;bottom:0;left:0}.stat-box:hover .stat-glow{opacity:.25}.content-wrapper{grid-template-columns:1.2fr 1fr;gap:1.5rem;display:grid}.left-column,.right-column{flex-direction:column;gap:1.5rem;display:flex}.pro-card{padding:1.75rem}.card-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header svg{color:#2dd4bf;filter:drop-shadow(0 0 8px #2dd4bf66)}.card-header h3{color:#f1f5f9;font-size:1.125rem;font-weight:700}.actions-container{flex-direction:column;gap:.875rem;display:flex}.action-button{padding:1. 125rem;cursor:pointer;color:#f1f5f9;text-align:left;border:none;border-radius:14px;align-items:center;gap:1rem;display:flex;position:relative;overflow:hidden}.action-icon-wrapper{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:0 4px 16px #0003}.icon-blue .action-icon-wrapper,.icon-blue{background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 100%)}.icon-green .action-icon-wrapper,.icon-green{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}.icon-purple .action-icon-wrapper,.icon-purple{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%)}.icon-orange .action-icon-wrapper,.icon-orange{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%)}.action-text{flex-direction:column;flex:1;gap:.25rem;display:flex}.action-title{color:#f1f5f9;font-size:.9375rem;font-weight:600}.action-subtitle{color:#f1f5f999;font-size:.8125rem}.action-count{color:#a5b4fc;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.action-arrow{color:#f1f5f966;transition:transform .3s}.action-button:hover .action-arrow{transform:translate(4px)}.profile-section{flex-direction:column;gap:1.5rem;display:flex}.profile-main{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.profile-avatar-large{color:#fff;background:linear-gradient(135deg,#2dd4bf 0%,#0ea5e9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex;position:relative;box-shadow:0 8px 24px #2dd4bf4d}.avatar-ring{border:2px solid #2dd4bf;border-color:#2dd4bf #0ea5e9 #0000 #0000;border-radius:50%;position:absolute;inset:-5px}.profile-details h4{color:#f1f5f9;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.profile-role{color:#f1f5f999;margin-bottom:.625rem;font-size:.875rem}.profile-rating{align-items:center;gap:.375rem;display:flex}.rating-star{font-size:1rem}.rating-text{color:#fbbf24;margin-left:.5rem;font-size:.8125rem;font-weight:600}.profile-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.profile-info-item{cursor:pointer;align-items:center;gap:.875rem;padding:1rem;display:flex}.info-icon{font-size:1.5rem}.info-text{flex-direction:column;gap:.25rem;display:flex}.info-label{color:#f1f5f980;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.info-value{color:#f1f5f9;font-size:.9375rem;font-weight:600}.activity-timeline{flex-direction:column;gap:.875rem;display:flex}.timeline-item{cursor:pointer;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.timeline-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0003}.timeline-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.timeline-action{color:#f1f5f9;font-size:.9375rem;font-weight:500}.timeline-time{color:#f1f5f980;font-size:.8125rem}.metrics-list{flex-direction:column;gap:1.5rem;display:flex}.metric-item{flex-direction:column;gap:.75rem;display:flex}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#f1f5f9;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;display:flex}.metric-emoji{font-size:1.25rem}.metric-value{color:#f1f5f9;font-size:1.125rem;font-weight:700}.metric-bar-container{background:#ffffff1a;border-radius:10px;height:10px;position:relative;overflow:hidden}.metric-bar-fill{border-radius:10px;height:100%;position:relative;box-shadow:0 0 15px}.metric-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100px;height:100%;position:absolute;top:0;left:0}.stats-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card-smooth{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;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 0%,#0ea5e90d 100%);border-color:#2dd4bf1a}.dashboard-grid-main{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:1.5rem;display:grid}.section-title{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.action-item{border:1px solid var(--border-glass);cursor:pointer;text-align:center;background:#ffffff05;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;transition:all .2s;display:flex;position:relative}.action-item:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.action-icon-bg{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;transition:transform .3s;display:flex}.action-item:hover .action-icon-bg{transform:scale(1.1)rotate(5deg)}.action-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.action-badge{background:var(--danger);color:#fff;border-radius:8px;padding:2px 6px;font-size:.625rem;font-weight:800;position:absolute;top:.5rem;right:.5rem;box-shadow:0 4px 10px #f43f5e4d}.deadline-list{flex-direction:column;gap:.75rem;display:flex}.deadline-item{border:1px solid var(--border-glass);background:#ffffff05;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.deadline-item:hover{background:#ffffff0a}.deadline-main{flex-direction:column;gap:2px;display:flex}.deadline-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.deadline-date{color:var(--text-muted);font-size:.75rem}.deadline-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:700}.deadline-tag.urgent{color:#f43f5e;background:#f43f5e1a}.deadline-tag.normal{color:#10b981;background:#10b9811a}.deadline-tag.late{color:#f43f5e;background:#f43f5e33}.team-list{flex-direction:column;gap:1rem;display:flex}.team-member{border-radius:16px;align-items:center;gap:1rem;padding:.75rem;transition:background .2s;display:flex}.team-member:hover{background:#ffffff08}.member-avatar{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.875rem;font-weight:800;display:flex;position:relative;box-shadow:0 4px 12px #0003}.status-dot{background:#64748b;border:2px solid #0a0b14;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.member-info{flex-direction:column;gap:2px;display:flex}.member-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.member-role{color:var(--text-muted);font-size:.75rem}.stat-icon-wrapper{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative}.icon-teal{color:#2dd4bf;background:#2dd4bf1a;border:1px solid #2dd4bf33;box-shadow:0 8px 20px #2dd4bf1a}.icon-blue{color:#0ea5e9;background:#0ea5e91a;border:1px solid #0ea5e933;box-shadow:0 8px 20px #0ea5e91a}.icon-purple{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;box-shadow:0 8px 20px #8b5cf61a}.icon-orange{color:#f97316;background:#f973161a;border:1px solid #f9731633;box-shadow:0 8px 20px #f973161a}.stat-icon{width:28px;height:28px;transition:transform .3s}.stat-card-smooth:hover .stat-icon{transform:scale(1.1)rotate(-5deg)}.stat-content{flex-direction:column;gap:2px;display:flex}.stat-label{color:#f1f5f999;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:700}.stat-value{color:#f1f5f9;letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.stat-footer{color:#f1f5f966;font-size:.75rem;font-weight:600}.stat-footer.danger{color:#f43f5e}@media (width<=1200px){.content-wrapper{grid-template-columns:1fr}}@media (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{text-align:center;flex-direction:column}.profile-info-grid{grid-template-columns:1fr}}.teams-page{min-height:100vh;color:var(--text-primary);z-index:1;padding:2rem 3rem;position:relative;overflow-y:auto}.teams-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.header-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.teams-header h1{margin:0;font-size:2rem;font-weight:900}.teams-header p{opacity:.7;margin:.25rem 0 0}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;display:flex;box-shadow:0 4px 15px #667eea4d}.search-section{margin-bottom:2rem}.search-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;max-width:600px;padding:1rem 1.5rem;display:flex}.search-box input{color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-box input::placeholder{color:#ffffff4d}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-left:3px solid;border-radius:16px;padding:1.5rem;transition:all .3s}.team-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.team-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.team-menu-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.team-card h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.team-description{opacity:.7;margin:0 0 1rem;font-size:.875rem}.team-stats{gap:1rem;margin-bottom:1rem;display:flex}.stat-item{opacity:.8;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.team-progress{margin:1.5rem 0}.progress-info{justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.progress-bar{background:#ffffff0d;border-radius:10px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-text{opacity:.6;margin:0;font-size:.75rem}.team-lead{background:#ffffff05;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.team-members-section{margin-top:3rem}.team-members-section h2{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:900;display:flex}.members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.member-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem;transition:all .3s}.member-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.member-avatar-wrapper{position:relative}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.25rem;font-weight:700;display:flex}.status-indicator{border:2px solid #0a0a0f;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.status-indicator.online{background:#10b981}.status-indicator.away{background:#eab308}.status-indicator.offline{background:#6b7280}.member-menu-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.member-card h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:800}.member-role{opacity:.7;margin:0 0 .75rem;font-size:.875rem}.member-rating{align-items:center;gap:.25rem;margin-bottom:1rem;display:flex}.member-rating span{color:#fbbf24;margin-left:.5rem;font-size:.875rem;font-weight:700}.member-skills{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.skill-badge{color:#667eea;background:#667eea1a;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.member-stat{background:#ffffff05;border-radius:8px;justify-content:space-between;margin-bottom:1rem;padding:.75rem;display:flex}.member-actions{gap:.5rem;display:flex}.action-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.action-btn:hover{background:#ffffff1a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{border-bottom:2px solid;align-items:center;gap:1rem;padding:2rem;display:flex;position:relative}.modal-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem}.modal-header p{opacity:.7;margin:.25rem 0 0}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-body{padding:2rem}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.detail-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;display:flex}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:50vh;display:flex}.rgb-text{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);color:#0000;letter-spacing:1px;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;animation:5s linear infinite rgbShift}@keyframes rgbShift{0%{background-position:0%}to{background-position:200%}}@media (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{color:#e4e4e7;background:#0a0a0f;min-height:100vh;padding:2rem}.tasks-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tasks-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-info{flex-direction:column;gap:.25rem;display:flex}.tasks-controls{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.search-box{flex:1;min-width:300px}.filter-buttons{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;gap:.5rem;padding:.375rem;display:flex}.filter-buttons button{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.625rem 1.25rem;font-weight:600;transition:all .2s}.filter-buttons button.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.filter-btn{color:inherit;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:flex}.kanban-board{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding-bottom:2rem;display:grid;overflow-x:auto}.kanban-column{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;min-height:600px;padding:1rem}.column-header{border-left:3px solid;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-left:1rem;display:flex}.column-title{align-items:center;gap:.75rem;display:flex}.column-icon{font-size:1.5rem}.column-title h3{margin:0;font-size:1.125rem;font-weight:800}.task-count{background:#ffffff1a;border-radius:20px;padding:.25rem .625rem;font-size:.813rem;font-weight:700}.column-menu{color:inherit;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.column-body{flex-direction:column;gap:1rem;display:flex}.task-card{cursor:move;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1rem;transition:all .3s}.task-card:hover .task-actions{opacity:1}.task-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.priority-badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:flex}.task-menu{color:inherit;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.task-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:700}.task-description{opacity:.7;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.task-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.task-tag{color:#667eea;background:#667eea1a;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.task-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.task-meta{gap:1rem;display:flex}.meta-item{opacity:.7;align-items:center;gap:.375rem;font-size:.813rem;display:flex}.task-assignee{display:flex}.assignee-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.task-actions{opacity:0;gap:.5rem;margin-top:.75rem;transition:opacity .2s;display:flex}.task-actions button{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.add-task-btn{width:100%;color:inherit;cursor:pointer;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;transition:all .2s;display:flex}.add-task-btn:hover{background:#ffffff0d;border-color:#fff3}@media (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{color:#e4e4e7;background:#0a0a0f;min-height:100vh;padding:2rem}.proof-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.proof-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;margin-bottom:2rem;padding:2rem}.upload-section h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.task-name-input{width:100%;color:inherit;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:1rem;transition:all .2s}.task-name-input:focus{background:#ffffff0d;border-color:#667eea;outline:none}.upload-area{text-align:center;border:2px dashed #fff3;border-radius:16px;margin-bottom:1.5rem;padding:3rem;transition:all .3s}.upload-area.drag-active{background:#667eea1a;border-color:#667eea}.upload-label{cursor:pointer;display:block}.upload-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.upload-area h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.upload-area p{opacity:.7;margin:0 0 .5rem}.upload-hint{opacity:.5;font-size:.813rem}.selected-files{margin-bottom:1.5rem}.selected-files h4{margin-bottom:1rem;font-size:1rem;font-weight:700}.files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.file-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:.5rem;position:relative;overflow:hidden}.file-preview img{object-fit:cover;border-radius:8px;width:100%;height:120px;margin-bottom:.5rem}.file-info{flex-direction:column;gap:.25rem;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.813rem;font-weight:600;overflow:hidden}.file-size{opacity:.6;font-size:.75rem}.remove-file-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.remove-file-btn:hover{background:#ef4444;transform:scale(1.1)}.description-input{width:100%;color:inherit;resize:vertical;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-family:inherit;font-size:.938rem;transition:all .2s}.description-input:focus{background:#ffffff0d;border-color:#667eea;outline:none}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #667eea4d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.proofs-history h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.proofs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.proof-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem;transition:all .3s}.proof-header-card{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.proof-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.proof-status{text-transform:uppercase;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:700}.proof-card h4{margin:0 0 1rem;font-size:1.125rem;font-weight:700}.proof-meta{opacity:.7;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.813rem;display:flex}.proof-meta span{align-items:center;gap:.375rem;display:flex}.proof-actions{border-top:1px solid #ffffff0d;gap:.5rem;padding-top:1rem;display:flex}.proof-actions button{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.proof-actions button:hover{background:#ffffff1a}@media (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{color:#e4e4e7;background:#0a0a0f;min-height:100vh;padding:2rem}.reports-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.reports-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.stat-label{opacity:.7;font-size:.875rem}.stat-value-row{align-items:center;gap:.75rem;display:flex}.stat-value{font-size:1.75rem;font-weight:900}.stat-change{color:#10b981;background:#10b9811a;border-radius:20px;padding:.25rem .625rem;font-size:.813rem;font-weight:700}.reports-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.report-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-title{align-items:center;gap:.75rem;display:flex}.card-title h3{margin:0;font-size:1.25rem;font-weight:900}.period-selector{background:#ffffff05;border-radius:8px;gap:.5rem;padding:.25rem;display:flex}.period-selector button{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.period-selector button.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.chart-container{padding:1rem 0}.bar-chart{justify-content:space-around;align-items:flex-end;gap:1rem;height:250px;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.bar{background:linear-gradient(#667eea,#764ba2);border-radius:8px 8px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:60px;min-height:20px;padding-top:.5rem;display:flex;position:relative}.bar-value{color:#fff;font-size:.75rem;font-weight:700}.bar-label{opacity:.7;font-size:.813rem;font-weight:600}.project-list{flex-direction:column;gap:1.5rem;display:flex}.project-item{flex-direction:column;gap:.75rem;display:flex}.project-info{align-items:center;gap:.75rem;display:flex}.project-color{border-radius:3px;flex-shrink:0;width:12px;height:12px}.project-details{flex:1;justify-content:space-between;display:flex}.project-name{font-size:.938rem;font-weight:600}.project-hours{opacity:.7;font-weight:700}.project-progress{align-items:center;gap:1rem;display:flex}.progress-bar{background:#ffffff0d;border-radius:10px;flex:1;height:8px;overflow:hidden}.progress-fill{border-radius:10px;height:100%}.progress-percentage{text-align:right;min-width:40px;font-size:.875rem;font-weight:700}.recent-reports{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h3{margin:0;font-size:1.25rem;font-weight:900}.filter-btn{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{background:#ffffff1a}.reports-list{flex-direction:column;gap:1rem;display:flex}.report-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.report-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.report-details{flex:1}.report-details h4{margin:0 0 .5rem;font-size:1rem;font-weight:700}.report-meta{opacity:.7;gap:1rem;font-size:.813rem;display:flex}.report-meta span{align-items:center;gap:.375rem;display:flex}.report-type{color:#667eea;background:#667eea1a;border-radius:4px;padding:.25rem .625rem;font-weight:600}.download-btn{width:44px;height:44px;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.download-btn:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}@media (width<=1024px){.reports-grid{grid-template-columns:1fr}}@media (width<=768px){.reports-container{padding:1rem}.reports-header{flex-direction:column;align-items:flex-start;gap:1rem}.bar-chart{height:200px}}.personal-notes-container{flex-direction:column;height:100%;display:flex}.notes-actions{margin-bottom:1rem}.add-note-btn{padding:.5rem 1rem;font-size:.9rem}.add-note-form{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1.5rem;padding:1rem;overflow:hidden}.color-picker{gap:.5rem;margin-bottom:.8rem;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .2s,box-shadow .2s}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff4d}.add-note-form textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:80px;margin-bottom:.8rem;padding:.8rem}.add-note-form textarea:focus{border-color:var(--primary,#3b82f6);outline:none}.add-note-controls{justify-content:flex-end;gap:.8rem;display:flex}.add-note-controls button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.submit-btn{background:var(--primary,#3b82f6);color:#fff}.cancel-btn{color:#cbd5e1;background:#ffffff1a}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:400px;padding-right:.5rem;display:grid;overflow-y:auto}.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;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:120px;padding:1rem;transition:transform .2s;display:flex;position:relative;box-shadow:2px 4px 10px #0000001a}.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{color:#475569;text-decoration:line-through}.note-content{white-space:pre-wrap;word-break:break-word;flex:1;font-size:.95rem;line-height:1.4}.note-pin-indicator{opacity:0;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.sticky-note:hover .note-pin-indicator,.sticky-note.is-pinned .note-pin-indicator{opacity:1}.pin-btn{cursor:pointer;color:#475569;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .2s,color .2s;display:flex}.pin-btn:hover{color:#1e293b;transform:scale(1.1)}.pin-btn.active{color:#1e293b}.sticky-note.is-pinned{border:1.5px solid #0000001a;box-shadow:4px 6px 15px #00000026}.note-footer{opacity:0;justify-content:space-between;align-items:center;margin-top:1rem;transition:opacity .2s;display:flex}.share-actions,.status-actions{gap:.4rem;display:flex}.share-btn-small{width:24px;height:24px}.sticky-note:hover .note-footer{opacity:1}.icon-btn{cursor:pointer;color:#334155;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.icon-btn:hover{background:#0000001a}.check-btn:hover{color:#10b981}.delete-btn:hover{color:#ef4444}.empty-notes{color:#64748b;text-align:center;grid-column:1/-1;padding:2rem 0;font-size:.95rem;font-style:italic}.peer-chat-container{background:#0f172a66;border-radius:16px;flex-direction:column;height:100%;min-height:400px;max-height:500px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.empty-chat{color:#64748b;justify-content:center;align-items:center;height:100%;font-size:.95rem;font-style:italic;display:flex}.chat-bubble-wrapper{align-items:flex-end;gap:.5rem;max-width:85%;display:flex}.chat-bubble-wrapper.is-me{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{color:#cbd5e1;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-bubble{background:#ffffff0d;border-radius:16px 16px 16px 4px;padding:.8rem 1rem}.is-me .chat-bubble{background:var(--primary,#3b82f6);border-bottom-right-radius:4px;border-bottom-left-radius:16px}.chat-sender-name{color:#94a3b8;margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.chat-content{color:#f8fafc;word-break:break-word;font-size:.95rem;line-height:1.4}.chat-input-area{background:#0003;border-top:1px solid #ffffff0d;gap:.8rem;padding:1rem;display:flex}.chat-input-area input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:.8rem 1.2rem;font-size:.95rem;transition:border-color .2s}.chat-input-area input:focus{border-color:var(--primary,#3b82f6);outline:none}.send-btn{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;padding:0;display:flex}.send-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-widget{-webkit-backdrop-filter:blur(12px);background:#1e293b80;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.workspace-widget:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.widget-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.widget-header h3{color:#f8fafc;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.widget-header h3 svg{color:var(--primary,#3b82f6)}.text-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500;transition:color .2s}.text-btn:hover{color:var(--primary,#3b82f6)}.empty-state{color:#64748b;text-align:center;padding:1.5rem 0;font-size:.9rem;font-style:italic}.list-content{flex-direction:column;gap:.6rem;display:flex}.list-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:background .2s;display:flex}.list-item:hover{background:#ffffff0f}.task-item{cursor:pointer}.task-info,.doc-info{flex-direction:column;gap:.2rem;display:flex}.task-title,.doc-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.95rem;font-weight:500;overflow:hidden}.task-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;width:max-content;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.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;text-transform:uppercase;font-size:.75rem}.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{width:100%;position:relative}.music-visualizer{pointer-events:none;z-index:1;justify-content:center;align-items:flex-end;gap:3px;height:30px;display:flex;position:absolute;top:-10px;left:0;right:0}.vis-bar{background:var(--primary,#3b82f6);border-radius:2px;width:4px;height:8px;animation:1.2s ease-in-out infinite bounce;box-shadow:0 0 10px #3b82f680}@keyframes bounce{0%,to{opacity:.4;height:8px}50%{opacity:1;height:24px;transform:translateY(-4px)}}.spotify-aura-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:120%;height:120%;animation:3s ease-in-out infinite pulse-aura;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-aura{0%,to{opacity:.3;scale:1}50%{opacity:.6;scale:1.05}}.spotify-iframe-container{-webkit-backdrop-filter:blur(8px);z-index:2;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.spotify-input-overlay{background:#0003;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:180px;padding:1rem;display:flex}.spotify-input-overlay p{color:#e2e8f0;margin-bottom:.8rem;font-size:.9rem}.input-row{gap:.5rem;width:100%;display:flex}.input-row input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;flex:1;padding:.5rem;font-size:.85rem}.input-row button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:0 .8rem}.timer-widget{align-items:center}.timer-mode-toggles{background:#0003;border-radius:20px;padding:.2rem;display:flex}.timer-mode-toggles button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.timer-mode-toggles button.active{color:#fff;background:#ffffff1a}.timer-widget.break-mode{border-color:#10b9814d}.timer-display-container{justify-content:center;align-items:center;width:140px;height:140px;margin:1rem 0;display:flex;position:relative}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:#0000;stroke:#ffffff0d;stroke-width:4px}.timer-progress{fill:#0000;stroke:var(--primary,#3b82f6);stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray 1s linear}.break-mode .timer-progress{stroke:#10b981}.timer-text{text-align:center;position:absolute}.timer-text h1{color:#fff;letter-spacing:1px;font-size:2rem;font-weight:700}.timer-text p{color:#94a3b8;margin-top:.2rem;font-size:.75rem}.timer-controls{gap:1rem;margin-top:.5rem;display:flex}.timer-controls button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex}.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:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.8rem;margin-bottom:1rem;padding:1rem;display:flex}.inline-task-form input[type=text],.inline-doc-form input[type=text]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.6rem;font-size:.9rem}.form-row{flex-wrap:wrap;gap:.5rem;display:flex}.form-row select,.form-row input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.4rem;font-size:.8rem}.input-with-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.4rem;padding:0 .5rem;display:flex}.input-with-icon input{width:100px;background:0 0!important;border:none!important;padding:.4rem 0!important}.submit-small{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex;background:var(--primary,#3b82f6)!important;padding:.5rem!important;font-size:.85rem!important;font-weight:600!important}.header-actions{align-items:center;gap:.5rem;display:flex}.small-btn{background:#ffffff0d;width:24px;height:24px}.upload-input-group{gap:.5rem;display:flex}.upload-input-group input{flex:1}.upload-input-group .submit-small{width:40px}.upload-hint{color:#64748b;text-align:center;margin-top:-.4rem;font-size:.7rem}.timer-controls button:hover{transform:scale(1.05)}.light .workspace-widget{background:var(--glass-card-bg);border-color:var(--glass-card-border);box-shadow:var(--glass-card-shadow)}.light .workspace-widget:hover{border-color:var(--glass-card-border)}.light .widget-header h3{color:var(--text-header)}.light .text-btn{color:var(--text-muted)}.light .list-item{background:var(--surface-panel);border-color:var(--border-glass)}.light .list-item:hover{background:var(--glass-card-bg-hover)}.light .task-title,.light .doc-title{color:var(--text-primary)}.light .spotify-input-overlay{background:var(--surface-inset)}.light .spotify-input-overlay p{color:var(--text-primary)}.light .input-row input{border-color:var(--border-glass);color:var(--text-primary);background:#fff}.light .timer-mode-toggles{background:var(--surface-inset)}.light .timer-mode-toggles button{color:var(--text-secondary)}.light .timer-mode-toggles button.active{color:var(--text-primary);background:#fff;box-shadow:0 2px 8px #0000000d}.light .timer-bg{stroke:var(--border-glass)}.light .timer-text h1{color:var(--text-header)}.light .timer-text p{color:var(--text-secondary)}.light .timer-controls button{border-color:var(--border-glass);color:var(--text-primary);background:#fff;box-shadow:0 2px 8px #0000000d}.light .inline-task-form,.light .inline-doc-form{background:var(--surface-inset);border-color:var(--border-glass)}.light .inline-task-form input[type=text],.light .inline-doc-form input[type=text],.light .form-row select,.light .form-row input,.light .input-with-icon{border-color:var(--border-glass);color:var(--text-primary);background:#fff}.light .input-with-icon input{color:var(--text-primary)!important;background:0 0!important}.light .small-btn{border-color:var(--border-glass);color:var(--text-secondary);background:#fff}.workspace-page{flex-direction:column;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:0 1rem 2rem;display:flex}.workspace-header-section{margin-bottom:2rem}.welcome-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#1e293bb3 0%,#0f172acc 100%);border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.welcome-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary,#3b82f6), transparent);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.welcome-content h1{color:#f8fafc;letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.welcome-content h1 span{background:var(--primary-gradient,linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.welcome-subtext{color:#94a3b8;margin-bottom:1.5rem;font-size:1.1rem}.welcome-meta{gap:1rem;display:flex}.meta-pill{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;display:flex}.welcome-icon{color:var(--primary,#3b82f6);opacity:.2}.sparkle-svg{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.workspace-bento-grid{flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(140px,auto);gap:1.5rem;display:grid}@media (width>=1024px){.workspace-bento-grid{grid-template-columns:repeat(4,1fr)}}.bento-item{-webkit-backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;padding:1.5rem;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}@media (width>=1024px){.col-notes{grid-area:span 2/span 1}.col-timer{grid-area:span 1/span 1;padding:.5rem}.col-spotify{grid-area:span 1/span 2;padding:.5rem}.col-chat,.col-tasks,.col-docs{grid-area:span 1/span 1}}.col-header{border-bottom:1px solid #ffffff0d;margin-bottom:1.2rem;padding-bottom:.8rem}.col-header h2{color:#f8fafc;margin-bottom:.2rem;font-size:1.2rem;font-weight:600}.col-header p{color:#94a3b8;font-size:.85rem}.app-container{background:#0a0a0f;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;margin-left:280px;transition:margin-left .3s;display:flex}.main-content.sidebar-closed{margin-left:0}.page-content{background:#0a0a0f;flex:1;padding:0;overflow-y:auto}@media (width<=768px){.main-content{margin-left:0}}:root{--primary:#14b8a6;--primary-glow:#14b8a626;--secondary:#38bdf8;--secondary-glow:#38bdf826;--bg-deep:#0b0f19;--bg-sidebar:#111827d9;--surface-panel:#ffffff0a;--surface-inset:#00000040;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-glass:#ffffff0d;--btn-ghost-bg:#ffffff05;--btn-ghost-border:#ffffff0d;--font-main:"Plus Jakarta Sans", sans-serif;--success:#10b981;--warning:#f59e0b;--danger:#f43f5e;--info:#06b6d4;--bg-gradient-1:#4f46e50f;--bg-gradient-2:#8b5cf60d;--grid-opacity:.1;--glass-card-bg:#ffffff0a;--glass-card-bg-hover:#ffffff12;--glass-card-border:#ffffff14;--glass-card-shadow:0 8px 32px #00000040;--glass-card-inset-shadow:inset 0 1px 0 #ffffff0a;--glass-light-bg:#ffffff05;--glass-light-border:#ffffff0d;--text-header:#fff;--welcome-card-bg:linear-gradient(135deg, #14b8a60f 0%, #38bdf80f 100%);--welcome-card-border:#ffffff0a;--orb-opacity:.3;--metric-green-bg:linear-gradient(135deg, #10b9811f 0%, #1e293bf2 100%);--metric-blue-bg:linear-gradient(135deg, #3b82f61f 0%, #1e293bf2 100%);--metric-purple-bg:linear-gradient(135deg, #8b5cf61f 0%, #1e293bf2 100%);--metric-orange-bg:linear-gradient(135deg, #f59e0b1f 0%, #1e293bf2 100%)}:root.light{--primary:#0d9488;--primary-glow:#0d94881a;--secondary:#0284c7;--secondary-glow:#0284c71a;--bg-deep:#f8fafc;--bg-sidebar:#ffffffe6;--surface-panel:#0f172a05;--surface-inset:#0f172a0a;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-glass:#0f172a0f;--btn-ghost-bg:#0f172a05;--btn-ghost-border:#0f172a0d;--bg-gradient-1:#6366f10a;--bg-gradient-2:#8b5cf608;--grid-opacity:.04;--glass-card-bg:#ffffffd9;--glass-card-bg-hover:#fffffff2;--glass-card-border:#0f172a0f;--glass-card-shadow:0 4px 20px #0f172a08, 0 10px 40px #0f172a04;--glass-card-inset-shadow:inset 0 1px 0 #ffffffe6;--glass-light-bg:#ffffffb3;--glass-light-border:#0f172a0d;--text-header:#0f172a;--welcome-card-bg:linear-gradient(135deg, #0d94880a 0%, #0284c70a 100%);--welcome-card-border:#0f172a0d;--orb-opacity:.15;--metric-green-bg:linear-gradient(135deg, #10b98114 0%, #fff 100%);--metric-blue-bg:linear-gradient(135deg, #3b82f614 0%, #fff 100%);--metric-purple-bg:linear-gradient(135deg, #8b5cf614 0%, #fff 100%);--metric-orange-bg:linear-gradient(135deg, #f59e0b14 0%, #fff 100%)}*{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{background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(circle at 0% 0%, var(--bg-gradient-1) 0%, transparent 40%), radial-gradient(circle at 100% 100%, var(--bg-gradient-2) 0%, transparent 40%);letter-spacing:-.01em;background-attachment:fixed;margin:0;padding:0;overflow-x:hidden}body:after{content:"";background-image:linear-gradient(var(--border-glass) 1px, transparent 1px), linear-gradient(90deg, var(--border-glass) 1px, transparent 1px);opacity:var(--grid-opacity);z-index:-1;pointer-events:none;background-size:50px 50px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.noise-overlay{background-image:var(--bg-noise);opacity:.03;z-index:1000;pointer-events:none;position:fixed;inset:0}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-card-border)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-light-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-light-border);box-shadow:var(--glass-card-shadow);border-radius:24px}.ambient-glow{-webkit-filter:blur(120px);pointer-events:none;z-index:-1;opacity:.3;border-radius:50%;position:absolute}@keyframes rgb-shift{0%{color:#f55;text-shadow:0 0 15px #f556}33%{color:#5f5;text-shadow:0 0 15px #5f56}66%{color:#55f;text-shadow:0 0 15px #55f6}to{color:#f55;text-shadow:0 0 15px #f556}}.rgb-text{letter-spacing:.5px;animation:6s linear infinite rgb-shift;-webkit-text-fill-color:initial!important;background:0 0!important;font-weight:800!important}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px var(--primary-glow);border-color:var(--primary);outline:none;background:#ffffff0d!important}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #14b8a633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #14b8a64d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff0d;border-radius:12px;padding:.75rem 1.5rem;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{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-danger{color:var(--danger);background:#f43f5e1a}.badge-info{color:var(--info);background:#06b6d41a}.badge-primary{color:var(--primary);background:#14b8a61a}.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{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.25rem;font-weight:800}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%) 0 0/200% 100%;animation:2s infinite shimmer}.stat-card-smooth{border:1px solid var(--border-glass);background:#ffffff05;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{justify-content:center;align-items:center;display:flex}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 var(--primary-glow);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.pulse{animation:2s cubic-bezier(.66,0,0,1) infinite pulse-animation}