@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);.welcome-main{background-image:url(/static/media/cloud3.6e419bf52b051d11bcde.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw;z-index:1}.main-left-panel{background:#fff;font-family:Roboto,sans-serif;height:100vh;opacity:90%;padding-left:5vh;padding-top:15vh;width:50vw;z-index:2}.welcome-mainTwo{background-color:#ff0;height:100vh;z-index:7}.welcome-mainThree{background-color:green;height:100vh;z-index:7}.main-wrapper{display:flex;flex-direction:column}.navigation-wrapper{align-items:center;background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navigation-wrapper button{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.navigation-wrapper button:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.navigation-wrapper button:active{transform:translateY(1px)}.navigation-wrapper button:last-child{margin-left:auto}.navigation-wrapper button.nav-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.navigation-wrapper button.nav-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}@media (max-width:768px){.navigation-wrapper{gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm)}.navigation-wrapper button{font-size:12px;padding:8px 12px}}.contact-form{margin-top:20px;max-width:400px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;font-size:14px;padding:10px}.contact-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px}.status-msg{color:green;font-size:14px;margin-top:10px}.contact-wrapper{align-items:center;background-color:#000;box-sizing:border-box;height:100vh;justify-content:center;padding-top:60px}.contact-form,.contact-wrapper{display:flex;flex-direction:column}.contact-form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 12px hsla(0,0%,99%,.233);gap:10px;max-width:450px;padding:20px;width:100%}.contact-title{color:#fff}body,button,h1,h2,h3,h4,input,textarea{font-family:Inter,sans-serif;letter-spacing:-.1px}.contact-form input,.contact-form textarea{border:1px solid #ddd;font-size:16px;font-weight:400;transition:border .2s ease}.contact-form input:focus,.contact-form textarea:focus{border:1px solid #007bff;outline:none}:root{--color-primary:#0052cc;--color-primary-dark:#003d99;--color-success:#00875a;--color-danger:#de350b;--color-text-primary:#172b4d;--color-text-secondary:#5e6c84;--color-border:#dfe1e6;--color-background:#f4f5f7;--color-card:#fff;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 20px #0000001a;--radius:8px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}.finance-app{background-color:#f4f5f7;background-color:var(--color-background);color:#172b4d;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px;padding:var(--spacing-xl)}.app-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.app-header h1{color:#172b4d;color:var(--color-text-primary);font-size:32px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.subtitle{color:#5e6c84;color:var(--color-text-secondary);font-size:16px;font-weight:400}.summary-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl)}.summary-card{background:#fff;background:var(--color-card);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-label{color:#5e6c84;color:var(--color-text-secondary);font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.card-value{color:#172b4d;color:var(--color-text-primary);font-size:36px;font-weight:700}.card-value.income{color:#0052cc;color:var(--color-primary)}.card-value.expenses{color:#5e6c84;color:var(--color-text-secondary)}.card-value.positive{color:#00875a;color:var(--color-success)}.card-value.negative{color:#de350b;color:var(--color-danger)}.card{background:#fff;background:var(--color-card);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.card-title{color:#172b4d;color:var(--color-text-primary);font-size:20px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.forms-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl)}.form{gap:16px;gap:var(--spacing-md)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--spacing-xs)}.form-row{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr 1fr}label{font-size:14px;font-weight:500}.input,.select,label{color:#172b4d;color:var(--color-text-primary)}.input,.select{background:#fff;background:var(--color-card);border:1px solid #dfe1e6;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus{border-color:#0052cc;border-color:var(--color-primary);box-shadow:0 0 0 3px #0052cc1a;outline:none}.input::placeholder{color:#5e6c84;color:var(--color-text-secondary);opacity:.6}.btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn-primary{background-color:#0052cc;background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#003d99;background-color:var(--color-primary-dark)}.btn-primary:focus{box-shadow:0 0 0 3px #0052cc4d;outline:none}.transaction-list{display:flex;flex-direction:column}.transaction-header{border-bottom:2px solid #dfe1e6;border-bottom:2px solid var(--color-border);color:#5e6c84;color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.transaction-header,.transaction-item{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr auto}.transaction-item{border-bottom:1px solid #dfe1e6;border-bottom:1px solid var(--color-border);padding:16px;padding:var(--spacing-md);transition:background-color .2s ease}.transaction-item:hover{background-color:#f4f5f7;background-color:var(--color-background)}.transaction-item:last-child{border-bottom:none}.transaction-name{color:#172b4d;color:var(--color-text-primary);font-size:16px;font-weight:500}.transaction-category{align-items:center;display:flex}.transaction-amount{color:#172b4d;color:var(--color-text-primary);font-size:16px;font-weight:600;text-align:right}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.badge-bill{background-color:#e3f2fd;color:#1565c0}.badge-expense{background-color:#fff3e0;color:#e65100}.transaction-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs)}.btn-icon{background:#0000;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:18px;padding:4px 8px;transition:background-color .2s ease}.btn-icon:hover{background:#f4f5f7;background:var(--color-background)}.btn-secondary{background:#0000;border:1px solid #dfe1e6;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);color:#172b4d;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#f4f5f7;background:var(--color-background)}.empty-state{color:#5e6c84;color:var(--color-text-secondary);font-size:16px;padding:32px;padding:var(--spacing-xl);text-align:center}.text-right{text-align:right}@media (max-width:768px){.finance-app{padding:16px;padding:var(--spacing-md)}.form-row,.forms-grid,.summary-grid{grid-template-columns:1fr}.app-header h1{font-size:24px}.card-value{font-size:28px}.transaction-header{display:none}.transaction-item{gap:8px;gap:var(--spacing-xs);grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md)}.transaction-name{font-size:14px;grid-column:1;grid-row:1}.transaction-amount{font-size:14px;grid-column:2;grid-row:1;text-align:right}.transaction-category{grid-column:1/-1;grid-row:2}.finance-app .navigation-wrapper{display:none}.transaction-item{gap:16px;gap:var(--spacing-md);grid-template-columns:1fr auto;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md)}.transaction-name{font-size:14px}.transaction-amount{font-size:14px;text-align:right}.transaction-category{display:none}.transaction-item{gap:8px;gap:var(--spacing-xs);grid-template-columns:1fr auto auto;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md)}.transaction-actions{grid-column:3;grid-row:1}}.auth-container{align-items:center;background-color:var(--color-background);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.auth-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-xl);width:100%}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header h2{color:var(--color-text-primary);font-size:28px;font-weight:600;margin-bottom:var(--spacing-xs)}.auth-form{gap:var(--spacing-lg)}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:var(--spacing-xs)}.auth-form-group label{color:var(--color-text-primary);font-size:14px;font-weight:500}.auth-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-primary);font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0052cc1a;outline:none}.auth-error{background-color:#ffebe6;border:1px solid var(--color-danger);border-radius:var(--radius);color:var(--color-danger);font-size:14px;padding:var(--spacing-sm);text-align:center}.auth-button{background-color:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;margin-top:var(--spacing-sm);padding:14px 24px;transition:background-color .2s ease,transform .1s ease}.auth-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.auth-button:active:not(:disabled){transform:translateY(1px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.auth-footer-text{color:var(--color-text-secondary);font-size:14px}.auth-link{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:768px){.auth-card{padding:var(--spacing-lg)}.auth-header h2{font-size:24px}}
/*# sourceMappingURL=main.ca55ff4f.css.map*/