:root{--bg-primary:#1a1b2e;--bg-secondary:#23243a;--bg-tertiary:#2d2f45;--text-primary:#eaf6f7;--text-secondary:#b2bec3;--text-accent:#00b894;--border-color:#ffffff14;--shadow-color:#0003;--card-bg:#23243a;--hover-bg:#2d2f45;--sidebar-bg:#1a1b2e;--sidebar-hover:#23243a;--sidebar-text:#eaf6f7;--sidebar-active:#00b894;--sidebar-active-bg:#00b8941a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#151520;color:#eaf6f7;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{margin:0;min-height:100vh;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container{background-color:#1a1b2e;background-color:var(--bg-primary);color:#eaf6f7;color:var(--text-primary)}.sidebar{background-color:#1a1b2e;background-color:var(--sidebar-bg);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color)}.sidebar,.sidebar-menu button{color:#eaf6f7;color:var(--sidebar-text)}.sidebar-menu button{background-color:initial}.sidebar-menu button:hover{background-color:#23243a;background-color:var(--sidebar-hover)}.sidebar-menu button.active{background-color:#00b8941a;background-color:var(--sidebar-active-bg);color:#00b894;color:var(--sidebar-active)}.dashboard-main{color:#eaf6f7;color:var(--text-primary)}.dashboard-main,.main-content-center{background-color:#1a1b2e;background-color:var(--bg-primary)}.balance-card,.expense-card,.income-card,.income-item,.incomes-section,.info-card,.notification-item,.recent-transactions-section,.settings-section,.transaction-item{background-color:#23243a;background-color:var(--card-bg);border-color:#ffffff14;border-color:var(--border-color);box-shadow:0 12px 35px #0003;box-shadow:0 12px 35px var(--shadow-color)}.balance-card:hover,.expense-card:hover,.income-card:hover,.income-item:hover,.info-card:hover,.notification-item:hover,.transaction-item:hover{background-color:#2d2f45;background-color:var(--hover-bg);box-shadow:0 16px 40px #0003;box-shadow:0 16px 40px var(--shadow-color)}h1,h2,h3,h4,h5,h6{color:#eaf6f7;color:var(--text-primary)}label,p,span{color:#b2bec3;color:var(--text-secondary)}input,select,textarea{background-color:#2d2f45;background-color:var(--hover-bg);border-color:#ffffff14;border-color:var(--border-color);color:#eaf6f7;color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:#00b894;border-color:var(--text-accent)}button{color:#eaf6f7;color:var(--text-primary)}button:hover{background-color:#2d2f45;background-color:var(--hover-bg)}.modal-bg{background-color:#000c}.modal-content{background-color:#23243a;background-color:var(--card-bg);border-color:#ffffff14;border-color:var(--border-color);box-shadow:0 20px 60px #0003;box-shadow:0 20px 60px var(--shadow-color)}@media (max-width:768px){.sidebar{background-color:#1a1b2e;background-color:var(--sidebar-bg)}.dashboard-main{background-color:#1a1b2e;background-color:var(--bg-primary)}}.auth-layout{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.auth-layout,body{background:#101820;box-sizing:border-box}body{font-family:Poppins,Roboto,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.auth-left{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex:none;flex-direction:column;justify-content:center;margin:0;min-width:220px;padding:0 2vw}.auth-title{font-size:clamp(2rem,4vw,3.3rem);font-weight:800;letter-spacing:1px;margin-bottom:10px;text-shadow:0 2px 16px #0000002e}.auth-desc{color:#e3e3e3;font-size:clamp(1rem,2vw,1.35rem);line-height:1.4;max-width:420px;text-shadow:0 1px 8px #00000021}.auth-right{align-items:center;background:#12181ed1;box-sizing:border-box;flex:none;justify-content:center;margin:0;min-height:100vh;min-width:220px;padding:0 2vw}.auth-form-glass,.auth-right{display:flex;flex-direction:column}.auth-form-glass{align-items:stretch;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12181eeb;border-radius:18px;box-shadow:0 8px 32px #0000002e;max-width:360px;min-height:180px;min-width:240px;padding:2.5vh 4vw 2vh;position:relative;width:100%}.auth-divider{align-items:center;color:#bbb;display:flex;font-size:1.01rem;margin:24px 0 18px}.auth-divider span{font-weight:600;margin:0 12px}.auth-divider:after,.auth-divider:before{background:#2e2e2e;content:"";flex:1 1;height:1px;opacity:.3}.auth-socials{gap:18px;margin-bottom:6px}.auth-social-btn,.auth-socials{display:flex;justify-content:center}.auth-social-btn{align-items:center;background:#23272f;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.3rem;height:44px;transition:background .18s,transform .12s;width:44px}.auth-social-btn:focus,.auth-social-btn:hover{background:#43c6ac;color:#fff;transform:scale(1.08)}.login-glass{background:#0a1428eb;border:2px solid #00eaff;border-radius:16px;box-shadow:0 0 24px #00eaff33,0 2px 24px #000a;font-family:Poppins,Roboto,sans-serif;font-size:clamp(1rem,2vw,1.18rem);max-width:480px;padding:clamp(24px,4vw,40px) clamp(18px,3vw,32px)}.login-glass,.login-input{color:#eaffff;min-width:240px}.login-input{background:#0000002e;border:1.2px solid #00eaff;border-radius:7px;font-size:1.18rem;margin-bottom:18px;max-width:360px;outline:none;padding:18px 22px 18px 52px;transition:border .2s,box-shadow .2s}.form-link,.login-input,button{box-sizing:border-box;width:100%}.form-link,button{max-width:100%}.toggle-visibility{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;line-height:1;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-visibility svg{height:clamp(16px,3vw,22px);width:clamp(16px,3vw,22px)}.login-input:focus{background:#00000052;border:2px solid #fff;box-shadow:0 0 10px #00eaffcc,0 0 2px #fff}.input-icon{color:#00eaff;font-size:1.2rem;left:14px;pointer-events:none;position:absolute;transform:translateY(-50%)}.birthdate-row{display:flex;flex-direction:row;gap:10px;margin-bottom:0}.birthdate-select{background:#0000002e;border:1.2px solid #00eaff;border-radius:7px;box-sizing:border-box;color:#eaffff;flex:1 1;font-size:1.08rem;height:44px;min-width:0;outline:none;padding:12px 10px;transition:border .2s,box-shadow .2s}.birthdate-select:focus{background:#00000052;border:2px solid #fff;box-shadow:0 0 10px #00eaffcc,0 0 2px #fff}button[type=submit]{border-radius:12px!important;font-size:1.15rem!important;min-width:160px;padding:12px 0!important;width:50%!important}h2{font-size:clamp(2.2rem,5vw,3.2rem)!important;margin-bottom:24px!important}@media (max-width:1050px){.auth-layout{flex-direction:column;gap:12px;min-height:100vh;padding:0}.auth-layout,.auth-left,.auth-right{align-items:center;justify-content:center}.auth-left,.auth-right{margin:0;max-width:100vw;min-width:0;padding:0 5vw;width:100%}.auth-left .logo,.auth-left img{margin-bottom:12px;max-width:200px}.auth-right{align-items:center;background:#12181eeb;display:flex;flex-direction:column;justify-content:center;min-height:0;padding-top:0}.login-glass{align-self:center;margin:0 auto!important;max-width:99vw;min-width:0}.auth-desc,.auth-title{margin-left:auto;margin-right:auto;text-align:center}}@media (max-width:700px){.auth-left,.auth-right{padding:0 3vw}.auth-form-glass,.login-glass{max-width:95vw;padding:clamp(10px,2vw,18px) clamp(8px,2vw,14px)}.birthdate-row{flex-direction:column;gap:8px}.birthdate-select{font-size:1.05rem;height:48px;max-width:100%;min-width:0;padding:14px 16px 14px 44px;width:100%}.auth-desc,.auth-title{font-size:1rem;text-align:center}.login-glass{font-size:1.05rem;padding:clamp(18px,4vw,28px) clamp(12px,3vw,18px)}.birthdate-select,.login-input{font-size:1.05rem;height:48px;margin-bottom:12px;padding:14px 16px 14px 44px}h2{font-size:clamp(1.5rem,4vw,2.2rem)!important;margin-bottom:14px!important}button[type=submit]{border-radius:10px!important;font-size:1rem!important;min-width:120px;padding:10px 0!important;width:70%!important}}@media (max-width:480px){.auth-layout{padding:0}.auth-left,.auth-right{padding:0 1vw}.auth-form-glass,.login-glass{max-width:99vw;min-width:0;padding:clamp(6px,1vw,10px) clamp(4px,1vw,8px)}.auth-desc,.auth-title{font-size:1rem;text-align:center}}@media (max-width:1100px){.login-glass{max-width:98vw;min-width:0}.birthdate-row,.birthdate-select,.login-input{max-width:100%;min-width:0}}.birthdate-select option{text-align:center}.center-btn{display:block;margin:18px auto 0!important}.input-icon{top:38%}.login-glass{align-items:center;align-self:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto!important;max-width:750px!important;min-width:420px;width:100%}.birthdate-select,.login-input{box-sizing:border-box;font-size:1.13rem;height:44px;margin-left:0;margin-right:0;max-width:100%;min-width:0;width:100%}.birthdate-row{width:100%}@media (max-width:425px){.auth-layout{flex-direction:column;gap:0;min-height:100vh;padding:0}.auth-left,.auth-right{min-height:auto;min-width:100%;padding:8px;width:100%}.auth-form-glass,.login-glass{border-radius:12px;font-size:.95rem;margin:8px auto;max-width:100vw;min-width:0;padding:16px 12px;width:95vw}.auth-desc,.auth-title{font-size:.9rem;margin:8px 0;text-align:center}.birthdate-select,.login-input,.password-input{border-radius:8px;font-size:.95rem;height:40px;margin-bottom:8px;padding:10px 12px 10px 40px}h2{font-size:1.4rem!important;margin-bottom:12px!important;text-align:center}button[type=submit]{border-radius:8px!important;font-size:.9rem!important;margin:8px auto!important;min-width:100px;padding:8px 0!important;width:80%!important}.form-link{font-size:.85rem!important;margin:8px 0;text-align:center}.birthdate-row{flex-direction:column;gap:8px;width:100%}.birthdate-select{margin-bottom:8px;width:100%}.input-icon{height:36px;left:8px;top:35%}.input-icon img{height:18px;width:18px}.birthdate-row+div label{font-size:.9rem;margin-bottom:4px}.password-input-container{margin-bottom:12px}.toggle-visibility{height:36px;right:8px;top:50%;transform:translateY(-50%);width:36px}.toggle-visibility svg{height:16px;width:16px}}@media (max-width:375px){.auth-form-glass,.login-glass{font-size:.9rem;padding:12px 8px;width:98vw}.birthdate-select,.login-input,.password-input{font-size:.9rem;height:36px;padding:8px 10px 8px 36px}h2{font-size:1.2rem!important}button[type=submit]{font-size:.85rem!important;padding:6px 0!important;width:85%!important}.form-link{font-size:.8rem!important}.input-icon{height:32px;left:6px}.input-icon img{height:16px;width:16px}}@media (max-width:320px){.auth-form-glass,.login-glass{font-size:.85rem;padding:8px 6px;width:99vw}.birthdate-select,.login-input,.password-input{font-size:.85rem;height:32px;padding:6px 8px 6px 32px}h2{font-size:1.1rem!important}button[type=submit]{font-size:.8rem!important;padding:5px 0!important;width:90%!important}.form-link{font-size:.75rem!important}.input-icon{height:28px;left:4px}.input-icon img{height:14px;width:14px}}.landing-page{background:#151520;color:#fff;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;opacity:1;overflow-x:hidden;position:relative;visibility:visible;width:100%;z-index:1}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.landing-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#151520d9;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0000001a;left:0;position:fixed;right:0;top:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),background .3s ease;z-index:1000}.landing-nav.nav-visible{opacity:1;transform:translateY(0)}.landing-nav.nav-hidden{opacity:0;transform:translateY(-100%)}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;gap:12px;text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-logo img{filter:drop-shadow(0 2px 8px rgba(0,184,148,.3));height:40px;width:auto}.nav-buttons{align-items:center;display:flex;gap:12px}.btn-nav-login,.btn-nav-register{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:flex-start;letter-spacing:.3px;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-nav-login{background:#0000;border:1px solid #ffffff4d;color:#fff;justify-content:center;text-align:center}.btn-nav-login:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.btn-nav-login:hover:before{left:0}.btn-nav-login:hover{background:#ffffff1a;border-color:#ffffff80;box-shadow:0 4px 15px #ffffff1a;transform:translateY(-2px)}.btn-nav-login:active{transform:translateY(0)}.btn-nav-register{background:linear-gradient(135deg,#00b894,#00d4aa);box-shadow:0 4px 20px #00b89466,0 0 0 0 #00b89480;color:#fff}.btn-nav-register,.btn-nav-register span{color:#fff}.btn-nav-register:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-nav-register:hover:before{left:100%}.btn-nav-register:hover{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 8px 30px #00b89480,0 0 20px #00b8944d;transform:translateY(-2px) scale(1.02)}.btn-nav-register:active{box-shadow:0 4px 20px #00b89466;transform:translateY(0) scale(.98)}.hero-section{align-items:center;background:linear-gradient(135deg,#151520,#252535 30%,#3d2b5e 70%,#252535);display:flex;min-height:100vh;overflow:hidden;padding:120px 20px 80px;position:relative}.hero-background-effects{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-gradient-orb{animation:floatOrb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#00b894,#00d4ff);height:500px;left:-150px;top:-150px;width:500px}.orb-2{animation-delay:5s;background:linear-gradient(135deg,#6c5ce7,#a29bfe);bottom:-100px;height:400px;right:-100px;width:400px}.orb-3{animation-delay:10s;background:linear-gradient(135deg,#0984e3,#74b9ff);height:350px;right:20%;top:50%;width:350px}@keyframes floatOrb{0%,to{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(50px,-50px) scale(1.1) rotate(120deg)}66%{transform:translate(-30px,30px) scale(.9) rotate(240deg)}}.hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text-content{animation:fadeInUp .8s ease-out;color:#fff}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:24px}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b894,#00d4ff);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 0 20px rgba(0,212,255,.3))}.hero-subtitle{color:#fffc;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:32px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:30px;cursor:pointer;display:inline-flex;font-size:1.05rem;gap:10px;justify-content:center;overflow:hidden;padding:18px 36px;text-shadow:0 1px 2px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto}.btn-primary,.btn-secondary{font-weight:700;letter-spacing:.5px;position:relative}.btn-primary{background:linear-gradient(135deg,#00b894,#00d4aa);border:2px solid #0000;border-radius:30px;box-shadow:0 8px 25px #00b89466,0 0 0 0 #00b894b3;color:#fff;z-index:1}.btn-primary .btn-icon,.btn-primary span{color:#fff}.btn-primary:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.btn-primary:after{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#00b894,#00d4aa,#00b894);background-size:200% 200%;border-radius:30px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-2}@keyframes borderGlow{0%,to{background-position:0 50%;opacity:0}50%{background-position:100% 50%;opacity:.3}}.btn-primary:hover:before{height:300px;width:300px}.btn-primary:hover{background:linear-gradient(135deg,#00d4aa,#00b894);border-color:#ffffff4d;box-shadow:0 12px 35px #00b89499,0 0 30px #00b89466;transform:translateY(-3px) scale(1.02)}.btn-primary:hover:after{opacity:.5}.btn-primary:active{box-shadow:0 6px 20px #00b89466;transform:translateY(-1px) scale(.98)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:30px;box-shadow:0 8px 25px #ffffff1a,0 0 0 0 #fff3;color:#fff;position:relative;z-index:1}.btn-secondary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.btn-secondary:hover:before{height:300px;width:300px}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 12px 35px #fff3,0 0 30px #ffffff1a;transform:translateY(-3px) scale(1.02)}.btn-secondary:active{box-shadow:0 6px 20px #ffffff1a;transform:translateY(-1px) scale(.98)}.btn-icon{color:#fff;transition:transform .3s ease}.btn-primary:hover .btn-icon,.btn-secondary:hover .btn-icon{transform:translateX(5px)}.play-icon{font-size:.9rem}.hero-visual-phone{align-items:center;animation:fadeInRight .8s ease-out .2s both;display:flex;justify-content:center;position:relative}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.ballinaphone-img{animation:floatPhone 6s ease-in-out infinite;filter:drop-shadow(0 20px 60px rgba(0,0,0,.3));height:auto;max-width:100%;position:relative;z-index:2}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.phone-glow{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#00b89466 0,#0000 70%);border-radius:50%;height:120%;position:absolute;width:120%;z-index:1}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.floating-card{align-items:center;animation:floatCard 6s ease-in-out infinite;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 24px;position:absolute;z-index:3}.card-1{animation-delay:0s;right:-5%;top:15%}.card-2{animation-delay:3s;bottom:15%;left:-5%}@keyframes floatCard{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.05)}}.floating-card svg{color:#00b894;font-size:1.2rem}.hero-trust{bottom:-50px;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.trust-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:8px 16px}.trust-check{color:#00b894;font-size:1rem}.feature-detail-section{align-items:center;display:flex;min-height:600px;opacity:0;overflow:hidden;padding:120px 20px;position:relative;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1)}.dashboard-special-layout{background:linear-gradient(135deg,#1a1a28,#252538 50%,#1a1a28);overflow:hidden;position:relative}@keyframes gradientFlow{0%,to{background-position:0 0}50%{background-position:0 100%}}.dashboard-special-layout:after{animation:floatGlow 8s ease-in-out infinite;background:radial-gradient(circle,#00b89426 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-50%;width:500px;z-index:0}.dashboard-layout-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:1}.dashboard-left-section{display:flex;flex-direction:column;gap:24px}.dashboard-main-title{animation:fadeInTitle .8s ease-out;color:#fff;font-size:3.2rem;font-weight:800;line-height:1.2;margin:0 0 32px;position:relative;text-shadow:0 4px 20px #00000080}@keyframes fadeInTitle{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.dashboard-highlight{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#00b894,#00d4aa 50%,#00b894);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#00b894;display:inline-block;position:relative}.dashboard-highlight:after{animation:underlineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#00b894,#00d4aa);border-radius:2px;bottom:-4px;box-shadow:0 0 15px #00b89499;content:"";height:4px;left:0;position:absolute;width:100%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes underlineGlow{0%,to{opacity:.6;transform:scaleX(.95)}50%{opacity:1;transform:scaleX(1)}}.dashboard-features-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.dashboard-feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23243acc;border:2px solid #00b89433;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-feature-item:before{background:linear-gradient(90deg,#0000,#00b8941a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dashboard-feature-item:hover:before{left:100%}.dashboard-feature-item:hover{background:#23243af2;border-color:#00b89480;box-shadow:0 12px 35px #00b8944d,0 0 30px #00b89433;transform:translateY(-4px)}.dashboard-feature-item span{color:#fffffff2;flex:1 1;font-size:1rem;font-weight:400;line-height:1.6}.dashboard-check-icon{color:#00b894;filter:drop-shadow(0 0 8px rgba(0,184,148,.5));flex-shrink:0;font-size:1.1rem;margin-top:2px}.dashboard-right-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00b89414,#00d4aa0a);border:2px solid #00b89433;border-radius:24px;box-shadow:0 20px 60px #0006,0 0 40px #00b8941a,inset 0 0 30px #00b8940d;overflow:hidden;padding:40px;position:relative}.dashboard-right-section:before{animation:rotateGlow 15s linear infinite;background:radial-gradient(circle,#00b8941a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.dashboard-visualizations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}.dashboard-viz-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#23243ae6,#1e1e2ee6);border:2px solid #00b89426;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:24px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.dashboard-viz-card:before{background:linear-gradient(90deg,#0000,#00b89433,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dashboard-viz-card:hover:before{left:100%}.dashboard-viz-card:hover{background:linear-gradient(135deg,#00b89426,#00d4aa1a);border-color:#00b89480;box-shadow:0 20px 50px #00b89466,0 0 60px #00b89433,inset 0 0 40px #00b8941a;transform:translateY(-8px) scale(1.02)}.dashboard-special-layout.section-visible .dashboard-viz-card{animation:slideInUp .6s ease-out;animation-fill-mode:both}.dashboard-special-layout.section-visible .dashboard-viz-card:first-child{animation-delay:.1s}.dashboard-special-layout.section-visible .dashboard-viz-card:nth-child(2){animation-delay:.2s}.dashboard-special-layout.section-visible .dashboard-viz-card:nth-child(3){animation-delay:.3s}.dashboard-special-layout.section-visible .dashboard-viz-card:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.viz-title{color:#fffffff2;font-size:.9rem;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;padding-bottom:12px;position:relative;text-transform:uppercase}.viz-title:after{background:linear-gradient(90deg,#00b894,#00d4aa);border-radius:2px;bottom:0;box-shadow:0 0 10px #00b89499;content:"";height:3px;left:0;position:absolute;width:40px}.viz-content{align-items:center;display:flex;flex:1 1;justify-content:center}.bar-chart-container{height:100%;justify-content:center;padding:10px 0}.bar-chart,.bar-chart-container{align-items:flex-end;display:flex;width:100%}.bar-chart{gap:8px;height:100px;justify-content:space-around}.bar-chart .bar{border-radius:6px 6px 0 0;box-shadow:0 -4px 12px #0000004d;flex:1 1;max-width:32px;min-height:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bar-chart .bar:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:6px 6px 0 0;content:"";height:30%;left:0;position:absolute;right:0;top:0}.bar-chart .bar:hover{box-shadow:0 -8px 20px #00b89480;filter:brightness(1.2);opacity:.9;transform:scaleY(1.15) translateY(-2px)}.donut-chart-container{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;width:100%}.donut-chart{filter:drop-shadow(0 0 30px rgba(0,212,170,.5));height:100%;max-height:160px;max-width:160px;width:100%}.donut-chart circle[stroke="url(#gradientProgress)"]{filter:drop-shadow(0 0 15px rgba(0,212,170,.7));transition:all .3s ease}.dashboard-viz-card:hover .donut-chart circle[stroke="url(#gradientProgress)"]{stroke-width:13;filter:drop-shadow(0 0 25px rgba(0,212,170,.9))}.dashboard-viz-card:hover .donut-chart circle[fill="rgba(35, 36, 58, 0.4)"]{fill:#23243a99}.donut-chart circle[stroke="rgba(255, 255, 255, 0.25)"]{filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.dashboard-special-layout.section-visible .donut-chart circle[stroke="url(#gradientProgress)"]{stroke-dasharray:0 264;animation:drawDonut 1.5s ease-out;animation-fill-mode:forwards}@keyframes drawDonut{to{stroke-dasharray:198 264}}.line-chart-container{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;width:100%}.line-chart{filter:drop-shadow(0 0 10px rgba(0,184,148,.3));height:100%;max-height:110px;width:100%}.line-chart polyline{filter:drop-shadow(0 0 6px currentColor);transition:all .3s ease}.line-chart polyline:hover{stroke-width:3;filter:drop-shadow(0 0 12px currentColor)}.goals-simple-container{flex-direction:column;gap:24px;height:100%;min-height:150px;width:100%}.goal-circle-simple,.goals-simple-container{align-items:center;display:flex;justify-content:center}.goal-circle-simple{background:linear-gradient(135deg,#00b894,#00d4aa);border-radius:50%;box-shadow:0 0 25px #00b89480;color:#fff;font-size:3rem;height:100px;transition:all .3s ease;width:100px}.dashboard-viz-card:hover .goal-circle-simple{box-shadow:0 0 35px #00b894b3;transform:scale(1.05)}.goal-text-simple{align-items:center;display:flex;flex-direction:column;gap:6px}.goal-percent{color:#00b894;font-size:2rem;font-weight:700;text-shadow:0 0 10px #00b89466}.goal-status{color:#fffc;font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.balance-symbol-container{flex-direction:column;gap:16px;height:100%;min-height:150px;width:100%}.balance-icon,.balance-symbol-container{align-items:center;display:flex;justify-content:center}.balance-icon{animation:floatBalance 3s ease-in-out infinite;background:linear-gradient(135deg,#00b894,#00d4aa);border-radius:16px;box-shadow:0 8px 25px #00b89466;color:#fff;font-size:2rem;height:70px;width:70px}@keyframes floatBalance{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.balance-amount{text-align:center}.balance-value{color:#00b894;display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px;text-shadow:0 0 15px #00b89480}.balance-label{color:#ffffffb3;display:block;font-size:.85rem;letter-spacing:1px}.balance-indicator{max-width:120px;width:80%}.balance-indicator-bar{background:#ffffff1a;border-radius:10px;height:6px;overflow:hidden;width:100%}.balance-indicator-fill{background:linear-gradient(90deg,#00b894,#00d4aa);border-radius:10px;box-shadow:0 0 10px #00b89499;height:100%;transition:width 1s ease}.dashboard-special-layout.section-visible .balance-indicator-fill{animation:fillBalance 1.5s ease-out}@keyframes fillBalance{0%{width:0}}.transactions-special-layout{background:#23243a;overflow:hidden;position:relative}.transactions-layout-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:40px 0;position:relative;z-index:1}.transactions-left-section{display:flex;flex-direction:column}.transactions-right-section{align-items:center;display:flex;justify-content:center}.transactions-categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.transaction-category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00b8941a,#00b8940d);border:2px solid #00b89433;border-radius:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.transaction-category-card:before{background:radial-gradient(circle,#00b8941a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.transaction-category-card:hover:before{opacity:1}.transaction-category-card:hover{background:linear-gradient(135deg,#00b89426,#00b89414);border-color:#00b89480;box-shadow:0 15px 40px #00b8944d,0 0 30px #00b89433;transform:translateY(-8px) scale(1.02)}.category-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:60px;justify-content:center;position:relative;transition:transform .4s ease;width:60px}.transaction-category-card:hover .category-icon-wrapper{transform:rotate(5deg) scale(1.1)}.category-icon{filter:drop-shadow(0 4px 10px rgba(0,184,148,.4));font-size:2rem;transition:all .4s ease}.transaction-category-card:hover .category-icon{filter:drop-shadow(0 6px 15px rgba(0,184,148,.6))}.category-info{display:flex;flex-direction:column;gap:6px;text-align:center}.category-name{color:#ffffffe6;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.category-amount{color:#00b894;font-size:1.1rem;font-weight:700;text-shadow:0 0 20px #00b8944d}.feature-section-1 .feature-detail-wrapper{display:flex;flex-direction:column;gap:50px;max-width:1000px}.feature-section-1 .feature-detail-icon-large{align-self:center;background:linear-gradient(135deg,#00b89440,#00d4aa26);border:3px solid #00b89480;border-radius:30px;box-shadow:0 20px 60px #00b89466,inset 0 0 40px #00b89433;font-size:6rem;height:150px;width:150px}.feature-section-1 .feature-detail-list{display:flex;flex-direction:column;gap:16px}.feature-section-1 .feature-detail-item{background:linear-gradient(90deg,#00b89426,#00b8940d);border-left:4px solid #00b894;border-radius:12px;overflow:hidden;padding:20px 24px;position:relative}.feature-section-1 .feature-detail-item:after{background:linear-gradient(90deg,#0000,#00b8941a);content:"";height:100%;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .4s ease;width:100px}.feature-section-1 .feature-detail-item:hover:after{transform:translateX(0)}.feature-section-1 .feature-detail-item:hover{border-left-width:6px;box-shadow:0 8px 25px #00b8944d;transform:translateX(10px)}.feature-section-1 .feature-detail-check-icon{align-items:center;background:#00b89433;border-radius:50%;display:flex;justify-content:center;padding:8px}.goals-special-layout{background:#1e1e2e;overflow:hidden;position:relative}.goals-layout-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:40px 0;position:relative;z-index:1}.goals-left-section{align-items:center;display:flex;justify-content:center;position:relative}.goals-cards-container{display:flex;flex-direction:column;gap:24px;width:100%}.goal-app-card{border:2px solid #6c5ce74d;border-radius:20px;transition:all .4s ease}.goal-app-progress-info span:last-child{color:var(--goal-color)}.goal-app-progress-fill{box-shadow:0 0 15px var(--goal-color)}.goals-right-section{gap:30px}.goals-special-layout .feature-detail-list{display:flex;flex-direction:column;gap:16px}.goals-special-layout .feature-detail-item{background:linear-gradient(90deg,#6c5ce726,#6c5ce70d);border-left:4px solid #6c5ce7;border-radius:12px;overflow:hidden;padding:20px 24px;position:relative}.goals-special-layout .feature-detail-item:after{background:linear-gradient(90deg,#0000,#6c5ce71a);content:"";height:100%;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .4s ease;width:100px}.goals-special-layout .feature-detail-item:hover:after{transform:translateX(0)}.goals-special-layout .feature-detail-item:hover{border-left-width:6px;box-shadow:0 8px 25px #6c5ce74d;transform:translateX(10px)}.goals-special-layout .feature-detail-check-icon{align-items:center;background:#6c5ce733;border-radius:50%;display:flex;justify-content:center;padding:8px}.goal-app-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23243acc;border:2px solid #6c5ce733;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.goal-app-card:before{background:linear-gradient(90deg,#0000,#6c5ce71a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.goal-app-card:hover:before{left:100%}.goal-app-card:hover{background:#23243af2;border-color:#6c5ce780;box-shadow:0 15px 40px #6c5ce74d,0 0 30px #6c5ce733;transform:translateY(-6px)}.goal-app-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.goal-app-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;filter:drop-shadow(0 4px 10px rgba(108,92,231,.4));font-size:2rem;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.goal-app-card:hover .goal-app-icon{transform:scale(1.1) rotate(5deg)}.goal-app-title{flex:1 1}.goal-app-title h3{color:#fffffff2;font-size:1.3rem;font-weight:600;margin:0 0 4px}.goal-app-category{color:#ffffffb3;font-size:.9rem;font-weight:500}.goal-app-progress{margin-bottom:20px}.goal-app-progress-info{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:8px}.goal-app-progress-info span:first-child{color:#fffc;font-weight:500}.goal-app-progress-info span:last-child{color:#6c5ce7;font-size:1.1rem;font-weight:700}.goal-app-progress-bar{background:#ffffff1a;border-radius:10px;box-shadow:inset 0 2px 4px #0000004d;height:10px;overflow:hidden;position:relative;width:100%}.goal-app-progress-fill{border-radius:10px;box-shadow:0 0 15px #6c5ce780;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.goal-app-progress-fill:after{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.goals-special-layout.section-visible .goal-app-progress-fill{animation:fillProgressBar 1.5s ease-out}@keyframes fillProgressBar{0%{width:0}}.goal-app-details{display:flex;flex-direction:column;gap:12px}.goal-app-info-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.goal-app-info-item:last-child{border-bottom:none}.goal-app-info-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.goal-app-info-value{color:#ffffffe6;font-size:.9rem;font-weight:600}.goals-right-section{display:flex;flex-direction:column}.ai-chat-special-layout{background:#23243a;overflow:hidden;position:relative}.ai-chat-layout-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:40px 0;position:relative;z-index:1}.ai-chat-left-section{min-height:500px}.ai-brain-container,.ai-chat-left-section{align-items:center;display:flex;justify-content:center;position:relative}.ai-brain-container{height:500px;width:100%}.ai-brain-core{height:200px;width:200px;z-index:10}.ai-brain-core,.ai-brain-icon{align-items:center;display:flex;justify-content:center;position:relative}.ai-brain-icon{animation:brainPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#74b9ff,#0984e3 50%,#74b9ff);border-radius:50%;box-shadow:0 0 40px #74b9ff99,0 0 80px #74b9ff66,inset 0 0 30px #fff3;color:#fff;font-size:4rem;height:120px;width:120px;z-index:5}@keyframes brainPulse{0%,to{box-shadow:0 0 40px #74b9ff99,0 0 80px #74b9ff66,inset 0 0 30px #fff3;transform:scale(1)}50%{box-shadow:0 0 60px #74b9ffcc,0 0 120px #74b9ff99,inset 0 0 40px #ffffff4d;transform:scale(1.05)}}.ai-brain-pulse{animation:pulseRing 2s ease-out infinite;border:3px solid #74b9ff66;border-radius:50%;height:200px;position:absolute;width:200px}.ai-brain-pulse-2{animation-delay:.5s;border-color:#74b9ff4d;height:250px;width:250px}.ai-brain-pulse-3{animation-delay:1s;border-color:#74b9ff33;height:300px;width:300px}@keyframes pulseRing{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.ai-thoughts-container{height:100%;left:0;position:absolute;top:0;width:100%}.ai-thought-bubble{align-items:center;animation:floatThought 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23243ae6;border:2px solid #74b9ff66;border-radius:20px;box-shadow:0 8px 30px #74b9ff4d;display:flex;gap:12px;padding:16px 20px;position:absolute;z-index:8}.ai-thought-1{animation-delay:0s;right:5%;top:10%}.ai-thought-2{animation-delay:1s;left:5%;top:30%}.ai-thought-3{animation-delay:2s;bottom:30%;right:10%}.ai-thought-4{animation-delay:1.5s;bottom:10%;left:5%}@keyframes floatThought{0%,to{opacity:.9;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.05)}}.thought-icon{filter:drop-shadow(0 0 8px rgba(116,185,255,.6));font-size:1.8rem}.thought-text{color:#fffffff2;font-size:.95rem;font-weight:600;white-space:nowrap}.ai-data-streams{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.data-stream{animation:streamFlow 3s linear infinite;background:linear-gradient(180deg,#0000,#74b9ff99,#0000);height:100px;position:absolute;width:2px}.stream-1{animation-delay:0s;left:15%;top:20%;transform:rotate(45deg)}.stream-2{animation-delay:.8s;right:20%;top:40%;transform:rotate(-30deg)}.stream-3{animation-delay:1.6s;bottom:30%;left:25%;transform:rotate(60deg)}.stream-4{animation-delay:2.4s;bottom:15%;right:15%;transform:rotate(-45deg)}@keyframes streamFlow{0%{opacity:0;transform:translateY(-50px) scaleY(0)}50%{opacity:1}to{opacity:0;transform:translateY(150px) scaleY(1)}}.ai-glow-rings{height:100%;pointer-events:none;width:100%}.ai-glow-rings,.glow-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.glow-ring{animation:rotateRing 20s linear infinite;border:1px solid #74b9ff33;border-radius:50%}.ring-1{animation-duration:25s;height:350px;width:350px}.ring-2{animation-direction:reverse;animation-duration:30s;height:400px;width:400px}.ring-3{animation-duration:35s;height:450px;width:450px}.ai-chat-right-section{display:flex;flex-direction:column}.ai-chat-special-layout .ai-chat-right-section .feature-detail-list{display:flex!important;flex-direction:column!important;gap:16px!important;list-style:none!important;margin:0!important;padding:0!important}.ai-chat-special-layout .ai-chat-right-section .feature-detail-item{align-items:flex-start!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#23243acc!important;border:2px solid #74b9ff33!important;border-radius:16px!important;box-shadow:none!important;display:flex!important;gap:16px!important;margin:0!important;opacity:1!important;overflow:hidden!important;padding:20px 24px!important;position:relative!important;transform:translateX(0)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.ai-chat-special-layout .ai-chat-right-section .feature-detail-item:before{background:linear-gradient(90deg,#0000,#74b9ff1a,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .6s ease!important;width:100%!important}.ai-chat-special-layout .ai-chat-right-section .feature-detail-item:hover:before{left:100%!important}.ai-chat-special-layout .ai-chat-right-section .feature-detail-item:hover{background:#23243af2!important;border-color:#74b9ff80!important;box-shadow:0 12px 35px #74b9ff4d,0 0 30px #74b9ff33!important;transform:translateY(-4px)!important}.ai-chat-special-layout .ai-chat-right-section .feature-detail-check-icon{align-items:center!important;background:none!important;border-radius:0!important;color:#74b9ff!important;display:inline-flex!important;filter:drop-shadow(0 0 8px rgba(116,185,255,.5))!important;flex-shrink:0!important;font-size:1.1rem!important;height:auto!important;justify-content:center!important;margin:2px 0 0!important;padding:0!important;width:auto!important}.ai-chat-special-layout .ai-chat-right-section .feature-detail-item span{color:#fffffff2!important;display:block!important;flex:1 1!important;font-size:1rem!important;font-weight:400!important;line-height:1.6!important}.feature-section-3{background:#1e1e2e;overflow:hidden;position:relative}.feature-section-3 .feature-detail-wrapper{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:200px 1fr;max-width:1100px;position:relative;z-index:1}.feature-section-3 .feature-detail-icon-large{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#e1705526,#e1705514);border:3px solid #e170554d;border-radius:50%;box-shadow:0 0 40px #e170554d,0 0 80px #e1705533,inset 0 0 40px #e170551a;color:#e17055;display:flex;font-size:5.5rem;height:180px;justify-content:center;overflow:visible;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:180px}.feature-section-3 .feature-detail-icon-large:hover{animation:none;border-color:#e1705599;box-shadow:0 0 80px #e1705599,0 0 150px #e1705566,inset 0 0 60px #e1705533;transform:scale(1.1) rotate(15deg)}.feature-section-3 .feature-detail-icon-large:before{animation:rotateRing 8s linear infinite;border:2px solid #e1705533;border-radius:50%;bottom:-20px;content:"";left:-20px;pointer-events:none;position:absolute;right:-20px;top:-20px}.feature-section-3 .feature-detail-icon-large:after{animation:rotateRing 12s linear infinite reverse;border:1px solid #e1705526;border-radius:50%;bottom:-30px;content:"";left:-30px;pointer-events:none;position:absolute;right:-30px;top:-30px}@keyframes rotateRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feature-section-3 .feature-detail-icon-large .fa,.feature-section-3 .feature-detail-icon-large svg{filter:drop-shadow(0 0 15px rgba(225,112,85,.6));position:relative;transition:all .3s ease;z-index:2}.feature-section-3 .feature-detail-icon-large:hover .fa,.feature-section-3 .feature-detail-icon-large:hover svg{filter:drop-shadow(0 0 25px rgba(225,112,85,.8));transform:scale(1.1)}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feature-section-3 .feature-detail-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.feature-section-3 .feature-detail-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23243acc;border:2px solid #e1705533;border-radius:16px;box-shadow:none;display:flex;gap:16px;margin:0;opacity:1!important;overflow:hidden;padding:20px 24px;position:relative;transform:translateX(0)!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-section-3 .feature-detail-item:before{background:linear-gradient(90deg,#0000,#e170551a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.feature-section-3 .feature-detail-item:hover:before{left:100%}.feature-section-3 .feature-detail-item:hover{background:#23243af2!important;border-color:#e1705580!important;box-shadow:0 12px 35px #e170554d,0 0 30px #e1705533!important;transform:translateY(-4px)!important}.feature-section-3 .feature-detail-check-icon{align-items:center;background:none;border-radius:0;box-shadow:none;color:#ff6b6b;display:inline-flex;filter:drop-shadow(0 0 8px rgba(255,107,107,.5));flex-shrink:0;font-size:1.1rem;height:auto;justify-content:center;margin:2px 0 0;padding:0;position:relative;width:auto;z-index:1}.feature-section-3 .feature-detail-item span{color:#fffffff2;flex:1 1;font-size:1rem;font-weight:400;line-height:1.6;position:relative;z-index:1}.feature-detail-section.section-visible{opacity:1;transform:translateY(0) scale(1)}.feature-detail-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.feature-glow-left,.feature-glow-right{animation:floatGlow 15s ease-in-out infinite;border-radius:50%;filter:blur(100px);height:400px;opacity:.3;position:absolute;width:400px}.feature-glow-left{background:var(--section-primary);left:-200px;top:-200px}.feature-glow-right{animation-delay:7.5s;background:var(--section-primary);bottom:-200px;right:-200px}@keyframes floatGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.2)}}.feature-stars{animation:twinkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff4d,#0000),radial-gradient(2px 2px at 60% 70%,#fff3,#0000),radial-gradient(1px 1px at 50% 50%,#fff6,#0000);background-size:200% 200%;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}@keyframes twinkle{0%{background-position:0 0}to{background-position:100% 100%}}.feature-detail-section .container{position:relative;z-index:1}.feature-detail-section .container,.feature-detail-section.section-visible .container{animation:fadeInUp .8s ease-out .2s both}.feature-detail-label{background:var(--section-secondary);border:1px solid var(--section-primary);border-radius:20px;color:var(--section-accent);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:2px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.feature-detail-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:40px}.feature-detail-container{align-items:center;display:flex;justify-content:center}.feature-detail-wrapper{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:auto 1fr;max-width:900px}.feature-detail-icon-large{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:var(--section-secondary);border:2px solid var(--section-primary);border-radius:24px;box-shadow:0 10px 40px var(--section-primary);color:var(--section-accent);display:flex;font-size:5rem;height:120px;justify-content:center;transition:transform .6s cubic-bezier(.4,0,.2,1);width:120px}.feature-detail-section.section-visible .feature-detail-icon-large{animation:iconPulse 3s ease-in-out infinite,iconSpinIn .8s ease-out .4s both}@keyframes iconSpinIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes iconPulse{0%,to{box-shadow:0 10px 40px var(--section-primary);transform:scale(1)}50%{box-shadow:0 15px 50px var(--section-primary);transform:scale(1.05)}}.feature-detail-list{display:flex;flex-direction:column;gap:20px}.feature-detail-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;opacity:0;padding:16px;transform:translateX(-20px);transition:all .3s ease}.feature-detail-section.section-visible .feature-detail-item{animation:slideInLeft .6s ease-out both}.feature-detail-section.section-visible .feature-detail-item:first-child{animation-delay:.3s}.feature-detail-section.section-visible .feature-detail-item:nth-child(2){animation-delay:.4s}.feature-detail-section.section-visible .feature-detail-item:nth-child(3){animation-delay:.5s}.feature-detail-section.section-visible .feature-detail-item:nth-child(4){animation-delay:.6s}.feature-detail-section.section-visible .feature-detail-item:nth-child(5){animation-delay:.7s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.feature-detail-item:hover{background:#ffffff14;border-color:var(--section-accent);transform:translateX(10px)}.feature-detail-check-icon{color:var(--section-accent);flex-shrink:0;font-size:1.2rem;margin-top:2px}.transactions-special-layout .feature-detail-check-icon{color:#00b894;filter:drop-shadow(0 0 8px rgba(0,184,148,.5))}.feature-detail-item span{color:#ffffffe6;font-size:1.05rem;line-height:1.6}.ai-section-glass{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1328);opacity:0;overflow:hidden;padding:120px 20px;position:relative;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1)}.ai-section-glass:before{background:radial-gradient(circle at 20% 30%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 70%,#6c5ce726 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ai-section-glass.section-visible{opacity:1;transform:translateY(0) scale(1)}.ai-glass-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.ai-glow-left,.ai-glow-right{animation:aiGlowFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(120px);height:500px;opacity:.4;position:absolute;width:500px}.ai-glow-left{background:linear-gradient(135deg,#00b894,#00d4ff);left:-250px;top:-250px}.ai-glow-right{animation-delay:10s;background:linear-gradient(135deg,#6c5ce7,#a29bfe);bottom:-250px;right:-250px}@keyframes aiGlowFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,-80px) scale(1.3)}}.ai-stars{animation:aiTwinkle 25s linear infinite;background-image:radial-gradient(3px 3px at 25% 25%,#00d4ff66,#0000),radial-gradient(2px 2px at 75% 75%,#6c5ce74d,#0000);background-size:300% 300%;bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes aiTwinkle{0%{background-position:0 0}to{background-position:100% 100%}}.ai-section-glass .container{position:relative;z-index:1}.ai-glass-label{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;color:#00d4ff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:2px;margin-bottom:16px;padding:6px 16px;text-align:center;text-transform:uppercase}.ai-glass-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:20px;text-align:center}.ai-glass-subtitle{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.ai-glass-container{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid #ffffff26;border-radius:32px;box-shadow:0 25px 70px #0006,0 0 0 1px #00d4ff1a,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:60px;position:relative}.ai-glass-container:before{animation:rotateGlow 20s linear infinite;background:radial-gradient(circle,#00d4ff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-content-wrapper{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:auto 1fr}.ai-icon-large{align-items:center;animation:aiIconPulse 3s ease-in-out infinite;background:#00d4ff1a;border:2px solid #00d4ff4d;border-radius:24px;box-shadow:0 10px 40px #00d4ff33;color:#00d4ff;display:flex;font-size:5rem;height:120px;justify-content:center;transition:transform .6s cubic-bezier(.4,0,.2,1);width:120px}.ai-section-glass.section-visible .ai-icon-large{animation:aiIconPulse 3s ease-in-out infinite,iconSpinIn .8s ease-out .4s both}@keyframes aiIconPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.ai-features-list{display:flex;flex-direction:column;gap:20px}.ai-feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff1a,#6c5ce70d);border:1px solid #ffffff1f;border-radius:16px;display:flex;gap:16px;opacity:0;overflow:hidden;padding:20px;position:relative;transform:translateX(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.ai-feature-item:before{background:linear-gradient(90deg,#0000,#00d4ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.ai-feature-item:hover:before{left:100%}.ai-section-glass.section-visible .ai-feature-item{animation:slideInLeft .6s ease-out both}.ai-section-glass.section-visible .ai-feature-item:first-child{animation-delay:.3s}.ai-section-glass.section-visible .ai-feature-item:nth-child(2){animation-delay:.4s}.ai-section-glass.section-visible .ai-feature-item:nth-child(3){animation-delay:.5s}.ai-section-glass.section-visible .ai-feature-item:nth-child(4){animation-delay:.6s}.ai-section-glass.section-visible .ai-feature-item:nth-child(5){animation-delay:.7s}.ai-feature-item:hover{background:linear-gradient(135deg,#00d4ff26,#6c5ce71a);border-color:#00d4ff80;box-shadow:0 10px 30px #00d4ff33,0 0 20px #6c5ce71a;transform:translateX(10px) translateY(-3px)}.ai-check-icon{align-items:center;background:#00d4ff33;border-radius:50%;box-shadow:0 4px 15px #00d4ff4d;display:flex;justify-content:center;padding:8px}.ai-check-icon,.ai-feature-item span{position:relative;z-index:1}.ai-check-icon{color:#00d4ff;flex-shrink:0;font-size:1.2rem;margin-top:2px}.ai-feature-item span{color:#ffffffe6;font-size:1.05rem;line-height:1.6}.for-everyone-section{align-items:center;background:linear-gradient(135deg,#2d1b4e,#1a1a3e 50%,#0a4d5c);display:flex;justify-content:center;min-height:600px;opacity:0;overflow:hidden;padding:120px 20px;position:relative;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1)}.for-everyone-section.section-visible{opacity:1;transform:translateY(0) scale(1)}.for-everyone-section:before{background:radial-gradient(circle at 20% 50%,#6c5ce726 0,#0000 50%),radial-gradient(circle at 80% 50%,#00b89426 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.for-everyone-section .container{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.for-everyone-title{font-size:3.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:80px;opacity:0;text-align:center;transform:translateY(30px);transition:all .8s ease-out}.for-everyone-section.section-visible .for-everyone-title{animation:fadeInUp .8s ease-out .2s both;opacity:1;transform:translateY(0)}.title-text-purple{color:plum;text-shadow:0 0 20px #dda0dd66}.title-text-blue{color:#00d4ff;display:inline-block;text-shadow:0 0 30px #00d4ff99}.for-everyone-images{align-items:flex-start;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;padding:20px 0}.for-everyone-item{align-items:center;display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateY(40px) scale(.8);transition:transform .3s ease}.for-everyone-section.section-visible .for-everyone-item{animation:bounceIn .8s ease-out both}.for-everyone-section.section-visible .for-everyone-item:first-child{animation-delay:.3s}.for-everyone-section.section-visible .for-everyone-item:nth-child(2){animation-delay:.5s}.for-everyone-section.section-visible .for-everyone-item:nth-child(3){animation-delay:.7s}@keyframes bounceIn{0%{opacity:0;transform:translateY(40px) scale(.8)}50%{transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.for-everyone-item:hover{transform:translateY(-10px)}.for-everyone-label{color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin:0;text-align:center;text-shadow:0 2px 15px #0006}.for-everyone-image-wrapper{animation:imageGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#6c5ce766,#00d4ff66 50%,#ff69b466);border-radius:50%;box-shadow:0 15px 50px #0006,0 0 40px #6c5ce74d,0 0 60px #00d4ff33;height:320px;overflow:hidden;padding:6px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}@keyframes imageGlow{0%,to{box-shadow:0 15px 50px #0006,0 0 40px #6c5ce74d,0 0 60px #00d4ff33}50%{box-shadow:0 20px 60px #00000080,0 0 60px #6c5ce780,0 0 80px #00d4ff66}}.for-everyone-image-wrapper:hover{box-shadow:0 25px 70px #00000080,0 0 80px #6c5ce799,0 0 100px #00d4ff80;transform:scale(1.08)}.for-everyone-image-wrapper:before{animation:borderRotate 3s linear infinite;background:linear-gradient(45deg,#6c5ce7,#00d4ff,#ff69b4,#6c5ce7);background-size:300% 300%;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.for-everyone-image{background:#1a1a2e;border-radius:50%;display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.testimonials-section{background:#151520;opacity:0;padding:120px 20px;position:relative;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.testimonials-section.section-visible{opacity:1;transform:translateY(0)}.section-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:60px;text-align:center}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;opacity:0;overflow:hidden;padding:32px;position:relative;transform:translateY(30px) scale(.95);transition:all .3s ease}.testimonials-section.section-visible .testimonial-card{animation:cardFadeIn .6s ease-out both}.testimonials-section.section-visible .testimonial-card:first-child{animation-delay:.2s}.testimonials-section.section-visible .testimonial-card:nth-child(2){animation-delay:.4s}.testimonials-section.section-visible .testimonial-card:nth-child(3){animation-delay:.6s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.testimonial-card:before{background:linear-gradient(90deg,#00b894,#00d4ff);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.testimonial-card:hover:before{transform:scaleX(1)}.testimonial-card:hover{background:#ffffff14;border-color:#00b8944d;box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.testimonial-text{color:#ffffffe6;font-size:1.05rem;font-style:italic;line-height:1.7;margin-bottom:24px}.testimonial-author{display:flex;flex-direction:column;gap:4px}.testimonial-author strong{color:#fff;font-size:1.1rem;font-weight:600}.testimonial-author span{color:#fff9;font-size:.9rem}.cta-section{background:linear-gradient(135deg,#0a4d5c,#1a1a3e 50%,#2d1b4e);overflow:hidden;padding:120px 20px;position:relative;text-align:center}.cta-section:before{background:radial-gradient(circle at 50% 50%,#00b89433 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:1000px;position:relative;z-index:1}.cta-content h2{color:#fff;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center}.btn-cta-primary{align-items:center;background:linear-gradient(135deg,#00b894,#00d4ff);border:none;border-radius:12px;box-shadow:0 10px 30px #00b89466;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto}.btn-cta-primary:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-cta-primary:hover:before{height:400px;width:400px}.btn-cta-primary:hover{box-shadow:0 15px 40px #00b89499;transform:translateY(-4px) scale(1.05)}.btn-cta-primary:hover .btn-icon{transform:translateX(8px)}.landing-footer{background:#151520;border-top:1px solid #ffffff1a;padding:80px 20px 40px;position:relative}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.footer-section h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:16px}.footer-logo img{height:40px;width:auto}.footer-logo span{color:#fff;font-size:1.5rem;font-weight:700}.footer-section p{color:#ffffffb3;font-size:.95rem;line-height:1.6}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#ffffffb3;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#00b894}.social-links{display:flex;gap:16px}.social-links a{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffb3;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background:#00b894;box-shadow:0 8px 20px #00b8944d;color:#fff;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:40px;text-align:center}.footer-bottom p{color:#ffffff80;font-size:.9rem}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.video-modal-content{animation:slideUp .3s ease;background:#252535;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:1000px;padding:20px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-modal-close{align-items:center;background:#f44;border:1px solid #f66;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:auto;justify-content:center;padding:6px 10px;position:absolute;right:0;top:-40px;transition:all .3s ease;width:auto;z-index:10001}.video-modal-close:hover{background:#f66;box-shadow:0 4px 12px #f446;transform:rotate(90deg)}.video-container{background:#000;overflow:hidden;padding-top:56.25%;position:relative}.demo-video,.video-container{border-radius:12px;width:100%}.demo-video{height:100%;left:0;position:absolute;top:0}@media (max-width:1024px){.hero-container{gap:60px}.hero-title{font-size:3rem}.ai-content-wrapper,.feature-detail-wrapper{gap:40px}.footer-content{gap:40px;grid-template-columns:1fr 1fr}.for-everyone-title{font-size:3rem}.for-everyone-images{gap:50px}.for-everyone-image-wrapper{height:280px;width:280px}}@media (max-width:968px){.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-visual-phone{margin-top:40px}.floating-card{display:none}.feature-detail-wrapper{gap:30px;grid-template-columns:1fr;text-align:center}.feature-detail-icon-large{margin:0 auto}.dashboard-layout-container{gap:50px;grid-template-columns:1fr}.dashboard-main-title{font-size:2.5rem}.dashboard-visualizations-grid{grid-template-columns:1fr}.dashboard-right-section{order:-1}.transactions-layout-container{gap:40px;grid-template-columns:1fr}.transactions-categories-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.transactions-right-section{order:-1}.goals-layout-container{gap:40px;grid-template-columns:1fr}.goals-right-section{order:-1}.feature-section-3 .feature-detail-wrapper{gap:30px;grid-template-columns:1fr}.feature-section-3 .feature-detail-list{display:flex;flex-direction:column;gap:12px}.feature-section-3 .feature-detail-icon-large{justify-self:center}.ai-content-wrapper{gap:30px;grid-template-columns:1fr;text-align:center}.ai-icon-large{margin:0 auto}.cta-content h2{font-size:2.5rem}}@media (max-width:768px){.hero-section{padding:100px 20px 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.nav-buttons{flex-direction:column;gap:8px}.btn-nav-login,.btn-nav-register{min-width:auto;padding:12px 24px;width:100%}.btn-nav-login{justify-content:center;text-align:center}.btn-nav-register{justify-content:flex-start;text-align:left}.ai-section-glass,.cta-section,.feature-detail-section,.for-everyone-section,.testimonials-section{padding:80px 20px}.dashboard-main-title{font-size:2rem}.dashboard-visualizations-grid{grid-template-columns:1fr}.dashboard-viz-card{min-height:150px}.transactions-layout-container{gap:30px;grid-template-columns:1fr}.transactions-categories-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.transaction-category-card{padding:16px}.category-icon-wrapper{height:50px;width:50px}.category-icon{font-size:1.5rem}.category-name{font-size:.95rem}.category-amount{font-size:1rem}.goals-layout-container{gap:30px;gap:40px;grid-template-columns:1fr}.goals-cards-container{gap:20px}.goal-app-card{padding:20px}.goal-app-header{gap:12px;margin-bottom:16px}.goal-app-icon{font-size:1.6rem;height:50px;width:50px}.goal-app-title h3{font-size:1.1rem}.goal-app-category,.goal-app-progress-info{font-size:.85rem}.goal-app-progress-info span:last-child{font-size:1rem}.goal-app-details{gap:10px}.goal-app-info-item{padding:6px 0}.goal-app-info-label,.goal-app-info-value{font-size:.85rem}.ai-chat-layout-container{gap:30px;grid-template-columns:1fr}.ai-chat-left-section{min-height:400px}.ai-brain-container{height:400px}.ai-brain-icon{font-size:3rem;height:100px;width:100px}.ai-brain-core{height:150px;width:150px}.ai-thought-bubble{padding:12px 16px}.thought-icon{font-size:1.4rem}.thought-text{font-size:.85rem}.ai-thought-1{right:0;top:5%}.ai-thought-2{left:0;top:25%}.ai-thought-3{bottom:25%;right:0}.ai-thought-4{bottom:5%;left:0}.ring-1{height:280px;width:280px}.ring-2{height:320px;width:320px}.ring-3{height:360px;width:360px}.for-everyone-title{font-size:2.5rem;margin-bottom:50px}.for-everyone-images{gap:40px}.for-everyone-image-wrapper{height:260px;width:260px}.for-everyone-label{font-size:1.1rem}.ai-glass-title,.feature-detail-title,.for-everyone-title,.section-title{font-size:2rem}.footer-content,.testimonials-grid{grid-template-columns:1fr}.footer-content{gap:40px}.cta-content h2{font-size:2rem}.hero-trust{bottom:auto;left:auto;margin-top:40px;position:relative;transform:none}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.ai-icon-large,.feature-detail-icon-large{font-size:3rem;height:80px;width:80px}.ai-glass-title,.feature-detail-title,.for-everyone-title,.section-title{font-size:1.75rem}.for-everyone-images{flex-direction:column;gap:30px}.for-everyone-image-wrapper{height:220px;width:220px}.for-everyone-label{font-size:1rem}.cta-content h2{font-size:1.75rem}.dashboard-viz-card{min-height:120px;padding:16px}.viz-title{font-size:.75rem;margin-bottom:12px}.video-modal-content{padding:15px}.video-modal-close{font-size:.9rem;padding:5px 8px;top:-35px}}.background-blur{background-size:cover;bottom:0;filter:blur(1.5px);height:100vh;left:0;max-height:100vh;opacity:.95;position:fixed;right:0;top:0;width:100vw;z-index:-1}@media (max-width:900px){.background-blur{background-position:50%;background-size:cover;height:100vh;max-height:100vh;min-height:100vh;width:100vw}}.main-content-center{background:linear-gradient(135deg,#1a1b2e,#23243a);border:1px solid #ffffff14;border-radius:28px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:1400px;overflow:hidden;padding:32px 36px;position:relative}.greeting-section{border-bottom:2px solid #ffffff14;margin-bottom:32px;padding-bottom:24px}.greeting-header{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;text-align:center}.greeting-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b894,#1de9b6);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;line-height:1.1;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.greeting-sub{color:#b2bec3;font-size:1.2rem;font-weight:400;letter-spacing:.3px;margin:0;text-align:center}.add-income-btn{align-items:center;align-self:center;background:linear-gradient(135deg,#00b894,#1de9b6);border:none;border-radius:16px;box-shadow:0 8px 25px #00b9944d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;max-width:200px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:auto}.add-income-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.add-income-btn:hover:before{left:100%}.add-income-btn:hover{background:linear-gradient(135deg,#1de9b6,#00b894);box-shadow:0 12px 35px #00b99466;transform:translateY(-2px)}.add-income-btn:active{box-shadow:0 6px 20px #00b9944d;transform:translateY(0)}.add-income-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.1rem}.modal-content{background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff1a;box-shadow:0 25px 80px #0009;max-width:520px;padding:0;width:100%}.modal-header{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding:32px 36px 24px}.modal-header h3{background:linear-gradient(135deg,#00b894,#1de9b6);color:#eaf6f7;font-size:1.6rem}.modal-close-btn{border:none;color:#b2bec3;flex-shrink:0;font-size:1.4rem;height:44px;padding:12px;width:44px}.modal-form{padding:0 36px 36px}.form-group{margin-bottom:28px}.form-group label{color:#eaf6f7;font-size:1rem;margin-bottom:12px}.form-group input,.form-group textarea{background:linear-gradient(135deg,#23243a,#2d2f45);border:2px solid #ffffff26;border-radius:16px;box-sizing:border-box;color:#fff;font-size:1.05rem;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:linear-gradient(135deg,#2d2f45,#3d3f55);border-color:#00b894;box-shadow:0 0 0 4px #00b9941a;outline:none;transform:translateY(-2px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#b2bec3;font-weight:400}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.form-actions{gap:16px;margin-top:40px}.cancel-btn{background:linear-gradient(135deg,#2d2f45,#3d3f55);border:2px solid #ffffff1a;color:#b2bec3;min-width:120px;padding:16px 32px}.cancel-btn:hover{background:linear-gradient(135deg,#3d3f55,#4d4f65);border-color:#fff3}.submit-btn{align-items:center;background:linear-gradient(135deg,#00b894,#1de9b6);box-shadow:0 8px 24px #00b9944d;display:flex;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:16px 32px}.submit-btn:hover{background:linear-gradient(135deg,#1de9b6,#00b894);box-shadow:0 12px 32px #00b99466;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.main-balance-section{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr 1fr;justify-items:center;margin-bottom:32px}.balance-card{background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 12px 35px #0003;overflow:hidden;padding:36px 32px;position:relative;text-align:center;transition:all .4s ease}.balance-card:before{background:linear-gradient(90deg,#00b894,#1de9b6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.balance-card:hover{border-color:#00b99433;box-shadow:0 20px 50px #0000004d;transform:translateY(-8px)}.balance-icon{color:#00b894;filter:drop-shadow(0 6px 12px rgba(0,185,148,.4));font-size:3.5rem;margin-bottom:20px;transition:all .3s ease}.balance-card:hover .balance-icon{filter:drop-shadow(0 8px 16px rgba(0,185,148,.5));transform:scale(1.1)}.balance-label{color:#b2bec3;font-size:1rem;font-weight:600;letter-spacing:1.2px;margin-bottom:16px;text-transform:uppercase}.balance-value{color:#eaf6f7;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 4px 8px #0000004d}.income-expense-cards{display:contents}.income-card{background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 12px 35px #0003;overflow:hidden;padding:36px 32px;position:relative;text-align:center;transition:all .4s ease}.income-card:before{background:linear-gradient(90deg,#00b894,#1de9b6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.income-card:hover{border-color:#00b99433;box-shadow:0 20px 50px #0000004d;transform:translateY(-8px)}.income-icon{color:#00b894;filter:drop-shadow(0 6px 12px rgba(0,185,148,.4));font-size:3.5rem;margin-bottom:20px;transition:all .3s ease}.income-card:hover .income-icon{filter:drop-shadow(0 8px 16px rgba(0,185,148,.5));transform:scale(1.1)}.income-label{color:#b2bec3;font-size:1rem;font-weight:600;letter-spacing:1.2px;margin-bottom:16px;text-transform:uppercase}.income-value{color:#00b894;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 4px 8px #00b9944d}.expense-card{background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 12px 35px #0003;overflow:hidden;padding:36px 32px;position:relative;text-align:center;transition:all .4s ease}.expense-card:before{background:linear-gradient(90deg,#ff8661,#ff6b6b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.expense-card:hover{border-color:#ff866133;box-shadow:0 20px 50px #0000004d;transform:translateY(-8px)}.expense-icon{color:#ff8661;filter:drop-shadow(0 6px 12px rgba(255,134,97,.4));font-size:3.5rem;margin-bottom:20px;transition:all .3s ease}.expense-card:hover .expense-icon{filter:drop-shadow(0 8px 16px rgba(255,134,97,.5));transform:scale(1.1)}.expense-label{color:#b2bec3;font-size:1rem;font-weight:600;letter-spacing:1.2px;margin-bottom:16px;text-transform:uppercase}.expense-value{color:#ff8661;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 4px 8px #ff86614d}.dashboard-bottom-section{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 1fr;margin-top:32px}.pie-chart-card{background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 12px 35px #0003;overflow:hidden;padding:32px;position:relative}.pie-title{color:#eaf6f7;font-size:1.4rem;font-weight:700;margin-bottom:24px;text-align:center}.pie-chart{align-items:center;gap:16px;justify-content:center;margin-bottom:16px}.pie-chart,.pie-legend{display:flex;flex-direction:column}.pie-legend{gap:12px;max-width:300px;width:100%}.pie-legend-item{align-items:center;color:#b2bec3;display:flex;font-size:1rem;font-weight:500;gap:12px}.pie-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.compare-notify-section{display:flex;flex-direction:column;gap:24px}.compare-card{background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 25px #00000026;color:#eaf6f7;font-size:1rem;font-weight:600;overflow:hidden;padding:24px;position:relative;text-align:center}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{align-items:center;background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 6px 20px #00000026;color:#eaf6f7;display:flex;font-size:1rem;font-weight:500;gap:12px;overflow:hidden;padding:20px;position:relative}.notif-icon{flex-shrink:0;font-size:1.2rem}.sidebar.collapsed~.dashboard-main{transition:margin-left .3s ease}.sidebar-logo img{transition:all .3s ease}@media (min-width:1200px){.sidebar-logo img{height:112px;width:112px}}@media (min-width:1400px){.sidebar-logo img{height:128px;width:128px}}.incomes-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 16px 40px #00000040;margin-top:32px;overflow:hidden;padding:36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.incomes-section:before{background:linear-gradient(90deg,#00b894,#1de9b6,#00b894);box-shadow:0 0 20px #00b99480;content:"";height:4px;left:0;position:absolute;right:0;top:0}.incomes-section:hover{border-color:#00b99433;box-shadow:0 20px 50px #0000004d;transform:translateY(-4px)}.incomes-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.incomes-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b894,#1de9b6);-webkit-background-clip:text;background-clip:text;color:#eaf6f7;font-size:1.5rem;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #00b99433}.incomes-header h3:after{background:linear-gradient(90deg,#00b894,#1de9b6);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:60px}.incomes-count{background:#00b9941a;border:1px solid #00b99433;border-radius:12px;color:#b2bec3;font-size:.9rem;font-weight:500;padding:6px 12px}.incomes-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.income-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2d2f45,#3d3f55);border:1px solid #ffffff14;border-radius:20px;flex:1 1;min-width:250px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.income-item:before{background:linear-gradient(180deg,#00b894,#1de9b6);box-shadow:0 0 15px #00b99466;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.income-item:hover{background:linear-gradient(135deg,#3d3f55,#4d4f65);border-color:#00b9944d;box-shadow:0 12px 35px #00000040;transform:translateY(-6px) scale(1.02)}.income-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.income-item-icon{align-items:center;background:linear-gradient(135deg,#00b894,#1de9b6);border-radius:14px;box-shadow:0 6px 16px #00b99466;color:#fff;display:flex;font-size:1.3rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.income-item:hover .income-item-icon{box-shadow:0 8px 20px #00b99480;transform:scale(1.1)}.income-remove-btn{align-items:center;background:#ff86611a;border:1px solid #ff866133;border-radius:8px;color:#ff8661;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.income-remove-btn:hover{background:#ff866133;transform:scale(1.1)}.income-item-content{display:flex;flex-direction:column;gap:8px}.income-item-name{color:#eaf6f7;font-size:1.1rem;font-weight:600;margin-bottom:4px}.income-item-amount{color:#00b894;font-size:2rem;font-weight:800;text-shadow:0 3px 6px #00b99466;transition:all .3s ease}.income-item:hover .income-item-amount{text-shadow:0 4px 8px #00b99480;transform:scale(1.05)}.income-item-details{display:flex;flex-direction:column;gap:4px;margin-top:8px}.income-detail{color:#b2bec3;font-size:.9rem;font-weight:500}.income-item-date{border-top:1px solid #ffffff0d;color:#636e72;font-size:.85rem;font-weight:500;margin-top:8px;padding-top:8px}@media (max-width:1100px){.main-content-center{padding:28px 32px;width:95%}.greeting-header{gap:24px}.add-income-btn{font-size:.95rem;max-width:180px;padding:12px 20px}.main-balance-section{gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:28px}.balance-card,.expense-card,.income-card{padding:32px 28px}.balance-icon,.expense-icon,.income-icon{font-size:3.2rem}.balance-value,.expense-value,.income-value{font-size:2.6rem}.dashboard-bottom-section{gap:28px}.pie-chart-card{padding:28px 24px}.pie-title{font-size:1.3rem}.compare-card{font-size:1rem;padding:22px 24px}.notification-card{font-size:.95rem;padding:18px 20px}}@media (max-width:900px){.main-balance-section{gap:24px;grid-template-columns:1fr 1fr;margin-bottom:28px}.balance-card{grid-column:1/3}.expense-card,.income-card{padding:28px 24px}.balance-icon,.expense-icon,.income-icon{font-size:3rem}.balance-value,.expense-value,.income-value{font-size:2.4rem}.dashboard-bottom-section{gap:24px}}@media (max-width:768px){.hamburger-menu-btn,.sidebar-close-btn,.sidebar-overlay{display:block}.sidebar{padding:24px;transform:translateX(-100%);width:280px}.sidebar.sidebar-open{transform:translateX(0)}.dashboard-main{margin-left:0;padding:80px 12px 16px}.main-content-center{border-radius:24px;margin:0 auto;max-width:100%;padding:24px 20px;width:100%}.greeting-header{align-items:stretch;flex-direction:column;gap:20px}.add-income-btn{align-self:flex-start;border-radius:14px;font-size:.95rem;max-width:160px;padding:12px 20px}.greeting-section h1{font-size:2.4rem;line-height:1.1}.greeting-sub{font-size:1.1rem}.main-balance-section{gap:20px;grid-template-columns:1fr;margin-bottom:24px}.balance-card{grid-column:1;padding:32px 28px}.expense-card,.income-card{padding:28px 24px}.balance-icon,.expense-icon,.income-icon{font-size:2.8rem}.balance-value,.expense-value,.income-value{font-size:2.2rem}.dashboard-bottom-section{gap:24px;grid-template-columns:1fr}.pie-chart-card{padding:28px 24px}.pie-title{font-size:1.3rem}.compare-card{font-size:1rem;padding:20px 24px}.notification-card{font-size:.95rem;padding:18px 20px}.modal-content{margin:20px;max-width:calc(100% - 40px)}.modal-header{margin-bottom:24px;padding:24px 28px 20px}.modal-header h3{font-size:1.4rem}.modal-close-btn{font-size:1.2rem;height:40px;width:40px}.modal-form{padding:0 28px 28px}.form-group{margin-bottom:24px}.form-group input,.form-group textarea{font-size:1rem;padding:14px 18px}.form-actions{flex-direction:column;gap:12px;margin-top:32px}.cancel-btn,.submit-btn{justify-content:center;padding:14px 24px;width:100%}}@media (max-width:480px){.hamburger-menu-btn{font-size:1rem;left:15px;padding:10px;top:15px}.dashboard-main{padding:70px 8px 12px}.main-content-center{border-radius:20px;padding:20px 16px}.greeting-header{gap:16px}.add-income-btn{align-self:flex-start;border-radius:12px;font-size:.9rem;max-width:140px;padding:10px 16px}.greeting-section h1{font-size:2.2rem;line-height:1.1}.greeting-sub{font-size:1rem}.main-balance-section{gap:16px;margin-bottom:20px}.balance-card{padding:28px 24px}.expense-card,.income-card{padding:24px 20px}.balance-icon,.expense-icon,.income-icon{font-size:2.4rem}.balance-value,.expense-value,.income-value{font-size:2rem}.dashboard-bottom-section{gap:20px}.pie-chart-card{padding:24px 20px}.pie-title{font-size:1.2rem}.compare-card{font-size:.95rem;padding:18px 20px}.notification-card{font-size:.9rem;padding:16px 18px}.modal-content{border-radius:16px;margin:10px;max-width:calc(100% - 20px)}.modal-header{margin-bottom:20px;padding:20px 24px 16px}.modal-header h3{font-size:1.3rem}.modal-close-btn{font-size:1.1rem;height:36px;width:36px}.modal-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{font-size:.95rem;margin-bottom:10px}.form-group input,.form-group textarea{font-size:.95rem;padding:12px 16px}.form-actions{gap:10px;margin-top:28px}.cancel-btn,.submit-btn{font-size:.95rem;padding:12px 20px}.sidebar{padding:20px;width:260px}}@media (max-width:1100px){.incomes-section{padding:28px 24px}.incomes-grid{gap:18px}.income-item{padding:18px}.income-item-amount{font-size:1.6rem}}@media (max-width:900px){.incomes-grid{gap:16px}.income-item{padding:16px}.income-item-amount{font-size:1.5rem}}@media (max-width:768px){.incomes-section{margin-top:24px;padding:24px 20px}.incomes-header{align-items:flex-start;flex-direction:column;gap:12px}.incomes-header h3{font-size:1.3rem}.incomes-grid{gap:16px}.income-item{padding:20px}.income-item-amount{font-size:1.7rem}}@media (max-width:480px){.incomes-section{margin-top:20px;padding:20px 16px}.incomes-header h3{font-size:1.2rem}.incomes-count{font-size:.85rem;padding:4px 10px}.income-item{padding:16px}.income-item-icon{font-size:1.1rem;height:36px;width:36px}.income-remove-btn{font-size:.8rem;height:28px;width:28px}.income-item-amount{font-size:1.5rem}.income-item-name{font-size:1rem}.income-detail{font-size:.85rem}.income-item-date{font-size:.8rem}}.recent-transactions-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#23243a,#2d2f45);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 16px 40px #00000040;margin-top:32px;overflow:hidden;padding:36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.recent-transactions-section:before{background:linear-gradient(90deg,#0984e3,#74b9ff,#0984e3);box-shadow:0 0 20px #0984e380;content:"";height:4px;left:0;position:absolute;right:0;top:0}.recent-transactions-section:hover{border-color:#0984e333;box-shadow:0 20px 50px #0000004d;transform:translateY(-4px)}.recent-transactions-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.recent-transactions-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0984e3,#74b9ff);-webkit-background-clip:text;background-clip:text;color:#eaf6f7;font-size:1.5rem;font-weight:700;margin:0;position:relative;text-shadow:0 2px 4px #0984e333}.recent-transactions-header h3:after{background:linear-gradient(90deg,#0984e3,#74b9ff);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:60px}.transactions-count{background:#0984e31a;border:1px solid #0984e333;border-radius:12px;color:#b2bec3;font-size:.9rem;font-weight:500;padding:6px 12px}.recent-transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2d2f45,#3d3f55);border:1px solid #ffffff14;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.transaction-item:before{background:linear-gradient(180deg,#0984e3,#74b9ff);box-shadow:0 0 15px #0984e366;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.transaction-item:hover{background:linear-gradient(135deg,#3d3f55,#4d4f65);border-color:#0984e34d;box-shadow:0 8px 25px #00000040;transform:translateX(6px) translateY(-2px)}.transaction-item:hover:before{opacity:1}.transaction-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.transaction-item:hover .transaction-icon{box-shadow:0 6px 16px #0000004d;transform:scale(1.1)}.transaction-item:nth-child(odd) .transaction-icon{background:linear-gradient(135deg,#00b894,#1de9b6);color:#fff}.transaction-item:nth-child(2n) .transaction-icon{background:linear-gradient(135deg,#ff8661,#ff6b6b);color:#fff}.transaction-content{flex:1 1;min-width:0}.transaction-name{color:#eaf6f7;font-size:1rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-category{color:#b2bec3;font-size:.85rem;margin-bottom:2px}.transaction-date{color:#636e72;font-size:.8rem;font-weight:500}.transaction-amount{flex-shrink:0;font-size:1.2rem;font-weight:700;text-shadow:0 3px 6px #0000004d;transition:all .3s ease}.transaction-item:hover .transaction-amount{text-shadow:0 4px 8px #0006;transform:scale(1.05)}@media (max-width:1100px){.recent-transactions-section{padding:28px 24px}.transaction-item{gap:14px;padding:14px}.transaction-icon{font-size:1rem;height:36px;width:36px}.transaction-amount{font-size:1rem}}@media (max-width:900px){.recent-transactions-header{align-items:flex-start;flex-direction:column;gap:12px}.transaction-item{gap:12px;padding:12px}.transaction-name{font-size:.95rem}.transaction-category{font-size:.8rem}.transaction-date{font-size:.75rem}}@media (max-width:768px){.recent-transactions-section{margin-top:24px;padding:24px 20px}.recent-transactions-header h3{font-size:1.3rem}.transaction-item{gap:12px;padding:16px}.transaction-icon{font-size:.9rem;height:32px;width:32px}.transaction-name{font-size:.9rem}.transaction-amount{font-size:.95rem}}@media (max-width:480px){.recent-transactions-section{margin-top:20px;padding:20px 16px}.recent-transactions-header h3{font-size:1.2rem}.transactions-count{font-size:.85rem;padding:4px 10px}.transaction-item{gap:10px;padding:12px}.transaction-icon{font-size:.8rem;height:28px;width:28px}.transaction-name{font-size:.85rem}.transaction-category{font-size:.75rem}.transaction-date{font-size:.7rem}.transaction-amount{font-size:.9rem}}.transaksionet-advanced-container{align-items:center;background:#181a23;border-radius:18px;box-shadow:0 2px 16px #0002;color:#e6f7f7;display:flex;flex-direction:column;margin:40px auto 32px;max-width:75vw;min-height:80vh;padding:32px 24px;width:75vw}.transaksionet-header-advanced{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;text-align:center}.transaksionet-header-advanced h2{color:#eaf6f7;font-size:2.3rem;margin:0;text-align:center}.transaksionet-desc{color:#b2dfdb;font-size:1.08rem;margin:0 0 8px;text-align:center}.transaksionet-action-buttons{display:flex;gap:12px;justify-content:center;margin:12px 0 0;width:100%}.add-btn{border-radius:8px}.add-btn,.import-btn{justify-content:center;max-width:250px;min-width:120px;padding:7px 16px;transition:background .2s}.import-btn{align-items:center;background:#1de9b6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px}.import-btn:hover{background:#00bfa5}.transaksionet-balance-chart-row{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:18px;width:100%}.transaksionet-balance-box{background:#23243a;border-radius:12px;color:#fff;font-size:1.15rem;font-weight:600;margin-left:auto;margin-right:auto;min-width:180px;padding:18px 32px;text-align:center}.transaksionet-pie-chart{align-items:center;background:none;border-radius:50%;box-shadow:none;display:flex;flex-direction:column;justify-content:center;min-height:80px;min-width:80px;padding:0}.transaksionet-pie-chart svg{background:none;display:block;height:60px;margin-bottom:2px;width:60px}.transaksionet-pie-legend{color:#b2dfdb;font-size:1.08rem;margin-top:4px;text-align:center}.transaksionet-pie-legend span{margin:0 4px}.transaksionet-filters-advanced{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px;width:100%}.transaksionet-filters-advanced input,.transaksionet-filters-advanced select{background:#23243a;border:1px solid #23243a;border-radius:6px;color:#e6f7f7;font-size:1rem;min-width:90px;padding:8px 12px}.transaksionet-table-advanced-wrap{background:none;border-radius:10px;box-shadow:0 4px 16px #0000001a;margin-bottom:18px;margin-left:auto;margin-right:auto;overflow-x:auto;position:relative;width:100%}.transaksionet-table-advanced-wrap::-webkit-scrollbar{height:8px}.transaksionet-table-advanced-wrap::-webkit-scrollbar-track{background:#2d2f45;border-radius:4px}.transaksionet-table-advanced-wrap::-webkit-scrollbar-thumb{background:#ff8661;border-radius:4px}.transaksionet-table-advanced-wrap::-webkit-scrollbar-thumb:hover{background:#ff7043}.transaksionet-table-advanced{background:none;border-collapse:initial;border-spacing:8px 14px;width:100%}.transaksionet-table-advanced thead{background:#23243a}.transaksionet-table-advanced td,.transaksionet-table-advanced th{background:#23243a;border:none;border-radius:10px;font-size:1rem;min-width:90px;padding:16px 18px;text-align:left}.transaksionet-table-advanced th{color:#1de9b6;font-weight:600;text-align:center}.transaksionet-table-advanced td{text-align:center}.transaksion-row{transition:background .18s}.transaksion-row:hover{background:#23243a!important;box-shadow:0 2px 8px #0002}.icon-btn{background:none;color:#1de9b6;font-size:1.15rem;margin-right:8px;transition:color .2s}.icon-btn:last-child{color:#ff8661;margin-right:0}.icon-btn:hover{color:#fff}.modal-bg{background:#000a}.modal-content{border-radius:12px;box-shadow:0 2px 16px #0005;color:#e6f7f7;min-width:340px;padding:32px 24px}.modal-content h3{color:#1de9b6;margin-top:0}.modal-form{gap:14px}.cancel-btn{background:#23243a;border:1px solid #ff8661;border-radius:8px;color:#ff8661;padding:8px 18px;transition:background .2s,color .2s}.cancel-btn:hover{background:#ff8661}@media (max-width:1100px){.transaksionet-advanced-container{max-width:99vw;padding:10px 2vw}.transaksionet-header-advanced h2{font-size:1.5rem}.transaksionet-balance-box{font-size:1rem;min-width:120px;padding:10px}.transaksionet-pie-chart svg{height:60px;width:60px}.transaksionet-table-advanced td,.transaksionet-table-advanced th{font-size:.95rem;min-width:60px;padding:10px 8px}}@media (max-width:700px){.transaksionet-advanced-container{border-radius:0;max-width:100vw;padding:4px 0}.transaksionet-header-advanced h2{font-size:1.1rem}.transaksionet-action-buttons,.transaksionet-header-advanced{gap:4px}.transaksionet-balance-chart-row{flex-direction:column;gap:10px;width:100%}.transaksionet-balance-box{font-size:.98rem;min-width:80px;padding:8px 4px}.transaksionet-pie-chart svg{height:40px;width:40px}.transaksionet-filters-advanced{align-items:stretch;flex-direction:column;gap:6px}.transaksionet-table-advanced-wrap{overflow-x:auto}.modal-content{min-width:90vw;padding:12px 4px}.transaksionet-table-advanced td,.transaksionet-table-advanced th{font-size:.92rem;padding:7px 4px}}.sidebar-link{color:#e6f7f7;font-size:1.08rem;gap:8px;padding:10px 18px;transition:background .2s,color .2s}.sidebar-link:hover{background:#23243a;color:#1de9b6}.sidebar-link.active{background:#1de9b6;color:#181a23}.sidebar{justify-content:flex-start}.sidebar.collapsed .sidebar-logo img{height:48px}.dashboard-main{overflow-y:auto}.sidebar-logo img{margin-bottom:40px}.logout-btn{align-self:center;background:#ff8661;border-radius:10px;font-size:1.15rem;margin-bottom:0;margin-top:16px;padding:12px 38px;transition:background .2s}.logout-btn:hover{background:#ff7043}@media (max-width:768px){.hamburger-menu-btn,.sidebar-close-btn,.sidebar-overlay{display:block}.sidebar{transform:translateX(-100%);width:280px}.sidebar.sidebar-open{transform:translateX(0)}.dashboard-main{margin-left:0;padding:80px 16px 20px}.transaksionet-advanced-container{margin:0 auto;max-width:100%;padding:20px 12px;width:100%}.transaksionet-header-advanced h2{font-size:1.8rem}.transaksionet-action-buttons,.transaksionet-header-advanced{align-items:center;flex-direction:column}.transaksionet-balance-chart-row{flex-direction:column;gap:20px}.transaksionet-filters-advanced{flex-direction:column;gap:12px}.transaksionet-filters-advanced input,.transaksionet-filters-advanced select{width:100%}.transaksionet-table-advanced-wrap{background:#23243a;border-radius:12px;overflow-x:auto;padding:16px;position:relative}.transaksionet-table-advanced-wrap:after{background:#ff8661e6;border-radius:4px;bottom:8px;color:#fff;content:"← Scroll për më shumë →";font-size:.7rem;font-weight:500;opacity:.8;padding:4px 8px;pointer-events:none;position:absolute;right:16px}.transaksionet-table-advanced{min-width:600px;width:100%}.transaksionet-table-advanced td,.transaksionet-table-advanced th{font-size:.9rem;padding:12px 8px;white-space:nowrap}.transaksionet-table-advanced td:nth-child(6),.transaksionet-table-advanced td:nth-child(7),.transaksionet-table-advanced th:nth-child(6),.transaksionet-table-advanced th:nth-child(7){display:none}.modal-content{padding:24px;width:95%}}@media (max-width:480px){.hamburger-menu-btn{font-size:1rem;left:15px;padding:10px;top:15px}.dashboard-main{padding:70px 12px 15px}.transaksionet-advanced-container{padding:15px 8px}.transaksionet-header-advanced h2{font-size:1.6rem}.transaksionet-balance-box{font-size:1rem;padding:14px 20px}.transaksionet-table-advanced-wrap{padding:12px}.transaksionet-table-advanced{min-width:500px}.transaksionet-table-advanced td,.transaksionet-table-advanced th{font-size:.8rem;padding:8px 6px}.transaksionet-table-advanced td:nth-child(5),.transaksionet-table-advanced th:nth-child(5){display:none}.modal-content{padding:20px;width:98%}.sidebar{padding:20px;width:260px}}@media (max-width:400px){.transaksionet-table-advanced{min-width:400px}.transaksionet-table-advanced td,.transaksionet-table-advanced th{font-size:.75rem;padding:6px 4px}.transaksionet-table-advanced td:first-child,.transaksionet-table-advanced td:nth-child(2),.transaksionet-table-advanced td:nth-child(4),.transaksionet-table-advanced td:nth-child(8),.transaksionet-table-advanced th:first-child,.transaksionet-table-advanced th:nth-child(2),.transaksionet-table-advanced th:nth-child(4),.transaksionet-table-advanced th:nth-child(8){display:table-cell}.transaksionet-table-advanced td:nth-child(3),.transaksionet-table-advanced td:nth-child(5),.transaksionet-table-advanced td:nth-child(6),.transaksionet-table-advanced td:nth-child(7),.transaksionet-table-advanced th:nth-child(3),.transaksionet-table-advanced th:nth-child(5),.transaksionet-table-advanced th:nth-child(6),.transaksionet-table-advanced th:nth-child(7){display:none}.transaksionet-table-advanced-wrap{background:none;overflow-x:visible;padding:0}.transaksionet-table-advanced{border-spacing:0;display:block;min-width:auto}.transaksionet-table-advanced thead{display:none}.transaksionet-table-advanced tbody{display:block}.transaksionet-table-advanced tr{background:#23243a;border-radius:12px;box-shadow:0 2px 8px #0003;display:block;margin-bottom:12px;padding:16px}.transaksionet-table-advanced td{background:none;border:none;display:block;min-width:auto;padding:8px 0;position:relative;text-align:left}.transaksionet-table-advanced td:before{color:#1de9b6;content:attr(data-label);display:inline-block;font-weight:600;margin-right:8px;width:80px}.transaksionet-table-advanced td:last-child{border-top:1px solid #3d3f55;margin-top:8px;padding-top:12px;text-align:right}.transaksionet-table-advanced td:last-child:before,.transaksionet-table-advanced-wrap:after{display:none}}.qellimet-container{background:#181a23;border-radius:18px;box-shadow:0 2px 16px #0002;color:#e6f7f7;margin:40px auto 32px;max-width:75vw;min-height:80vh;padding:32px 24px;width:75vw}.qellimet-container,.qellimet-header{align-items:center;display:flex;flex-direction:column}.qellimet-header{gap:12px;justify-content:center;margin-bottom:24px;text-align:center;width:100%}.qellimet-header h2{color:#eaf6f7;font-size:2.3rem;margin:0;text-align:center}.qellimet-desc{color:#b2dfdb;font-size:1.08rem;margin:0 0 8px;text-align:center}.qellimet-action-buttons{display:flex;gap:12px;justify-content:center;margin:12px 0 0;width:100%}.add-btn{align-items:center;background:#ff8661;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-btn:hover{background:#ff7043;box-shadow:0 4px 12px #ff86614d;transform:translateY(-2px)}.qellimet-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin-bottom:24px;width:100%}.stat-card{background:#23243a;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:24px 20px;text-align:center;transition:transform .2s ease;width:100%}.stat-card:hover{transform:translateY(-2px)}.stat-value{color:#1de9b6;font-size:2rem;font-weight:700;margin-bottom:6px}.stat-label{color:#b2dfdb;font-size:.95rem;font-weight:500}.qellimet-total-progress{align-items:center;background:#23243a;border-radius:12px;display:flex;flex-direction:column;margin:0 auto 24px;padding:20px;width:70%}.progress-header{align-items:center;color:#eaf6f7;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px;width:100%}.progress-bar{background:#2d2f45;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#1de9b6,#00b894);border-radius:4px;height:100%;transition:width .3s ease}.qellimet-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-items:center;width:100%}.qellim-card{background:#23243a;border:2px solid #0000;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.qellim-card:hover{border-color:#2d2f45;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.qellim-card.completed{background:linear-gradient(135deg,#23243a,#1a1b2e);border-color:#00b894}.qellim-card.overdue{background:linear-gradient(135deg,#23243a,#2d1b2e);border-color:#ff6b6b}.qellim-header{gap:16px;margin-bottom:20px}.qellim-header,.qellim-icon{align-items:center;display:flex}.qellim-icon{background:#ffffff1a;border-radius:12px;font-size:2rem;height:60px;justify-content:center;width:60px}.qellim-title{flex:1 1}.qellim-title h3{color:#eaf6f7;font-size:1.3rem;font-weight:600;margin:0 0 4px}.qellim-category{color:#b2dfdb;font-size:.9rem;font-weight:500}.qellim-actions{display:flex;gap:8px}.icon-btn{background:#ffffff1a;border:none;border-radius:8px;color:#b2dfdb;cursor:pointer;font-size:.9rem;padding:8px;transition:all .2s ease}.icon-btn:hover{background:#fff3;color:#eaf6f7;transform:scale(1.1)}.qellim-progress{margin-bottom:20px}.progress-info{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.progress-info span:first-child{color:#b2dfdb;font-weight:500}.progress-info span:last-child{color:#1de9b6;font-weight:600}.qellim-details{display:flex;flex-direction:column;gap:16px}.qellim-amount-input{display:flex;flex-direction:column;gap:8px}.qellim-amount-input label{color:#b2dfdb;font-size:.9rem;font-weight:500}.qellim-amount-input input{background:#2d2f45;border:1px solid #3d3f55;border-radius:8px;color:#eaf6f7;font-size:1rem;padding:10px 12px;transition:border-color .2s ease}.qellim-amount-input input:focus{border-color:#1de9b6;outline:none}.qellim-info{display:flex;flex-direction:column;gap:8px}.info-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-label{color:#b2dfdb;font-size:.9rem;font-weight:500}.info-value{color:#eaf6f7;font-size:.9rem;font-weight:600}.info-value.overdue{color:#ff6b6b}.qellim-completed-badge{animation:pulse 2s infinite;background:#00b894;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px}.qellimet-empty{align-items:center;color:#b2dfdb;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:400px;padding:60px 20px;text-align:center;width:100%}.empty-icon{font-size:4rem;margin-bottom:16px}.qellimet-empty h3{color:#eaf6f7;font-size:1.5rem;margin:0 0 8px}.qellimet-empty p{font-size:1.1rem;margin:0 0 24px}.qellimet-empty .add-btn{margin:0 auto}.modal-content h3{color:#eaf6f7;font-size:1.5rem;margin:0 0 24px;text-align:center}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form input,.modal-form select,.modal-form textarea{background:#2d2f45;border:1px solid #3d3f55;border-radius:8px;color:#eaf6f7;font-size:1rem;padding:12px 16px;transition:border-color .2s ease}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#1de9b6;outline:none}.modal-form textarea{min-height:80px;resize:vertical}.cancel-btn{background:#636e72;border:none;border-radius:10px;color:#fff;font-weight:600;padding:12px 20px;transition:background .2s ease}.cancel-btn:hover{background:#5a6366}.modal-header{border-bottom:1px solid #64ffda33}.modal-close-btn{background:linear-gradient(135deg,#64ffda1a,#00bcd41a);border-radius:12px;color:#64ffda}.modal-close-btn:hover{background:linear-gradient(135deg,#64ffda33,#00bcd433);box-shadow:0 4px 12px #64ffda4d;color:#fff}.modal-actions .cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3}.modal-actions .cancel-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a)}.sidebar-link{align-items:center;background:none;border:none;border-radius:8px;color:#b2dfdb;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-link:hover{background:#ffffff1a;color:#eaf6f7}.sidebar-link.active{background:#ff8661;color:#fff;font-weight:600}.sidebar{box-shadow:2px 0 10px #0000004d;padding:24px;width:280px}.sidebar-logo{cursor:pointer}.sidebar.collapsed{padding:16px}.sidebar.collapsed .sidebar-menu{display:none}.sidebar.collapsed .sidebar-logo img{height:auto;width:48px}.dashboard-main{background:#0f0f1a;margin-left:280px;padding:20px;transition:margin-left .3s ease}.sidebar-logo img{flex-shrink:0;margin-bottom:8px}.logout-btn{background:#ff6b6b;flex-shrink:0;font-size:1rem;margin-top:24px;padding:12px 16px;transition:background .2s ease}.logout-btn:hover{background:#ff5252}@media (max-width:1100px){.qellimet-container{max-width:90vw;padding:24px 16px;width:90vw}.qellimet-header h2{font-size:2rem}.qellimet-stats{gap:12px;grid-template-columns:repeat(3,1fr)}.qellimet-grid{grid-template-columns:1fr}.stat-card{min-height:90px;padding:20px 16px}.stat-value{font-size:1.7rem}.stat-label{font-size:.9rem}.qellimet-total-progress{width:80%}}@media (max-width:900px){.qellimet-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:85px;padding:18px 14px}.stat-value{font-size:1.6rem}.qellimet-total-progress{width:85%}}@media (max-width:900px) and (min-width:769px){.qellimet-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:80px;padding:16px 12px}.stat-value{font-size:1.4rem}.stat-label{font-size:.8rem}.qellimet-total-progress{width:85%}}@media (max-width:1100px) and (min-width:769px){.sidebar{padding:20px;width:260px}.dashboard-main{margin-left:260px}.qellimet-container{max-width:calc(100vw - 300px);padding:20px 16px;width:calc(100vw - 300px)}.qellimet-stats{gap:12px;grid-template-columns:repeat(3,1fr)}.stat-card{min-height:85px;padding:18px 12px}.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}.qellimet-header h2{font-size:1.8rem}.qellimet-desc{font-size:1rem}.qellimet-total-progress{width:75%}}@media (max-width:768px){.hamburger-menu-btn,.sidebar-close-btn,.sidebar-overlay{display:block}.sidebar{transform:translateX(-100%);width:280px}.sidebar.sidebar-open{transform:translateX(0)}.dashboard-main{margin-left:0;padding:80px 16px 20px}.qellimet-container{margin:0 auto;max-width:100%;padding:20px 12px;width:100%}.qellimet-header h2{font-size:1.8rem}.qellimet-action-buttons,.qellimet-header{align-items:center;flex-direction:column}.qellimet-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:80px;padding:18px 16px}.stat-value{font-size:1.6rem}.qellim-card{padding:20px}.qellim-header{align-items:flex-start;flex-direction:column;gap:12px}.qellim-actions{align-self:flex-end}.modal-content{padding:24px;width:95%}.qellimet-total-progress{width:90%}.qellimet-empty{min-height:350px}}@media (max-width:480px){.hamburger-menu-btn{font-size:1rem;left:15px;padding:10px;top:15px}.dashboard-main{padding:70px 12px 15px}.qellimet-container{padding:15px 8px}.qellimet-header h2{font-size:1.6rem}.qellimet-desc{font-size:1rem}.qellimet-stats{gap:10px;grid-template-columns:1fr}.stat-card{min-height:75px;padding:16px 14px}.stat-value{font-size:1.4rem}.qellim-card{padding:16px}.qellim-title h3{font-size:1.2rem}.qellim-icon{font-size:1.5rem;height:50px;width:50px}.modal-content{padding:20px;width:98%}.sidebar{padding:20px;width:260px}.qellimet-total-progress{width:95%}.qellimet-empty{min-height:300px;padding:40px 20px}}.hamburger-menu-btn{background:#ff8661;border:none;border-radius:8px;box-shadow:0 4px 12px #ff86614d;color:#fff;cursor:pointer;display:none;font-size:1.2rem;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:1001}.hamburger-menu-btn:hover{background:#ff7043;transform:scale(1.05)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-header{justify-content:space-between}.sidebar-close-btn{background:#ffffff1a;border:none;border-radius:6px;color:#b2dfdb;cursor:pointer;display:none;font-size:1.1rem;padding:8px;transition:all .2s ease}.sidebar-close-btn:hover{background:#fff3;color:#eaf6f7}.dashboard-container{align-items:stretch;background:#181926;color:#eaf6fb;display:flex;flex-direction:row;font-family:Poppins,Roboto,Arial,sans-serif;min-height:100vh;width:100vw}.main-content-center{align-items:center;background:#181a23;border-radius:18px;box-shadow:0 2px 16px #0002;color:#e6f7f7;display:flex;flex-direction:column;margin:40px auto 32px;max-width:75vw;min-height:80vh;padding:32px 24px;width:75vw}.main-content-center:before{background:linear-gradient(90deg,#0000,#00b9944d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dashboard-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-left:240px;min-height:100vh;padding:0;width:calc(100vw - 240px)}.sidebar.collapsed~.dashboard-main{margin-left:72px;transition:margin-left .3s ease,width .3s ease;width:calc(100vw - 72px)}.ai-chat-header-section{gap:8px;margin-bottom:24px}.ai-chat-header,.ai-chat-header-section{align-items:center;display:flex;flex-direction:column;width:100%}.ai-chat-header h1{color:#eaf6f7;font-size:2.3rem;margin:0;text-align:center}.ai-chat-subtitle{color:#b2dfdb;font-size:1.08rem;margin:0 0 8px;text-align:center}.ai-chat-content{background:#23243a;border-radius:12px;box-shadow:0 2px 16px #0002;margin:0 auto;overflow:hidden;padding:20px;position:relative;width:95%}.ai-chat-content,.messages-container{display:flex;flex:1 1;flex-direction:column}.messages-container{gap:12px;margin-bottom:16px;overflow-y:auto;padding:0}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#00b8944d;border-radius:3px}.welcome-message{background:#23243a;border-radius:12px;box-shadow:0 2px 16px #0002;color:#eaf6fb;margin:1.5rem auto;max-width:500px;padding:1.5rem;text-align:center}.welcome-icon{font-size:2.5rem;margin-bottom:.8rem}.welcome-message h3{color:#00b894;font-size:1.3rem;font-weight:600;margin:0 0 .8rem}.welcome-message p{color:#b2dfdb;font-size:.95rem;line-height:1.4;margin:.4rem 0;opacity:.9}.message{animation:fadeInUp .3s ease;display:flex;gap:10px;margin-left:0;max-width:85%}.user-message{align-self:flex-end;flex-direction:row-reverse}.ai-message{align-self:flex-start}.message-avatar{align-items:center;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;box-shadow:0 4px 12px #00b8944d;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.message-avatar img{object-fit:cover}.avatar-fallback,.message-avatar img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.avatar-fallback{align-items:center;color:#fff;display:flex;font-size:1.1rem;justify-content:center;line-height:1;margin:0;padding:0;text-align:center}.message-content{background:#23243a;border-radius:12px;box-shadow:0 2px 16px #0002;padding:10px 14px;position:relative}.user-message .message-content{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.message-text{word-wrap:break-word;color:#eaf6fb;line-height:1.4;margin-bottom:4px}.user-message .message-text{color:#fff}.message-timestamp{color:#b2dfdb;font-size:.75rem;opacity:.7;text-align:right}.user-message .message-timestamp{color:#fffc}.loading-animation{align-items:center;display:flex;gap:8px;padding:8px 0}.loading-dots{display:flex;gap:4px}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;background:#00b894;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-text{color:#b2dfdb;font-size:.9rem}.input-container{background:#0000;border-top:1px solid #ffffff14;margin:0 auto;padding:12px 0 0;width:98%}.input-wrapper{align-items:flex-end;background:#23243a;border-radius:12px;box-shadow:0 2px 16px #0002;display:flex;gap:12px;padding:8px}.message-input{background:#0000;border:none;color:#eaf6fb;flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:20px;outline:none;padding:12px 16px;resize:none}.message-input::placeholder{color:#b2dfdb;opacity:.7}.send-button{align-items:center;background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:50%;box-shadow:0 4px 12px #00b8944d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#00cec9,#00b894);box-shadow:0 6px 20px #00b89480;transform:scale(1.1)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-chat-container{background:#181926;color:#eaf6fb;display:flex;font-family:Poppins,Roboto,Arial,sans-serif;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:240px;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:72px}.chat-header{align-items:center;background:#23243a;border-bottom:1px solid #ffffff1a;display:flex;gap:20px;padding:20px 30px}.header-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:8px}.header-actions{align-items:center;display:flex;gap:15px;margin-top:10px}.connection-status{align-items:center;display:flex;font-size:.9rem;gap:8px}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-indicator.connected{background-color:#4caf50}.status-indicator.connecting{background-color:#ff9800}.status-indicator.error{background-color:#f44336}.status-text{color:#b2dfdb;font-size:.85rem;opacity:.9}.clear-chat-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .3s ease}.clear-chat-btn:hover{background:#fff3;transform:scale(1.05)}.message-actions{align-items:center;display:flex;justify-content:space-between;margin-top:5px;opacity:0;transition:opacity .3s ease}.message:hover .message-actions{opacity:1}.copy-message-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#b2dfdb;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .3s ease}.copy-message-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-menu-btn{background:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.2rem;padding:10px;transition:all .3s ease}.mobile-menu-btn:hover{background:#00cec9;transform:scale(1.05)}.chat-header h1{color:#eaf6fb;font-size:1.8rem;margin:0}.chat-header p{color:#b2dfdb;font-size:1rem;margin:0}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 30px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#00b8944d;border-radius:3px}.sidebar{background:#23243a;box-shadow:2px 0 24px #0002;box-sizing:border-box;color:#fff;flex-direction:column;height:100vh;left:0;max-height:100vh;min-width:180px;overflow-y:auto;padding:32px 0 24px;position:fixed;top:0;transition:transform .3s ease,width .3s ease,padding .3s ease;width:240px;z-index:1000}.sidebar,.sidebar-header{align-items:center;display:flex}.sidebar-header{justify-content:center;margin-bottom:24px;padding:0 20px;width:100%}.logo-container{align-items:center;display:flex;gap:12px}.logo{filter:drop-shadow(0 2px 8px rgba(0,184,148,.3));height:40px;object-fit:contain;width:40px}.logo-text{color:#eaf6fb;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.collapse-btn{display:none}.collapse-btn:hover{background:#fff3;color:#eaf6f7}.sidebar-nav{flex-direction:column;gap:8px;padding:0 16px}.nav-item,.sidebar-nav{display:flex;width:100%}.nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#eaf6fb;cursor:pointer;font-size:1.1rem;font-weight:600;gap:16px;overflow:hidden;padding:16px 20px;position:relative;text-align:left;transition:all .3s ease}.nav-item:before{background:linear-gradient(135deg,#1de9b61a,#00b8941a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-item.active{background:linear-gradient(135deg,#1de9b6,#00b894);box-shadow:0 4px 16px #1de9b64d;color:#181a23;font-weight:700;transform:translateX(4px)}.nav-item.active:before{opacity:0}.nav-item:hover:not(.active){background:#00b89426;box-shadow:0 2px 8px #00b89433;color:#00b894;transform:translateX(2px)}.nav-item:hover:not(.active):before{opacity:1}.nav-item span{font-weight:600;letter-spacing:.5px}.sidebar.collapsed{min-width:72px;padding:16px 0;width:72px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:16px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 16px}.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .sidebar-nav{padding:0 8px}.sidebar-logo{align-items:center;display:flex;height:96px;justify-content:center;margin-bottom:32px;width:100%}.sidebar-logo img{filter:drop-shadow(0 2px 12px #00b89444);height:96px;object-fit:contain;width:96px}.logout-btn{background:#e17055;border:none;border-radius:8px;box-shadow:0 2px 8px #e1705522;color:#fff;cursor:pointer;display:block;font-size:1.13rem;font-weight:600;margin-bottom:18px;margin-left:0;margin-top:auto;padding:12px 0;transition:background .18s,color .18s;width:80%}.logout-btn:hover{background:#c0392b;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.main-content-center{max-width:85vw;padding:24px 20px;width:85vw}.ai-chat-header h1{font-size:2rem}.ai-chat-content{padding:20px}.message{max-width:85%}}@media (max-width:900px){.ai-chat-header{align-items:flex-start;flex-direction:column;gap:8px}.ai-chat-header h1{font-size:1.6rem}.ai-chat-subtitle{font-size:1rem}}@media (max-width:768px){.mobile-menu-btn,.sidebar-overlay{display:block}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100vw}.chat-header{padding:15px 20px}.chat-header h1{font-size:1.4rem}.chat-header p{font-size:.9rem}.chat-messages{padding:15px 20px}.message{max-width:90%}.input-wrapper{padding:6px}.message-input{font-size:.9rem;padding:10px 12px}.send-button{height:36px;width:36px}}@media (max-width:480px){.hamburger-menu-btn{font-size:1rem;left:16px;padding:10px;top:16px}.dashboard-main{padding:0}.main-content-center{margin:10px auto 8px;max-width:98vw;min-height:60vh;padding:16px 12px;width:98vw}.ai-chat-header h1{font-size:1.2rem}.ai-chat-subtitle{font-size:.85rem}.ai-chat-content{padding:12px}.message{max-width:95%}.message-avatar{height:32px;width:32px}.avatar-fallback{bottom:0;font-size:1rem;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.message-content{padding:10px 12px}.message-text{font-size:.9rem}.input-wrapper{padding:4px}.message-input{font-size:.85rem;padding:8px 10px}.send-button{height:32px;width:32px}.sidebar{width:280px}}.settings-header{margin-bottom:30px;overflow:hidden;padding:20px 0;position:relative;text-align:center}.settings-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.settings-header:after{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#64ffda1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-10px) rotate(90deg)}50%{transform:translate(-5px,10px) rotate(180deg)}75%{transform:translate(-10px,-5px) rotate(270deg)}}.settings-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:900;letter-spacing:-2px;margin:0 0 10px;position:relative;text-shadow:0 8px 16px #0000004d}.settings-header h2:after{animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);border-radius:3px;bottom:-12px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.settings-desc{color:#a8b2d1;color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0;text-shadow:0 2px 4px #0000004d}.success-message{animation:slideInDown .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-success);border:1px solid #64ffda33;border-radius:16px;box-shadow:0 12px 32px #43e97b66;color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:24px;padding:15px 24px;text-align:center}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.settings-column{display:flex;flex-direction:column;gap:24px}.settings-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;background:var(--card-bg);border:1px solid #64ffda1a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 15px 40px #0000004d,inset 0 1px 0 #64ffda1a;box-shadow:0 15px 40px var(--shadow-color),inset 0 1px 0 #64ffda1a;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.settings-section:before{background:linear-gradient(90deg,#0000,#64ffda1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.settings-section:hover{border-color:#64ffda4d;box-shadow:0 25px 50px #0000004d,inset 0 1px 0 #64ffda33;box-shadow:0 25px 50px var(--shadow-color),inset 0 1px 0 #64ffda33;transform:translateY(-6px) scale(1.01)}.settings-section:hover:before{left:100%}.section-header{border-bottom:1px solid #64ffda1a;border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.header-icon{border-radius:16px;font-size:1.8rem;overflow:hidden;padding:16px;position:relative}.header-icon:before{background:linear-gradient(90deg,#0000,#64ffda33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.settings-section:hover .header-icon:before{left:100%}.settings-section:hover .header-icon{background:#64ffda33;border-color:#64ffda66;box-shadow:0 6px 16px #64ffda4d;transform:scale(1.1) rotate(5deg)}.header-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:1.6rem;font-weight:800;margin:0 0 8px}.header-text p{font-size:.95rem;font-weight:500;line-height:1.5}.profile-info-grid{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:24px}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);border:1px solid #64ffda1a;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .4s ease}.info-card:before{background:linear-gradient(90deg,#0000,#64ffda1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.info-card:hover:before{left:100%}.info-card:hover{border-color:#64ffda66;box-shadow:0 15px 40px #0000004d;box-shadow:0 15px 40px var(--shadow-color);transform:translateY(-4px) scale(1.01)}.info-header{align-items:center;display:flex;gap:14px}.info-icon{background:#64ffda1a;border:2px solid #64ffda33;border-radius:10px;color:#64ffda;color:var(--text-accent);font-size:1.2rem;padding:10px;transition:all .3s ease}.info-card:hover .info-icon{background:#64ffda33;border-color:#64ffda66;box-shadow:0 6px 16px #64ffda4d;transform:scale(1.1) rotate(8deg)}.info-header span{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600}.info-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64ffda1a;border:2px solid #64ffda33;border-radius:12px;color:#64ffda;color:var(--text-accent);font-size:1.1rem;font-weight:700;padding:12px 20px;text-align:center;transition:all .3s ease}.info-card:hover .info-value{background:#64ffda26;border-color:#64ffda4d;box-shadow:0 4px 12px #64ffda33;transform:translateY(-2px)}.info-action-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 4px 16px #4facfe4d;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.info-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.info-action-btn:hover:before{left:100%}.info-action-btn:hover{box-shadow:0 8px 24px #4facfe80;transform:translateY(-2px)}.profile-actions{display:flex;flex-direction:column;gap:20px;margin-top:auto}.action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s ease}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 6px 20px #667eea66;color:#fff;color:var(--text-primary)}.action-btn.primary:hover{box-shadow:0 10px 28px #667eea99;transform:translateY(-2px)}.action-buttons{display:flex;gap:16px}.action-btn.warning{background:linear-gradient(135deg,#ff8c42,#ffa726);background:var(--gradient-warning);box-shadow:0 6px 20px #ff8c4266;color:#fff;color:var(--text-primary);flex:1 1}.action-btn.warning:hover{box-shadow:0 10px 28px #ff8c4299;transform:translateY(-2px)}.action-btn.danger{background:linear-gradient(135deg,#f44336,#d32f2f);background:var(--gradient-danger);box-shadow:0 6px 20px #f4433666;color:#fff;color:var(--text-primary);flex:1 1}.action-btn.danger:hover{box-shadow:0 10px 28px #f4433699;transform:translateY(-2px)}.preferences-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.preference-item{display:flex;flex-direction:column;gap:10px}.preference-item label{color:#a8b2d1;color:var(--text-secondary);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.preference-item select{appearance:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364ffda' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 50px 12px 16px;transition:all .3s ease}.preference-item select:focus{border-color:#64ffda99;box-shadow:0 0 0 4px #64ffda1a;outline:none;transform:translateY(-2px)}.language-display{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.about-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 8px 24px #667eea66;font-size:1.1rem;font-weight:700;overflow:hidden;padding:16px 32px;position:relative}.about-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.about-btn:hover:before{left:100%}.about-btn:hover{box-shadow:0 12px 32px #667eea99;transform:translateY(-3px)}.notifications-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.notification-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.notification-item:before{background:linear-gradient(90deg,#0000,#64ffda1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.notification-item:hover:before{left:100%}.notification-item:hover{border-color:#64ffda4d;box-shadow:0 8px 24px #0000004d;box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-2px)}.notification-item label{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:12px}.toggle-switch{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;height:28px;position:relative;transition:all .3s ease;width:52px}.toggle-switch:before{background:#a8b2d1;background:var(--text-secondary);border-radius:50%;box-shadow:0 2px 8px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.toggle-switch.on{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-success);border-color:#64ffda66;box-shadow:0 4px 12px #43e97b4d}.toggle-switch.on:before{background:#fff;background:var(--text-primary);box-shadow:0 2px 8px #0000004d;transform:translateX(24px)}.notification-item input[type=checkbox]{display:none}.notification-item span{margin-left:8px}.other-content{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-section{grid-row:span 2}.profile-photo-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);border:1px solid #64ffda1a;border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;gap:24px;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.profile-photo-section:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:-1}.photo-container{border:6px solid #64ffda4d;border-radius:50%;box-shadow:0 12px 32px #64ffda33;height:140px;overflow:hidden;position:relative;transition:all .4s ease;width:140px}.photo-container:hover{border-color:#64ffda99;box-shadow:0 20px 40px #64ffda66;transform:scale(1.1) rotate(5deg)}.photo-container img{height:100%;object-fit:cover;transition:all .4s ease;width:100%}.photo-container:hover img{transform:scale(1.1)}.photo-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.photo-container:hover .photo-overlay{opacity:1}.photo-overlay svg{animation:pulse 2s ease-in-out infinite;font-size:2.5rem}.photo-edit-btn,.photo-overlay svg{color:#fff;color:var(--text-primary)}.photo-edit-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);border:none;border-radius:16px;box-shadow:0 8px 24px #4facfe66;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.photo-edit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.photo-edit-btn:hover:before{left:100%}.photo-edit-btn:hover{box-shadow:0 12px 32px #4facfe99;transform:translateY(-3px)}.modal-bg{animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;padding:20px;z-index:9999!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #64ffda33;border-radius:24px;box-shadow:0 25px 80px #0000004d,0 0 0 1px #64ffda1a,inset 0 1px 0 #ffffff1a;max-height:85vh;max-width:450px;overflow:hidden;position:relative}.modal-content:has(.modal-form){max-width:400px;width:90%}.modal-header{border-bottom:1px solid #64ffda1a;border-bottom:1px solid var(--border-color);padding:20px 24px 16px}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#00bcd4);-webkit-background-clip:text;background-clip:text;text-shadow:0 2px 4px #64ffda33}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #64ffda4d;border-radius:10px;color:#a8b2d1;color:var(--text-secondary);font-size:1rem;height:36px;width:36px}.modal-close-btn:hover{background:linear-gradient(135deg,#64ffda33,#64ffda1a);border-color:#64ffda80;box-shadow:0 4px 12px #64ffda33;color:#64ffda}.modal-form{padding:20px 24px 24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.form-group input,.form-group select{border-radius:10px;box-sizing:border-box;font-size:.9rem;padding:10px 14px;width:100%}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #64ffda1a;transform:translateY(-1px)}.password-input-container input{border-radius:10px;color:var(--text-primary);font-size:.9rem;padding:10px 14px}.password-input-container input:focus{box-shadow:0 0 0 3px #64ffda1a;transform:translateY(-1px)}.password-toggle-btn{background:#64ffda1a;border:1px solid #64ffda4d;color:#64ffda;color:var(--text-accent);font-size:.8rem;height:28px;right:8px;width:28px;z-index:2}.password-toggle-btn:hover{background:#64ffda33;border-color:#64ffda80;transform:translateY(-50%) scale(1.1)}.form-actions{gap:12px;margin-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.cancel-btn{border:1px solid #64ffda1a;border:1px solid var(--border-color)}.cancel-btn:hover{transform:translateY(-1px)}.submit-btn{box-shadow:0 4px 16px #43e97b4d}.submit-btn:hover{box-shadow:0 6px 20px #43e97b66;transform:translateY(-1px)}.modal-body{padding:20px 24px}.modal-body p{color:#a8b2d1;color:var(--text-secondary)}.modal-actions{padding:0 24px 24px}.modal-actions .cancel-btn,.modal-actions .confirm-btn{border-radius:12px}.modal-actions .cancel-btn{border:1px solid #64ffda1a;border:1px solid var(--border-color);color:#a8b2d1;color:var(--text-secondary)}.modal-actions .cancel-btn:hover{box-shadow:0 4px 12px #ffffff1a;color:#fff;color:var(--text-primary)}.delete-modal .modal-body{text-align:center}.warning-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;box-shadow:0 8px 24px #ff6b6b4d;color:#fff;font-size:1.5rem;height:60px;margin:0 auto 20px;width:60px}.warning-text{color:#ff6b6b!important;font-size:.9rem!important;font-weight:500;margin-top:10px!important}.delete-confirm-btn{background:linear-gradient(135deg,#ff6b6b,#d32f2f)!important;box-shadow:0 4px 16px #ff6b6b4d!important;color:#fff!important}.delete-confirm-btn:hover{background:linear-gradient(135deg,#ff5252,#b71c1c)!important;box-shadow:0 6px 20px #ff6b6b66!important}.about-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);border:none;border-radius:16px;box-shadow:0 4px 16px #4facfe4d;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;padding:16px 20px;transition:all .3s ease}.about-btn:hover{box-shadow:0 8px 24px #4facfe80;transform:translateY(-2px)}.about-btn svg{font-size:1.2rem}.about-modal{max-height:80vh;max-width:600px;overflow:hidden;width:90%}.about-modal .modal-body{max-height:calc(80vh - 140px);overflow-y:auto;padding:20px;scrollbar-color:#64ffda4d #0000;scrollbar-width:thin}.about-modal .modal-body::-webkit-scrollbar{width:6px}.about-modal .modal-body::-webkit-scrollbar-track{background:#0000;border-radius:10px}.about-modal .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64ffda4d,#64ffda99);border:1px solid #64ffda33;border-radius:10px}.about-modal .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64ffda80,#64ffdacc)}.app-info{min-height:auto;padding:0}.app-logo{margin-bottom:20px;text-align:center}.app-logo img{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #64ffda4d;border-radius:20px;box-shadow:0 8px 32px #64ffda4d;height:96px;width:96px}.app-info h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#00bcd4);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 4px 8px #64ffda4d}.version{color:#a8b2d1;color:var(--text-secondary);font-size:1rem;margin-bottom:30px}.info-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #64ffda33;border-radius:16px;margin-bottom:25px;padding:20px;transition:all .3s ease}.info-section:hover{border-color:#64ffda66;box-shadow:0 8px 32px #64ffda33;transform:translateY(-2px)}.info-section h5{border-bottom:2px solid #64ffda4d;color:#64ffda;font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding-bottom:8px;text-transform:uppercase}.info-section p{color:#a8b2d1;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:15px}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{color:#a8b2d1;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:12px;padding-left:25px;position:relative}.info-section li:before{align-items:center;background:#64ffda1a;border:1px solid #64ffda4d;border-radius:50%;color:#64ffda;content:"✓";display:flex;font-size:1rem;font-weight:700;height:18px;justify-content:center;left:0;position:absolute;top:0;width:18px}.info-section ol{list-style:none;margin:0;padding:0}.info-section ol li{counter-increment:step-counter;font-size:.95rem;line-height:1.5;margin-bottom:12px;padding-left:35px;position:relative}.info-section ol li:before{align-items:center;background:#64ffda1a;border:1px solid #64ffda4d;border-radius:50%;color:#64ffda;content:counter(step-counter);display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;left:0;position:absolute;top:0;width:24px}.info-section strong{color:#64ffda;font-weight:600}.close-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:1px;margin:0 auto;min-width:120px;padding:12px 30px;text-align:center;text-transform:uppercase;transition:all .3s ease}.close-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.delete-modal{border:2px solid #f443364d;box-shadow:0 20px 60px #f4433633}.delete-modal .modal-header h3{color:#f44336}.warning-icon{display:flex;justify-content:center;margin-bottom:20px}.warning-icon svg{animation:pulse 2s infinite;color:#f44336;font-size:3rem}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.warning-text{background:#f443361a;border-left:4px solid #f44336;border-radius:8px;color:#f44336!important;font-size:.95rem;font-weight:600;margin-top:10px;padding:12px}.delete-confirm-btn{background:linear-gradient(135deg,#f44336,#d32f2f);background:var(--gradient-danger);border:none;border-radius:12px;box-shadow:0 4px 16px #f443364d;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.delete-confirm-btn:hover{box-shadow:0 8px 24px #f4433680;transform:translateY(-2px)}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{color:#a8b2d1;color:var(--text-secondary);font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.form-group input,.form-group select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:16px;color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;padding:16px 20px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#64ffda99;box-shadow:0 0 0 4px #64ffda1a;outline:none;transform:translateY(-2px)}.form-group input::placeholder{color:#a8b2d1;color:var(--text-secondary)}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364ffda' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:50px}.form-group select:hover{background:#16213e;background:var(--bg-tertiary);border-color:#64ffda80}.form-group select option{background:#16213ecc;background:var(--hover-bg);color:#fff;color:var(--text-primary);font-weight:600;padding:12px}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16213ecc;background:var(--hover-bg);border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:16px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:600;padding:16px 50px 16px 20px;transition:all .3s ease;width:100%}.password-input-container input:focus{background:#ffffff1a;border-color:#64ffda99;box-shadow:0 0 0 4px #64ffda1a;color:#fff;outline:none;transform:translateY(-2px)}.password-input-container input::placeholder{color:#fff9}.password-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #64ffda1a;border:1px solid var(--border-color);border-radius:6px;color:#a8b2d1;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px;z-index:10}.password-toggle-btn:hover{background:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-50%) scale(1.05)}.password-toggle-btn svg{height:16px;width:16px}.form-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:16px}.cancel-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:16px;color:#a8b2d1;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:700;padding:16px 28px;transition:all .3s ease}.cancel-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.cancel-btn:hover,.submit-btn{color:#fff;color:var(--text-primary)}.submit-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-success);border:none;border-radius:16px;box-shadow:0 8px 24px #43e97b66;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 12px 32px #43e97b99;transform:translateY(-2px)}@media (max-width:1200px){.settings-grid{gap:20px;grid-template-columns:1fr;max-width:800px}.profile-section{grid-row:auto}}@media (max-width:768px){.settings-header{margin-bottom:20px;padding:15px 0}.settings-header h2{font-size:2rem}.settings-desc{font-size:1rem}.settings-grid{gap:16px;grid-template-columns:1fr;padding:0 16px}.settings-column{gap:16px}.settings-section{min-height:auto;padding:20px}.section-header{align-items:center;flex-direction:column;gap:12px;margin-bottom:20px;text-align:center}.header-icon{font-size:1.5rem;padding:12px}.header-text h2{font-size:1.4rem}.header-text p{font-size:.9rem}.profile-info-grid{gap:12px;margin-bottom:20px}.info-card{gap:10px;padding:16px}.action-buttons{flex-direction:column;gap:12px}.preferences-content{gap:16px}.notifications-content{gap:12px}.modal-content{margin:16px;max-width:95%}.form-actions{flex-direction:column;gap:12px}}@media (max-width:480px){.settings-header{margin-bottom:15px;padding:10px 0}.settings-header h2{font-size:1.8rem}.settings-desc{font-size:.9rem}.settings-grid{gap:12px;padding:0 12px}.settings-column{gap:12px}.settings-section{padding:16px}.section-header{gap:10px;margin-bottom:16px}.header-icon{font-size:1.3rem;padding:10px}.header-text h2{font-size:1.2rem}.header-text p{font-size:.85rem}.profile-info-grid{gap:10px;margin-bottom:16px}.info-card{gap:8px;padding:14px}.info-header{gap:10px}.info-icon{font-size:1rem;padding:8px}.info-header span{font-size:.9rem}.info-value{font-size:1rem;padding:10px 16px}.info-action-btn{font-size:.85rem;padding:10px 16px}.action-btn{font-size:.9rem;padding:12px 20px}.preferences-content{gap:14px}.preference-item label{font-size:.9rem}.preference-item select{font-size:.9rem;padding:10px 14px}.notifications-content{gap:10px}.notification-item{padding:12px}.notification-item label{font-size:.9rem}.modal-content{margin:12px;padding:20px}.modal-header{padding:16px 20px 12px}.modal-header h3{font-size:1.2rem}.modal-form{padding:16px 20px 20px}.form-group{margin-bottom:12px}.form-group label{font-size:.8rem;margin-bottom:4px}.form-group input,.form-group select{font-size:.85rem;padding:8px 12px}.password-input-container input{font-size:.85rem;padding:8px 40px 8px 12px}.password-toggle-btn{height:28px;right:8px;width:28px}.form-actions{gap:10px;margin-top:16px}.cancel-btn,.submit-btn{font-size:.85rem;padding:10px 16px}}.sidebar.collapsed~.dashboard-main{margin-left:72px!important}.sidebar-menu{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:flex-start;padding:8px 0;width:100%}.sidebar-menu button{align-items:center;background:none;border:none;border-radius:12px;color:#eaf6fb;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:16px;margin-bottom:8px;overflow:hidden;padding:16px 24px;position:relative;text-align:left;transition:all .3s ease;width:100%}.sidebar-menu button:before{background:linear-gradient(135deg,#1de9b61a,#00b8941a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sidebar-menu button.active,.sidebar-menu button:focus{background:linear-gradient(135deg,#1de9b6,#00b894);box-shadow:0 4px 16px #1de9b64d;color:#181a23;font-weight:700;outline:none;transform:translateX(4px)}.sidebar-menu button.active:before,.sidebar-menu button:focus:before{opacity:0}.sidebar-menu button:hover{background:#00b89426;box-shadow:0 2px 8px #00b89433;color:#00b894;transform:translateX(2px)}.sidebar-menu button:hover:before{opacity:1}.sidebar-menu button span{font-weight:600;letter-spacing:.5px}.sidebar-menu .bot-icon{color:#74b9ff;font-size:1.2em}:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--text-primary:#fff;--text-secondary:#a8b2d1;--text-accent:#64ffda;--border-color:#64ffda1a;--shadow-color:#0000004d;--card-bg:#1a1a2ecc;--hover-bg:#16213ecc;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-success:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-warning:linear-gradient(135deg,#ff8c42,#ffa726);--gradient-danger:linear-gradient(135deg,#f44336,#d32f2f)}.help-container{background:#181a23;border-radius:18px;box-shadow:0 2px 16px #0002;color:#e6f7f7;margin:40px auto 32px;max-width:90vw;min-height:80vh;padding:32px 24px;width:90vw}.help-container,.help-header{align-items:center;display:flex;flex-direction:column}.help-header{gap:8px;justify-content:center;margin-bottom:32px;text-align:center;width:100%}.help-header h2{color:#eaf6f7;font-size:2.3rem;margin:0;text-align:center}.help-desc{color:#b2dfdb;font-size:1.08rem;margin:0 0 8px;text-align:center}.search-section{margin-bottom:32px;width:100%}.search-container{margin:0 auto;max-width:500px;position:relative}.search-icon{color:#b2dfdb;font-size:1.2rem;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;background:var(--card-bg);border:2px solid #64ffda1a;border:2px solid var(--border-color);border-radius:16px;box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#64ffda99;box-shadow:0 0 0 4px #64ffda1a;outline:none;transform:translateY(-2px)}.search-input::placeholder{color:#a8b2d1;color:var(--text-secondary)}.help-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.help-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;background:var(--card-bg);border:1px solid #64ffda1a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);height:fit-content;overflow:hidden;transition:all .3s ease}.help-section:hover{border-color:#64ffda33;box-shadow:0 12px 40px #0000004d;box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-4px)}.section-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.section-header:hover{background:#16213ecc;background:var(--hover-bg)}.header-icon{background:#64ffda1a;border:2px solid #64ffda33;border-radius:12px;color:#64ffda;color:var(--text-accent);flex-shrink:0;font-size:1.6rem;padding:12px;transition:all .3s ease}.section-header:hover .header-icon{background:#64ffda33;border-color:#64ffda66;box-shadow:0 6px 16px #64ffda4d;transform:scale(1.1) rotate(5deg)}.header-text{flex:1 1}.header-text h3{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 6px}.header-text p{color:#a8b2d1;color:var(--text-secondary);font-size:.9rem;margin:0}.toggle-icon{background:#64ffda1a;border:2px solid #64ffda33;border-radius:8px;color:#64ffda;color:var(--text-accent);flex-shrink:0;font-size:1rem;padding:8px;transition:all .3s ease}.section-header:hover .toggle-icon{background:#64ffda33;border-color:#64ffda66;transform:scale(1.1)}.section-content{animation:slideDown .3s ease-out;padding:0 20px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-item{background:#16213e4d;border:1px solid #64ffda0d;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.faq-item:hover{background:#16213e80;border-color:#64ffda1a;transform:translateX(4px)}.faq-item h4{color:#64ffda;color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 8px}.faq-item p{color:#a8b2d1;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.step-item{align-items:flex-start;background:#16213e4d;border:1px solid #64ffda0d;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .3s ease}.step-item:hover{background:#16213e80;border-color:#64ffda1a;transform:translateX(4px)}.step-number{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:#64ffda;color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 6px}.step-content p{color:#a8b2d1;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.feature-item{background:#16213e4d;border:1px solid #64ffda0d;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.feature-item:hover{background:#16213e80;border-color:#64ffda1a;transform:translateX(4px)}.feature-item h4{color:#64ffda;color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 8px}.feature-item p{color:#a8b2d1;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.contact-item{background:#16213e4d;border:1px solid #64ffda0d;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.contact-item:hover{background:#16213e80;border-color:#64ffda1a;transform:translateX(4px)}.contact-item h4{color:#64ffda;color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 8px}.contact-item p{color:#a8b2d1;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.troubleshoot-item{background:#16213e4d;border:1px solid #64ffda0d;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.troubleshoot-item:hover{background:#16213e80;border-color:#64ffda1a;transform:translateX(4px)}.troubleshoot-item h4{color:#64ffda;color:var(--text-accent);font-size:1rem;font-weight:600;margin:0 0 8px}.troubleshoot-item p{color:#a8b2d1;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.help-sections{gap:20px;grid-template-columns:1fr}.help-container{max-width:95vw;padding:24px 16px;width:95vw}.help-header h2{font-size:2rem}.help-desc{font-size:1rem}}@media (max-width:768px){.help-container{margin:20px auto;max-width:98vw;padding:20px 12px;width:98vw}.help-header h2{font-size:1.8rem}.help-desc{font-size:.95rem}.section-header{gap:12px;padding:16px}.header-icon{font-size:1.4rem;padding:10px}.header-text h3{font-size:1.1rem}.header-text p{font-size:.85rem}.section-content{padding:0 16px 16px}.contact-item,.faq-item,.feature-item,.step-item,.troubleshoot-item{margin-bottom:8px;padding:12px}.contact-item h4,.faq-item h4,.feature-item h4,.step-content h4,.troubleshoot-item h4{font-size:.95rem}.contact-item p,.faq-item p,.feature-item p,.step-content p,.troubleshoot-item p{font-size:.85rem}}@media (max-width:480px){.help-container{padding:16px 8px}.help-header h2{font-size:1.6rem}.help-desc{font-size:.9rem}.section-header{gap:8px;padding:12px}.header-icon{font-size:1.2rem;padding:8px}.header-text h3{font-size:1rem}.header-text p{font-size:.8rem}.section-content{padding:0 12px 12px}.contact-item,.faq-item,.feature-item,.step-item,.troubleshoot-item{margin-bottom:6px;padding:10px}.step-item{gap:12px}.step-number{font-size:.8rem;height:28px;width:28px}}.modal-bg{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#23243a;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #3d3f55;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal-header h3{color:#1de9b6;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.modal-close-btn{align-items:center;background:#ffffff1a;border:1px solid #3d3f55;border-radius:8px;color:#b2dfdb;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#fff3;color:#eaf6f7;transform:scale(1.1)}.modal-body{padding:20px 0;text-align:center}.modal-body p{color:#b2dfdb;font-size:1rem;line-height:1.6;margin:0}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.modal-actions .cancel-btn,.modal-actions .confirm-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.modal-actions .cancel-btn{background:#ffffff1a;border:1px solid #3d3f55;color:#b2dfdb}.modal-actions .cancel-btn:hover{background:#fff3;color:#eaf6f7;transform:translateY(-1px)}.modal-actions .confirm-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 16px #ff6b6b4d;color:#fff}.modal-actions .confirm-btn:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-1px)}
/*# sourceMappingURL=main.466b5de7.css.map*/