@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.inputGroup label i{color:#dc3545}.input-with-prefix:focus-within,.inputGroup input:focus,.inputGroup select:focus,.inputGroup textarea:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.btn-primary{background:linear-gradient(135deg,#dc3545,#c82333)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #dc354559}.btn-outline{border:2px solid #dc3545;color:#dc3545}.btn-outline:hover:not(:disabled){background:#dc35450f}.addUser{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;font-family:Segoe UI,Inter,Arial,sans-serif;margin:40px auto;max-width:540px;padding:36px 32px;position:relative}.addUser h3{color:#2d3436;font-size:22px;font-weight:700;margin-bottom:28px;text-align:center}.toast-msg{animation:slideIn .35s ease-out;border-radius:10px;box-shadow:0 6px 20px #00000026;color:#fff;font-size:14px;font-weight:600;padding:14px 24px;position:fixed;right:24px;top:24px;z-index:9999}.toast-success{background:linear-gradient(135deg,#28a745,#20c997)}.toast-error{background:linear-gradient(135deg,#dc3545,#ff6b6b)}@keyframes slideIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.addUserForm{gap:20px}.addUserForm,.inputGroup{display:flex;flex-direction:column}.inputGroup label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}.inputGroup label i{color:#28a745;margin-right:6px}.optional-tag{color:#999;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.inputGroup input,.inputGroup select,.inputGroup textarea{background:#fafafa;border:2px solid #e9ecef;border-radius:10px;color:#333;font-family:inherit;font-size:15px;outline:none;padding:11px 14px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.inputGroup input:focus,.inputGroup select:focus,.inputGroup textarea:focus{background:#fff;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.inputGroup textarea{min-height:70px;resize:vertical}.inputGroup select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.input-with-prefix{align-items:stretch;background:#fafafa;border:2px solid #e9ecef;border-radius:10px;display:flex;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.input-with-prefix:focus-within{background:#fff;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.input-prefix{align-items:center;background:#f0f0f0;border-right:2px solid #e9ecef;color:#555;display:flex;font-size:16px;font-weight:700;padding:0 14px}.input-with-prefix input{background:#0000;border:none;border-radius:0;box-shadow:none!important;flex:1 1}.input-with-prefix input:focus{border:none;box-shadow:none!important}.input-error{background:#fff5f5!important;border-color:#dc3545!important}.error-text{align-items:center;color:#dc3545;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:5px}.error-text:before{content:"⚠";font-size:11px}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;gap:6px;justify-content:center;padding:11px 20px;transition:all .25s ease}.btn-secondary{background-color:#6c757d;color:#fff;display:inline-flex;margin-bottom:10px;width:-webkit-fit-content;width:fit-content}.btn-secondary:hover{background-color:#5c636a;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;flex:1 1}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #28a74559;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-outline{background:#0000;border:2px solid #28a745;color:#28a745;flex:1 1}.btn-outline:hover:not(:disabled){background:#28a7450f;transform:translateY(-2px)}.btn-outline:disabled{cursor:not-allowed;opacity:.5}.form-actions{display:flex;gap:12px;margin-top:8px}@media (max-width:580px){.addUser{margin:20px 16px;padding:24px 20px}.form-actions{flex-direction:column}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buttons-row h2{color:#dc3545}.table thead{background-color:#dc3545}.sort-select:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.navbar-title{color:#333;font-weight:700;margin:30px 0 20px;text-align:center}.userTable{margin:0 auto 50px;max-width:1000px;padding:20px}.buttons-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.buttons-row h2{color:#28a745;font-size:20px;font-weight:600;margin:0}.table{background:#fff;border-radius:10px;box-shadow:0 6px 18px #00000014;overflow:hidden}.table thead{background-color:#28a745;color:#fff}.table td,.table th{padding:12px;text-align:center;vertical-align:middle}.table tbody tr{transition:background .2s ease}.table tbody tr:hover{background-color:#f8f9fa}.actionButtons{display:flex;justify-content:center}.actionButtons .btn{border-radius:6px;padding:6px 12px}.btn{transition:.2s ease}.btn:hover{transform:translateY(-2px)}.sort-select{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:8px 14px;transition:border-color .2s ease,box-shadow .2s ease}.sort-select:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a74526}.sort-select:hover{border-color:#adb5bd}.category-badge{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:20px;color:#495057;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.dashboard{color:#2d3436;font-family:Segoe UI,Inter,Arial,sans-serif;margin:0 auto;max-width:1100px;padding:30px 20px 60px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-title{color:#2d3436;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.btn-logout{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:10px;box-shadow:0 4px 12px #dc35454d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .25s ease}.btn-logout:hover{box-shadow:0 6px 18px #dc354573;transform:translateY(-2px)}.summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:35px}.card{border-radius:16px;box-shadow:0 8px 24px #0000001f;color:#fff;flex:1 1;min-width:200px;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.card:after{background:#ffffff1a;border-radius:50%;content:"";height:100px;position:absolute;right:-40px;top:-40px;width:100px}.card:hover{box-shadow:0 12px 32px #0000002e;transform:translateY(-4px)}.card h3{font-size:14px;font-weight:500;letter-spacing:1px;margin:0 0 8px;opacity:.9;text-transform:uppercase}.card p{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}.income{background:linear-gradient(135deg,#28a745,#20c997)}.expense{background:linear-gradient(135deg,#dc3545,#ff6b6b)}.balance{background:linear-gradient(135deg,#0d6efd,#6f42c1)}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.actions .btn{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 22px;text-decoration:none;transition:all .25s ease}.btn-income{background:#28a745;color:#fff}.btn-income:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.btn-expense{background:#dc3545;color:#fff}.btn-expense:hover{background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.btn-view-expense{background:#0000;border-color:#dc3545;color:#dc3545}.btn-view-expense:hover{background:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff;transform:translateY(-2px)}.btn-view-income{background:#0000;border-color:#28a745;color:#28a745}.btn-view-income:hover{background:#28a745;box-shadow:0 4px 12px #28a7454d;color:#fff;transform:translateY(-2px)}.analytics-section{margin-bottom:40px}.section-title{border-bottom:3px solid #0d6efd;color:#2d3436;display:inline-block;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:8px}.analytics-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card{border-radius:14px;box-shadow:0 6px 18px #0000001f;color:#fff;overflow:hidden;padding:22px 20px;position:relative;transition:transform .25s ease,box-shadow .25s ease}.summary-card:before{background:#ffffff1f;border-radius:50%;bottom:-20px;content:"";height:70px;left:-20px;position:absolute;width:70px}.summary-card:hover{box-shadow:0 10px 28px #0000002e;transform:translateY(-4px)}.summary-card-body{position:relative;z-index:1}.summary-card-title{font-size:12px;font-weight:600;letter-spacing:1.2px;margin:0 0 6px;opacity:.85;text-transform:uppercase}.summary-card-amount{font-size:26px;font-weight:800;margin:0 0 4px}.summary-card-subtitle{font-size:12px;font-weight:500;opacity:.75}.chart-section{margin-top:10px}.chart-container{background:#fff;border-radius:16px;box-shadow:0 6px 18px #00000014;padding:24px 16px 16px}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:30px}.chart-half{min-width:0}.pie-wrapper{align-items:center;display:flex;flex-direction:column}.pie-legend{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;margin-top:12px;padding:0 8px}.pie-legend-item{align-items:center;color:#555;display:flex;font-size:13px;gap:6px}.pie-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.pie-legend-label{font-weight:500}.pie-legend-value{color:#2d3436;font-weight:700}.no-data{color:#999;font-size:15px;padding:40px 0;text-align:center}@media (max-width:768px){.summary{flex-direction:column}.card{min-width:0;min-width:auto}.card p{font-size:26px}.actions{align-items:stretch;flex-direction:column}.actions .btn{justify-content:center}.analytics-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media (max-width:480px){.dashboard{padding:16px 12px 40px}.dashboard-title{font-size:22px}.analytics-grid{grid-template-columns:1fr}}.auth-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 60px #0006;max-width:440px;padding:40px 36px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:32px;text-align:center}.auth-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;box-shadow:0 8px 24px #22c55e4d;color:#fff;display:flex;font-size:24px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.auth-header h2{color:#f1f5f9;font-size:26px;font-weight:700;margin:0 0 6px}.auth-header p{color:#94a3b8;font-size:14px;margin:0}.auth-form{gap:20px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:6px}.input-group label{color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.3px}.input-group label i{color:#22c55e;font-size:12px;margin-right:6px}.input-group input{background:#ffffff0d;border:2px solid #ffffff14;border-radius:10px;color:#f1f5f9;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.input-group input::placeholder{color:#64748b}.input-group input:focus{background:#22c55e0d;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.auth-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 6px 20px #22c55e4d;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;margin-top:8px;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.auth-btn:hover:not(:disabled){box-shadow:0 10px 30px #22c55e66;transform:translateY(-2px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.65}.auth-btn i{margin-right:8px}.auth-footer{border-top:1px solid #ffffff14;margin-top:28px;padding-top:20px;text-align:center}.auth-footer p{color:#94a3b8;font-size:14px;margin:0}.auth-footer a{color:#22c55e;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#4ade80}@media (max-width:480px){.auth-card{padding:30px 24px}.auth-header h2{font-size:22px}}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--accent-red:#ef4444;--accent-yellow:#f59e0b;--accent-green:#10b981}.home-container{background-color:#0f172a;background-color:var(--bg-color);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#10b98126 0,#0000 50%);color:#f8fafc;color:var(--text-main);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e293bb3;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;margin:0}p{color:#94a3b8;color:var(--text-muted);line-height:1.6}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-login{background:#0000;color:#f8fafc;color:var(--text-main)}.btn-login:hover{color:#6366f1;color:var(--primary-color)}.btn-cta,.btn-signup{background-color:#6366f1;background-color:var(--primary-color);box-shadow:0 4px 14px 0 #6366f163;color:#fff}.btn-cta:hover,.btn-signup:hover{background-color:#4f46e5;background-color:var(--primary-hover);box-shadow:0 6px 20px 0 #6366f180;transform:translateY(-2px)}.btn-secondary{background-color:#ffffff1a;color:#f8fafc;color:var(--text-main)}.btn-secondary:hover{background-color:#ffffff26;transform:translateY(-2px)}.home-nav{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 5%;width:90%}.home-nav,.nav-logo{align-items:center;display:flex}.nav-logo{gap:.75rem}.nav-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:1.5rem}.logo-icon{animation:bounce 2s ease-in-out infinite;font-size:2rem}.nav-buttons{gap:1rem}.hero-section,.nav-buttons{align-items:center;display:flex}.hero-section{flex:1 1;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:5rem 5%;width:90%}.hero-content{animation:slideInLeft .8s ease-out;flex:1 1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f8fafc,#94a3b8);-webkit-background-clip:text;font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.2rem;margin-bottom:2.5rem;max-width:500px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{animation:float 6s ease-in-out infinite;display:flex;flex:1 1;justify-content:center}.mockup-card{max-width:400px;overflow:hidden;padding:1.5rem;position:relative;width:100%}.mockup-card:before{background:radial-gradient(circle,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);width:200%}.mockup-header{display:flex;gap:.5rem;margin-bottom:2rem}.dot{border-radius:50%;height:12px;width:12px}.dot-red{background-color:#ef4444;background-color:var(--accent-red)}.dot-yellow{background-color:#f59e0b;background-color:var(--accent-yellow)}.dot-green{background-color:#10b981;background-color:var(--accent-green)}.mockup-balance p{font-size:.9rem;margin-bottom:.5rem}.mockup-balance h3{color:#f8fafc;color:var(--text-main);font-size:2.5rem;margin-bottom:2rem}.mockup-chart{align-items:flex-end;border-top:1px solid #ffffff0d;display:flex;gap:1rem;height:150px;padding-top:1rem}.bar{animation:growUp 1.5s ease-out forwards;background:linear-gradient(0deg,#6366f1,#818cf8);background:linear-gradient(to top,var(--primary-color),#818cf8);border-radius:4px 4px 0 0;flex:1 1;opacity:0;transform-origin:bottom}.bar-1{animation-delay:.2s;height:40%}.bar-2{animation-delay:.4s;height:70%}.bar-3{animation-delay:.6s;height:50%}.bar-4{animation-delay:.8s;height:90%}.bar-5{animation-delay:1s;height:60%}.features-section{margin:0 auto;max-width:1200px;padding:5rem 5%;width:90%}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{padding:2rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h4{color:#f8fafc;color:var(--text-main);font-size:1.25rem;margin-bottom:1rem}.home-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border);margin-top:auto;padding:2rem;text-align:center}.home-footer p{font-size:.9rem;margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes growUp{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.hero-section{flex-direction:column;padding-top:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{margin:0 auto 2rem}.hero-actions{justify-content:center}.nav-buttons .btn-login{display:none}}
/*# sourceMappingURL=main.19a8d5d9.css.map*/