body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh}.dashboard-container{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.header-actions{gap:1rem}.header-actions,.user-info{align-items:center;display:flex}.user-info{background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;gap:.5rem;padding:.5rem 1rem}.user-icon{color:#60a5fa;font-size:1rem}.user-name{color:#e2e8f0;font-size:.875rem;font-weight:500}.logout-button:hover{background:#ef444433!important;border-color:#ef44444d!important}.logout-button:hover svg{color:#ef4444}.loading-screen{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh}.icon-button,.loading-screen{align-items:center;display:flex;justify-content:center}.icon-button{background:#94a3b81a;border:1px solid #94a3b833;border-radius:50%;color:#e2e8f0;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.icon-button:hover{background:#94a3b833;transform:scale(1.05)}.cards-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:280px;padding:1.75rem;transition:all .3s ease}.card:hover{border-color:#60a5fa4d;box-shadow:0 10px 30px #60a5fa1a}.flip-card{background-color:initial;perspective:1000px}.flip-card,.flip-card-inner{height:100%;min-height:280px;width:100%}.flip-card-inner{position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;bottom:0;height:100%;left:0;min-height:280px;overflow:hidden;position:absolute;right:0;top:0;width:100%}.flip-card-back{transform:rotateY(180deg)}.shap-flip-card{background-color:initial;perspective:1000px;width:100%}.shap-flip-card .shap-flip-card-inner{position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.shap-flip-card.flipped .shap-flip-card-inner{transform:rotateY(180deg)}.shap-flip-card .chart-card{backface-visibility:hidden;-webkit-backface-visibility:hidden}.shap-flip-card div::-webkit-scrollbar{width:6px}.shap-flip-card div::-webkit-scrollbar-track{background:#94a3b81a;border-radius:3px}.shap-flip-card div::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.shap-flip-card div::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.card-hint{border-top:1px solid #94a3b81a;font-size:.8125rem;margin-top:auto;padding-top:1rem}.card-details{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:calc(100% - 120px);overflow-x:hidden;overflow-y:auto;padding-right:.5rem;text-align:left}.card-details::-webkit-scrollbar{width:4px}.card-details::-webkit-scrollbar-track{background:#94a3b81a;border-radius:2px}.card-details::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.card-details::-webkit-scrollbar-thumb:hover{background:#94a3b880}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.detail-label{font-size:.9375rem;font-weight:500}.detail-value{font-size:1.125rem;font-weight:600}.detail-divider{background:#94a3b81a;height:1px;margin:.5rem 0}.detail-explanation{color:#cbd5e1;font-size:.9375rem;line-height:1.7}.detail-explanation strong{color:#f1f5f9;display:block;font-size:1rem;margin-bottom:.75rem}.detail-explanation p{color:#94a3b8;font-size:.9375rem;margin:.75rem 0}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-title{color:#94a3b8;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-icon{align-items:center;border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.card-value{color:#f1f5f9;font-size:2rem;font-weight:700;margin-bottom:.5rem}.card-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.card-change.positive{color:#10b981}.card-change.negative{color:#ef4444}.charts-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:16px;padding:1.5rem}.chart-title{color:#f1f5f9;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.transactions-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:16px;padding:1.5rem}.transactions-title{color:#f1f5f9;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.transaction-item{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:1rem;transition:background .2s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#94a3b80d;border-radius:8px}.transaction-info{display:flex;flex-direction:column;gap:.25rem}.transaction-name{color:#f1f5f9;font-weight:600}.transaction-date{color:#94a3b8;font-size:.875rem}.transaction-amount{font-size:1.125rem;font-weight:700}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#94a3b81a;border:1px solid #94a3b833;color:#e2e8f0}.btn-secondary:hover{background:#94a3b833}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #94a3b833;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.btn svg,.icon-button svg{transition:transform .3s ease}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;margin:1rem 0;padding:1rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e293bf2;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#f1f5f9;font-size:1.5rem;font-weight:700;margin:0}.modal-body{color:#e2e8f0}.details-section{margin-bottom:2rem}.details-section h3{color:#f1f5f9;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-item{background:#94a3b80d;border:1px solid #94a3b81a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.detail-label{color:#94a3b8;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#f1f5f9;font-size:1.25rem;font-weight:700}.detail-value.positive{color:#10b981}.detail-value.negative{color:#ef4444}.expense-breakdown{display:flex;flex-direction:column;gap:.75rem}.expense-item{align-items:center;background:#94a3b80d;border:1px solid #94a3b81a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.expense-category{color:#f1f5f9;font-weight:600;text-transform:capitalize}.expense-amount{color:#ef4444;font-size:1.125rem;font-weight:700}@media (max-width:768px){.modal-content{padding:1.5rem;width:95%}.details-grid{grid-template-columns:1fr}.dashboard-container{padding:1rem}.cards-grid,.charts-container{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1rem}}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293be6;border:1px solid #94a3b826;border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #94a3b80d;max-width:420px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;box-shadow:0 10px 30px #3b82f64d;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.logo-icon{font-size:2.5rem}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#94a3b8;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:.9rem;padding:.875rem 1rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{align-items:center;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.form-icon{color:#60a5fa;font-size:1rem}.form-input{background:#0f172a99;border:1px solid #94a3b833;border-radius:10px;color:#f1f5f9;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-input:hover:not(:focus){border-color:#94a3b866}.login-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.button-content,.button-loading{align-items:center;display:flex;gap:.5rem;justify-content:center}.button-icon{font-size:1.1rem}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #94a3b81a;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#64748b;font-size:.85rem}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-logo{height:70px;width:70px}.logo-icon{font-size:2rem}.login-title{font-size:1.5rem}}
/*# sourceMappingURL=main.2bd9a9ee.css.map*/