*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-attachment:fixed;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:480px){.container{padding:0 10px}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0000001a;color:#fff;margin-bottom:2rem;padding:1.5rem 0}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f093fb);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 0 30px #ffffff80}@media (max-width:768px){.header h1{font-size:1.8rem}}@media (max-width:480px){.header h1{font-size:1.5rem;text-align:center}}.nav{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}@media (max-width:768px){.nav{flex-direction:column;gap:1rem}.nav>div{margin-left:0!important;order:-1}}.nav ul{display:flex;gap:1rem;list-style:none}@media (max-width:768px){.nav ul{flex-wrap:wrap;gap:.5rem;justify-content:center}}@media (max-width:480px){.nav ul{flex-direction:column;gap:.8rem;width:100%}}.nav a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#ffffffe6;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}@media (max-width:480px){.nav a{display:block;font-size:.9rem;padding:.7rem 1.2rem;text-align:center}}.nav a.active,.nav a:hover{background:#fff3;border-color:#fff6;box-shadow:0 5px 15px #fff3;transform:translateY(-2px)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;color:#2c3e50;margin-bottom:2rem;padding:2rem;transition:all .3s ease}@media (max-width:768px){.card{border-radius:15px;padding:1.5rem}}@media (max-width:480px){.card{border-radius:12px;margin-bottom:1.5rem;padding:1rem}}.card h3{margin-bottom:1rem}.card h2,.card h3{color:#2c3e50;font-weight:600}.card h2{margin-bottom:1.5rem}.card p{color:#555;line-height:1.6}.card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.grid-2{gap:1.5rem;grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:480px){.grid-3{gap:1rem;grid-template-columns:1fr}}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:768px){.grid-4{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{min-height:100px;padding:1rem .5rem}.stat-card h3{font-size:1.4rem}.stat-card p{font-size:.7rem}}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-height:44px;overflow:hidden;padding:.8rem 2rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}@media (max-width:480px){.btn{font-size:.85rem;margin-bottom:.5rem;min-height:48px;padding:.9rem 1.5rem;width:100%}.btn:last-child{margin-bottom:0}}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea66}.btn-success{background:linear-gradient(45deg,#56ab2f,#a8e6cf);box-shadow:0 5px 15px #56ab2f4d;color:#fff}.btn-success:hover{box-shadow:0 8px 25px #56ab2f66}.btn-danger{background:linear-gradient(45deg,#e74c3c,#f093fb);box-shadow:0 5px 15px #e74c3c4d;color:#fff}.btn-danger:hover{box-shadow:0 8px 25px #e74c3c66}.btn-outline{background:#ffffff1a;border:2px solid #667eea;box-shadow:0 2px 8px #667eea1a;color:#667eea}.btn-outline:hover{background:#667eea1a;border-color:#764ba2;box-shadow:0 5px 15px #667eea33;color:#764ba2}.filter-stats-bar{background-color:#f8f9fa}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.8rem}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #667eea33;border-radius:15px;box-sizing:border-box;font-size:1rem;min-height:44px;padding:1rem;transition:all .3s ease;width:100%}@media (max-width:480px){.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:48px;padding:.9rem}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fffffff2;border-color:#667eea99;box-shadow:0 0 20px #667eea33;outline:none;transform:translateY(-2px)}.progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:15px;height:12px;margin:.8rem 0;overflow:hidden}.progress-fill{background:linear-gradient(45deg,#56ab2f,#a8e6cf);border-radius:15px;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;color:#333;display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center}.stat-card:before{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card h3{color:#2c3e50;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a;word-break:break-word}.stat-card p{color:#666;font-size:.75rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.3px;line-height:1.3;text-transform:uppercase;word-break:break-word}.transaction-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:15px;max-height:500px;overflow-y:auto;padding:1rem}.transaction-item{align-items:center;background:#ffffffb3;border-bottom:1px solid #0000001a;border-radius:10px;color:#333;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}@media (max-width:768px){.transaction-item{align-items:flex-start;flex-direction:column;gap:.8rem;padding:1rem}.transaction-amount{align-self:flex-end}}@media (max-width:480px){.transaction-item{padding:.8rem}}.transaction-item:hover{background:#ffffffe6;transform:translateX(5px)}.transaction-item:last-child{border-bottom:none;margin-bottom:0}.transaction-amount{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.transaction-amount.deposit{background:linear-gradient(45deg,#56ab2f33,#a8e6cf33);border:1px solid #56ab2f4d;color:#27ae60}.transaction-amount.withdrawal{background:linear-gradient(45deg,#e74c3c33,#f093fb33);border:1px solid #e74c3c4d;color:#e74c3c}.modern-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.modern-form h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-grid .form-group.full-width{grid-column:1/-1}.modern-form .form-group label{color:#ffffffe6;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modern-form .form-group input,.modern-form .form-group select,.modern-form .form-group textarea{background:#ffffffe6;border:none;border-radius:10px;box-shadow:inset 0 2px 5px #0000001a;color:#333;font-size:1rem;padding:1rem;transition:all .3s ease}.modern-form .form-group input:focus,.modern-form .form-group select:focus,.modern-form .form-group textarea:focus{background:#fff;box-shadow:0 0 20px #ffffff4d;transform:translateY(-2px)}.toggle-switch{display:inline-block;height:30px;position:relative;width:60px}.toggle-switch input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.toggle-slider{background-color:#ffffff4d;border:2px solid #ffffff80;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s;z-index:1}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 5px #0003;content:"";height:22px;left:2px;position:absolute;transition:.3s;width:22px}input:checked+.toggle-slider{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#fffc}input:checked+.toggle-slider:before{box-shadow:0 2px 10px #0000004d;transform:translateX(28px)}.toggle-label{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.toggle-text{color:#ffffffe6;font-size:.95rem;font-weight:500}.toast-container{display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1rem;top:1rem;z-index:9999}@media (max-width:480px){.toast-container{left:1rem;right:1rem;top:1rem}.toast{min-width:auto;width:100%}}.toast{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 10px 20px #0000001a;color:#2c3e50;min-width:240px;padding:.75rem 1rem}.toast-success{border-color:#2ecc71}.toast-error{border-color:#e74c3c}.toast-info{border-color:#3498db}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9998}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;overflow-y:auto;padding:1.5rem;width:min(520px,92vw)}@media (max-width:480px){.modal{border-radius:8px;max-height:95vh;padding:1rem;width:95vw}}.modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.modern-form .btn{border:none;border-radius:50px;cursor:pointer;font-weight:600;letter-spacing:1px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:10}.modern-form .btn-success{background:linear-gradient(45deg,#56ab2f,#a8e6cf);box-shadow:0 5px 15px #56ab2f4d;color:#fff}.modern-form .btn-success:hover{box-shadow:0 10px 25px #56ab2f66;transform:translateY(-3px)}.modern-form .btn:not(.btn-success){background:#fff3;border:2px solid #ffffff4d;color:#fff}.modern-form .btn:not(.btn-success):hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.deposit-fields{animation:slideIn .3s ease;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-top:1rem;padding:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.deposit-fields h4{color:#ffffffe6;font-weight:500;margin-bottom:1rem;text-align:center}.form-actions{display:flex;gap:1rem;grid-column:1/-1;justify-content:center;margin-top:.5rem}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.modern-form{padding:1.5rem}.form-actions{flex-direction:column}}@media (max-width:480px){.modern-form{border-radius:15px;padding:1rem}.form-actions{flex-direction:column;gap:.8rem}.form-actions .btn{width:100%}}.page-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 4px 8px #0000001a}@media (max-width:768px){.page-title{font-size:2rem;margin-bottom:1.5rem}}@media (max-width:480px){.page-title{font-size:1.6rem;margin-bottom:1rem}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}@media (max-width:768px){.section-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.section-header{margin-bottom:1rem;padding:.5rem 0}}.section-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px #0000001a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#5a67d8,#6b46c1)}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;min-height:40px;padding:.5rem 1rem;transition:all .3s ease}@media (max-width:480px){.theme-toggle{font-size:.8rem;min-height:36px;padding:.4rem .8rem}.theme-text{display:none}}.theme-toggle:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.theme-icon{font-size:1.1rem}.theme-text{font-weight:500}.dark-theme{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-card:#16213e;--bg-glass:#16213ecc;--bg-header:#0f0f23e6;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#94a3b800;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b}.dark-theme body{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);background-attachment:fixed;color:var(--text-primary)}.dark-theme .header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-header);border-bottom:1px solid var(--border-color)}.dark-theme .header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--text-primary),var(--accent-secondary));-webkit-background-clip:text}.dark-theme .card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-color)}.dark-theme .card,.dark-theme .card h2,.dark-theme .card h3{color:var(--text-primary)}.dark-theme .card p{color:var(--text-secondary)}.dark-theme .stat-card{background:var(--bg-glass);border:1px solid var(--border-color)}.dark-theme .stat-card,.dark-theme .stat-card h3{color:var(--text-primary)}.dark-theme .stat-card p{color:var(--text-secondary)}.dark-theme .form-group label{color:var(--text-primary)}.dark-theme .form-group input,.dark-theme .form-group select,.dark-theme .form-group textarea{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .form-group input:focus,.dark-theme .form-group select:focus,.dark-theme .form-group textarea:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 20px #3b82f64d}.dark-theme .transaction-list{background:var(--bg-glass);border:1px solid var(--border-color)}.dark-theme .transaction-item{background:#16213e80;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .transaction-item:hover{background:#16213ecc}.dark-theme .modern-form{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-color)}.dark-theme .modern-form h3{color:var(--text-primary)}.dark-theme .modern-form .form-group label{color:var(--text-secondary)}.dark-theme .modern-form .form-group input,.dark-theme .modern-form .form-group select,.dark-theme .modern-form .form-group textarea{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .modern-form .form-group input:focus,.dark-theme .modern-form .form-group select:focus,.dark-theme .modern-form .form-group textarea:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 20px #3b82f64d}.dark-theme .deposit-fields{background:#16213e4d;border:1px solid var(--border-color)}.dark-theme .deposit-fields h4,.dark-theme .toggle-text{color:var(--text-secondary)}.dark-theme .toggle-slider{background-color:var(--bg-card);border-color:var(--border-color)}.dark-theme .page-title,.dark-theme .section-header h2{color:var(--text-primary)}.dark-theme .modal,.dark-theme .toast{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme ::-webkit-scrollbar-track{background:#16213e33}.dark-theme ::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))}.dark-theme ::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#2563eb,#7c3aed)}.dark-theme .nav a{background:#16213e4d;border:1px solid var(--border-color);color:var(--text-secondary)}.dark-theme .nav a.active,.dark-theme .nav a:hover{background:#16213e99;border-color:var(--accent-primary);color:var(--text-primary)}.dark-theme .btn-primary{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))}.dark-theme .btn-success{background:linear-gradient(45deg,var(--success-color),#22c55e)}.dark-theme .btn-danger{background:linear-gradient(45deg,var(--error-color),#f87171)}.dark-theme .btn-outline{background:#16213e4d;border-color:var(--accent-primary);color:var(--accent-primary)}.dark-theme .btn-outline:hover{background:#3b82f61a;border-color:var(--accent-secondary);color:var(--accent-secondary)}.dark-theme .filter-stats-bar{background:#16213e4d;border:1px solid var(--border-color)}.dark-theme .theme-toggle{background:#16213e4d;border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .theme-toggle:hover{background:#16213e99;border-color:var(--accent-primary);color:var(--text-primary)}@media (max-width:768px){.dashboard-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.dashboard-grid{display:flex;flex-direction:column;gap:1rem}.monthly-payment-item{flex-direction:column!important;gap:.5rem!important}.monthly-payment-details{align-items:flex-start!important;flex-direction:column!important;gap:.3rem!important}.credit-details-grid{gap:1rem!important;grid-template-columns:1fr 1fr!important}.category-card .credit-details-grid,.category-card div[style*=grid-template-columns]{gap:.8rem!important;grid-template-columns:1fr!important}}@media (max-width:480px){.credit-details-grid{grid-template-columns:1fr!important}.monthly-payment-item div:first-child{margin-bottom:.5rem}.transaction-details{font-size:.85rem}.stat-number{font-size:1.4rem!important}.category-actions{flex-direction:column!important;gap:.5rem!important;margin-top:1rem;width:100%}.category-actions .btn{font-size:.8rem!important;margin:0!important;padding:.8rem 1rem!important;width:100%!important}.category-card{overflow:visible!important}.category-header{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important}.category-title{margin-bottom:.5rem;width:100%}.categories-grid{grid-template-columns:1fr!important}.category-card{min-height:auto!important}}.profile-info{padding:1rem 0}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{background:#667eea0d;border:1px solid #667eea1a;border-radius:10px;color:#2c3e50;font-size:1.1rem;font-weight:500;padding:.8rem}.dark-theme .info-item label{color:var(--text-secondary)}.dark-theme .info-value{background:#16213e4d;border-color:var(--border-color);color:var(--text-primary)}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.info-item{text-align:center}}
/*# sourceMappingURL=main.23ce0e82.css.map*/