: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:#1a1b2e;background-color:var(--bg-primary);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}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}}.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.a2264b65.css.map*/