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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f7f7f7;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}nav{align-items:center;display:flex;justify-content:space-between;padding:.5% 2%}.clickable-area{display:inline-flex}.clickable-area,.logo{align-items:center;cursor:pointer}.logo{color:#fff;display:flex;font-size:30px;text-decoration:none;white-space:nowrap;width:150px}.logo span{margin-left:10px}.nav-links{flex:1 1;padding-top:10px;text-align:center;text-align:right}.nav-links ul li{align-items:center;display:inline-block;justify-items:center;list-style:none;padding:10px 12px;position:relative}.nav-links ul li:after{background:#f44336;content:"";display:block;height:2px;margin:auto;transition:.5s;width:0}.nav-links ul li:hover:after{width:100%}.nav-links ul li a{color:#fff;font-size:15px}.nav-links ul li a,nav a{text-decoration:none}nav i{color:blue}.container{background-image:linear-gradient(#04091eb3,#04091eb3),url(/static/media/background.220943b83f4aed47ad95.png);background-position:cover}.container,.container-home{background-size:cover;min-height:100vh;position:relative;width:100%}.container-home{background-image:linear-gradient(#04091eb3,#04091eb3),url(/static/media/bg_home1.1222dafaed197630b163.jpg);background-position:50%}.form-box{background:#fff;border-radius:12px;left:50%;max-width:400px;opacity:.95;padding:25px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.form-box-home h1{color:#fff;font-size:40px;font-weight:700;margin-left:1060px;margin-top:180px;position:relative}.form-box-home .static-text{bottom:200px;color:#fff;font-size:30px;position:absolute;right:40px}.form-box-home #changeText{bottom:150px;color:blue;display:block;font-size:30px;margin-top:10px;position:absolute;right:40px}@media screen and (max-width:768px){#changeText,.static-text{bottom:10px;font-size:20px;right:10px}}.form-box h1{color:#3c00a0;font-size:30px;margin-bottom:25px;position:relative}.form-box h1:after{background:#3c00a0;border-radius:3px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.input-field{align-items:center;background:#eaeaea;border-radius:3px;display:flex;margin:25px 10px;max-height:55px;overflow:hidden;position:relative;transition:max-height .5s}.input-field input{padding-right:130px}input{background:#0000;border:0;outline:0;padding:18px 15px;width:100%}.input-field i{color:#999;margin-left:15px}form p{font-size:13px;text-align:left}form p a{color:#3c00a0;text-decoration:none}.btn-field{display:flex;justify-content:space-between;width:100%}.btn-field button{background:#3c00a0;border:0;border-radius:20px;color:#fff;cursor:pointer;flex-basis:48%;height:50px;outline:0;transition:background 1s}.input-group{height:320px}.btn-field button.disable{background:#eaeaea;background:#555}.my-node-enter{max-height:0;opacity:0;transition:max-height .3s,opacity .3s}.my-node-enter-active,.my-node-exit{max-height:60px;opacity:1}.my-node-exit-active{max-height:0;opacity:0;transition:max-height .3s,opacity .3s}.active{background-color:#4caf50}.active,.disable{border:none;color:#fff;display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none}.disable{background-color:grey}.invisible{visibility:hidden}.dashboard{padding:20px}.dashboard-content{margin:0 auto;max-width:1200px;padding:20px}.dashboard h1{color:#3c00a0;font-size:24px;margin-bottom:30px;text-align:center}.dashboard a{background-color:#3c00a0;border-radius:5px;color:#fff;font-size:16px;margin:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.dashboard a:hover{background-color:#33006f}.dashboard .logout-btn{background-color:#000;border:none;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;position:relative;text-align:center;text-decoration:none;z-index:1}.dashboard .logout-btn:before{background:#000;bottom:0;content:"";left:0;opacity:.7;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.dashboard .logout-btn span{position:relative;z-index:1}.dashboard .logout-btn:active,.dashboard .logout-btn:focus{background:#000;outline:none}nav .home-btn,nav .logout-btn{background:#0000;border:none;border-radius:0;box-shadow:none;color:#fff;font-size:15px;padding:10px 12px;text-align:center;text-decoration:none}nav .home-btn:before,nav .logout-btn:before{display:none}nav .logout-btn span{position:static}nav .home-btn:active,nav .home-btn:focus,nav .logout-btn:active,nav .logout-btn:focus{background:#0000;outline:none}.add-expense-form{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;margin:50px auto;max-width:450px;padding:30px;position:relative;text-align:center;width:90%}.add-expense-form h1{color:#3c00a0;font-size:24px;margin-bottom:20px;position:relative;text-align:center}.add-expense-form h1:after{background:#3c00a0;border-radius:3px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;text-align:left;transform:translateX(-50%);width:30px}.add-expense-form .input-field{align-items:center;background:#eaeaea;border:1px solid #ccc;border-radius:5px;display:flex;margin:15px 0 20px;max-height:65px;overflow:hidden;position:relative;transition:max-height .5s;transition:border-color .3s}.add-expense-form .input-field:hover{border-color:#3c00a0}.add-expense-form .input-field input,.add-expense-form .input-field textarea{background:#0000;border:none;outline:0;padding:18px 15px;width:100%}.add-expense-form .input-field input[type=number]::placeholder,.add-expense-form .input-field input[type=text]::placeholder,.add-expense-form .input-field textarea::placeholder{text-align:left}.add-expense-form .input-field i{color:#999;margin-left:15px}.add-expense-form .btn-field{display:flex;justify-content:space-between;margin-top:30px;width:100%}.add-expense-form .btn-field button{background:#3c00a0;border:0;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-basis:48%;height:50px;justify-content:space-between;margin-top:30px;outline:0;transition:background .3s}.add-expense-form .btn-field button.cancel-btn{background:#ccc}.add-expense-form .btn-field button.cancel-btn:hover{background:#ddd}.add-expense-form .btn-field button.submit-btn:hover{background:#33006f}.add-expense-form .error-message{color:red;font-size:14px;margin-top:10px}.add-expense-form .add-expense-btn{background:#3c00a0}.add-expense-form .add-expense-btn,.add-expense-form .close-form-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;height:50px;letter-spacing:1px;margin:0 5px;padding:0 20px;text-transform:uppercase;transition:background-color .3s}.add-expense-form .close-form-btn{background:red}.add-expense-form .add-expense-btn:hover{background:#33006f}.add-expense-form .close-form-btn:hover{background-color:#900}.add-expense-form .add-expense-btn{margin-right:5px}.add-income-form{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;margin:50px auto;max-width:450px;padding:30px;position:relative;text-align:center;width:90%}.add-income-form h1{color:#3c00a0;font-size:24px;margin-bottom:20px;position:relative;text-align:center}.add-income-form h1:after{background:#3c00a0;border-radius:3px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;text-align:left;transform:translateX(-50%);width:30px}.add-income-form .input-field{align-items:center;background:#eaeaea;border:1px solid #ccc;border-radius:5px;display:flex;margin:15px 0 20px;max-height:65px;overflow:hidden;position:relative;transition:max-height .5s;transition:border-color .3s}.add-income-form .input-field:hover{border-color:#3c00a0}.add-income-form .input-field input,.add-income-form .input-field textarea{background:#0000;border:none;outline:0;padding:18px 15px;width:100%}.add-income-form .input-field input[type=number]::placeholder,.add-income-form .input-field input[type=text]::placeholder,.add-income-form .input-field textarea::placeholder{text-align:left}.add-income-form .input-field i{color:#999;margin-left:15px}.add-income-form .btn-field{display:flex;justify-content:space-between;margin-top:30px;width:100%}.add-income-form .btn-field button{background:#3c00a0;border:0;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-basis:48%;height:50px;justify-content:space-between;margin-top:30px;outline:0;transition:background .3s}.add-income-form .btn-field button.cancel-btn{background:#ccc}.add-income-form .btn-field button.cancel-btn:hover{background:#ddd}.add-income-form .btn-field button.submit-btn:hover{background:#33006f}.add-income-form .error-message{color:red;font-size:14px;margin-top:10px}.add-income-form .add-income-btn{background:#3c00a0}.add-income-form .add-income-btn,.add-income-form .close-form-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;height:50px;letter-spacing:1px;margin:0 5px;padding:0 20px;text-transform:uppercase;transition:background-color .3s}.add-income-form .close-form-btn{background:red}.add-income-form .add-income-btn:hover{background:#33006f}.add-income-form .close-form-btn:hover{background-color:#900}.add-expense-btn,.add-income-btn,.close-form-btn{flex:1 1;margin:0 5px}.welcome-message{background-color:#ffffff1a;border-radius:10px;margin-bottom:20px;padding:20px}.welcome-message h1{color:#f5f5f5;font-size:32px;font-weight:500;padding:10px}.card-container{border-radius:10px 10px 10px 10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.card{align-items:center;background-color:#fff;background-repeat:no-repeat;background-size:cover;border-radius:10px;border-radius:10px 10px 10px 10px;box-shadow:0 2px 4px #0000001a;color:#3c00a0;display:flex;flex:1 1;flex-direction:column;max-width:300px;min-height:200px;overflow:hidden;padding:20px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease-in-out}.card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px)}.card img{border-radius:10px;height:125px;margin-bottom:10px;object-fit:cover;width:250px}.card p{align-items:center;border-radius:0 0 10px 10px;display:flex;flex:1 1;font-size:18px;font-weight:600;margin-top:5px;padding:10px}.card-container a:hover{text-decoration:none}.card:before{background-position:50%;background-size:cover;content:"";filter:blur(10px);height:100%;left:0;position:absolute;top:0;transition:transform .3s;width:100%;z-index:-1}.card:hover:before{transform:scale(1.1)}.expense-list,.income-list{background-color:#ffffffe6;border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:1 1;margin-top:20px;padding:20px}.expense-list h2,.income-list h2{color:#3c00a0;font-size:24px;margin-bottom:10px;text-align:center}.expense-list table,.income-list table{border-collapse:collapse;text-align:left;width:100%}.expense-list td,.expense-list th,.income-list td,.income-list th{padding:10px}.expense-list th{background-color:#f2f2f2;font-weight:600}.expense-list tr:nth-child(2n),.income-list tr:nth-child(2n){background-color:#f9f9f9}.expense-list td:first-child,.expense-list th:first-child,.income-list td:first-child,.income-list th:first-child{width:20%}.expense-list td:nth-child(2),.expense-list th:nth-child(2),.income-list td:nth-child(2),.income-list th:nth-child(2){width:50%}.expense-list td:nth-child(3),.expense-list th:nth-child(3),.income-list td:nth-child(3),.income-list th:nth-child(3){width:20%}.expense-list .total-amount,.income-list .total-amount{font-weight:700;margin-bottom:10px;text-align:right}.expense-list p:nth-child(3):before,.income-list p:nth-child(3):before{content:"Date: ";font-weight:600;white-space:nowrap}.expense-list p:first-child:before,.income-list p:first-child:before{content:"Amount: $";font-weight:600;white-space:nowrap}.expense-list p:nth-child(2):before,.income-list p:nth-child(2):before{content:"Description: ";font-weight:600}.list-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-top:20px}.add-expense-btn,.add-income-btn{background:#3c00a0}.add-expense-btn,.add-income-btn,.close-form-btn{border:none;border-radius:20px;color:#fff;cursor:pointer;flex-basis:calc(50% - 10px);font-size:16px;font-weight:600;height:50px;letter-spacing:1px;margin-top:10px;padding:0 20px;text-transform:uppercase;transition:background-color .3s}.close-form-btn{background:red}.add-expense-btn:hover,.add-income-btn:hover,.close-form-btn:hover{background:#33006f}.balance-container{background-color:#ffffff1a;border-radius:10px;margin-bottom:40px;margin-top:30px;text-align:center}.balance-container h2{color:#f5f5f5;font-size:32px;font-weight:500;padding:10px}.balance{border-radius:10px;color:#3c00a0;display:inline-block;font-size:36px;font-weight:700;padding:10px 20px}.balance-positive{color:green}.balance-negative{color:red}.chart-view{background-color:#fffffff2;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2% auto;max-width:700px;overflow:hidden;padding:20px;position:relative;width:80%;z-index:1000}canvas{background-color:#fff;display:block;max-height:400px;width:100%}.about-container{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;color:#333;margin:40px auto;max-width:1200px;padding:20px;position:relative}.about-container h1{color:#3c00a0;font-size:24px;margin-bottom:30px;position:relative;text-align:center}.about-container h1:after{background:#3c00a0;border-radius:3px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.about-container p{font-size:16px;line-height:1.6;margin-bottom:20px;text-align:justify}.contact-container{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;color:#333;margin:40px auto;max-width:600px;padding:20px}.contact-container h1{color:#3c00a0;font-size:24px;margin-bottom:20px;position:relative;text-align:center}.contact-content p{font-size:16px;line-height:1.6;margin-bottom:20px;text-align:justify}.contact-info{list-style-type:none;padding:0}.contact-info li{align-items:center;display:flex;font-size:16px;margin-bottom:10px}.contact-info li svg{color:#3c00a0;margin-right:10px}.social-media{display:flex;justify-content:center;margin-top:20px}.social-icon{color:#3c00a0;font-size:24px;margin:0 10px;transition:color .3s}.social-icon:hover{color:#33006f}.contact-form form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px}.contact-form button{background-color:#3c00a0;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.contact-form button:hover{background-color:#33006f}.error-message{background-color:#fee;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;display:inline-block;font-size:14px;margin:5px 0;max-width:90%;padding:10px;text-align:left;transition:opacity .3s,max-height .5s}.hidden{border:none;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0}.input-field.with-error,.input-field.with-error input,.input-field.with-error textarea,.input-field.with-error:hover{border-color:#e74c3c}.success-message{background-color:#e6ffed;border:1px solid #c3e6cb;border-radius:5px;color:#28a745;font-weight:700;margin:10px 0;padding:10px;text-align:center}.delete-button{background:none;border:none;color:red;cursor:pointer;font-size:20px;margin-left:10px}td:last-child,th:last-child{min-width:160px}.messages-container{background-color:#fff;border:1px solid #ccc;border-radius:5px;height:300px;margin-bottom:10px;overflow-y:auto;padding:10px}.message{background-color:#eaeaea;border-radius:5px;margin:5px 0;padding:5px}.input-container{align-items:center;display:flex;justify-content:space-between}.chat-input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:80%}.send-btn{background-color:#3c00a0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.send-btn:hover{background-color:#33006f}.chatbot-container{bottom:20px;position:fixed;right:20px;z-index:1000}.chatbot-container.closed .chat-interface{display:none}.chat-avatar-icon{border-radius:50%;height:50px;object-fit:cover;width:50px}.chatbot-container .chat-toggle{align-items:center;background-color:initial;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:60px;justify-content:center;padding:5px;text-align:center;width:60px}.chat-interface{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 5px #0003;max-height:500px;overflow:hidden;padding:15px;width:300px}.close-btn{color:red;font-size:24px;transition:transform .3s ease}.close-btn:hover{transform:scale(1.1)}.api-key-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.api-key-modal-content{background:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:240px;padding:10px;width:380px}h3{text-align:center}.input-group,h3{margin-bottom:5px}.input-group{align-items:center;display:flex}.api-key-input{border:1px solid #ccc;border-radius:5px;padding:8px 10px}.show-api-key-btn{background-color:#3c00a0;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.toggle-password-icon{color:#3c00a0;cursor:pointer;font-size:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.api-key-input{flex-grow:1;padding-right:30px}
/*# sourceMappingURL=main.d1c04bb0.css.map*/