@import url(https://fonts.googleapis.com/css2?family=Andika+New+Basic&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);.profile-page{background-color:#121212;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.profile-info{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:600px;padding:2rem}.profile-info p{align-items:center;color:#ddd;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.profile-info .income{color:#43aa8b}.profile-info .expense{color:#ef476f}.profile-info .balance{color:#00bcd4}@media (max-width:768px){.profile-page{padding:1.5rem}.profile-header h2{font-size:1.5rem}.profile-info{padding:1.25rem}.profile-info p{font-size:.95rem}}@media (max-width:480px){.profile-page{padding:1rem}.profile-header h2{font-size:1.3rem}.profile-info{padding:1rem}.profile-info p{font-size:.9rem}}.register__container{align-items:center;display:flex;flex-direction:column;padding-top:4rem}.register__container h1{color:#43aa8b;color:var(--green);margin-bottom:2rem}.login-form,.register__form{background-color:#1c1c1c;background-color:var(--card-dark);border-radius:15px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2rem;width:90%}.login-form div,.register__form div{margin-bottom:1.5rem}.login-form label,.register__form label{color:#e0e0e0;color:var(--text-light);display:block;font-weight:700;margin-bottom:.5rem}.login-form input[type=email],.login-form input[type=password],.register__form input[type=email],.register__form input[type=password],.register__form input[type=text]{background-color:#1e1e1e;background-color:var(--bg-light);border:1px solid #333;border:1px solid var(--border-dark);border-radius:10px;color:#e0e0e0;color:var(--text-light);font-size:16px;outline:none;padding:10px;width:100%}.login-form input[type=submit],.register__form input[type=submit]{background-color:#43aa8b;background-color:var(--green);border:none;border-radius:10px;color:#e0e0e0;color:var(--text-light);cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.login-form input[type=submit]:hover,.register__form input[type=submit]:hover{background-color:#2e8569}.login-form-container{align-items:center;background-color:#121212;background-color:var(--bg-dark);color:#e0e0e0;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;min-height:80vh}.login-form input::placeholder{color:#a0a0a0}:root{--blue:#1e88e5;--blue-hover:#1565c0;--secondary-green:#090b09;--secondary-green-hover:#2e7d32}body{color:var(--text-light);line-height:1.6}.app{background-color:#121212;background-color:var(--bg-dark);margin:5px;overflow-x:hidden;padding:0 10px}.app,.title{color:#e0e0e0;color:var(--text-light)}.title{align-items:center;background-color:#1e1e1e;background-color:var(--bg-light);border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;font-size:14px;justify-content:flex-start;padding:6px 10px}.title img{height:40px;margin-right:10px;width:40px}.title h1{font-size:2rem}.header{align-items:center;background-color:#1e1e1e;background-color:var(--bg-light);display:flex;gap:10px;justify-content:space-between;margin:10px 0}.content,.header{border-radius:10px;padding:10px;width:100%}.content{background-color:#1c1c1c;background-color:var(--card-dark);margin-top:10px}.menu-list{display:flex;flex:1 1;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0;padding:0}.menu-list li{color:#e0e0e0;color:var(--text-light);cursor:pointer;font-size:14px;transition:color .2s}.menu-list li:hover{color:#43aa8b;color:var(--green)}.menu-list a:visited{color:#e0e0e0;color:var(--text-light)}.exit-button{background-color:#ef476f;background-color:var(--red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px;transition:background-color .3s ease;white-space:nowrap}.exit-button:hover{background-color:#c43055;background-color:var(--hover-red)}.loading{background-color:#ef476f;background-color:var(--red);border-radius:8px;box-shadow:0 2px 6px #0000004d;color:#fff;font-size:36px;height:100%}.home,.loading{align-items:center;display:flex;justify-content:center}.home{background-color:#121212;background-color:var(--bg-dark);color:#e0e0e0;color:var(--text-light);flex-direction:column;gap:1rem;min-height:100vh;padding:2rem;text-align:center}.home>div{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.home img{height:40px;margin-right:10px;width:40px}.home h1{font-size:2rem;margin:0}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;max-width:280px;padding:.75rem 1.5rem;transition:background-color .3s ease;width:100%}.btn-primary{background-color:#ef476f;background-color:var(--red);color:#fff}.btn-primary:hover{background-color:#d63b61}.btn-secondary{background-color:#43aa8b;background-color:var(--green);color:#fff;margin-top:1rem}.btn-secondary:hover{background-color:#379474}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column}.menu-list{justify-content:flex-start}.exit-button{align-self:flex-end;margin-top:10px}.title{font-size:16px}.home{justify-content:center;padding:1rem}.btn-primary,.btn-secondary{max-width:100%}}@media (max-width:480px){.btn-primary,.btn-secondary{font-size:.9rem;padding:.6rem 1rem}.exit-button{font-size:13px;padding:6px 10px}.title{font-size:15px}}*{box-sizing:border-box;margin:0;padding:0}:root{--text-color:#e0e0e0;--card-color:#1c1c1c}body{background-color:#121212;background-color:var(--bg-dark);color:#e0e0e0;color:var(--text-color);font-family:Andika New Basic,sans-serif}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:3rem;width:100%}.budget__numbers{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0 3rem;max-width:700px;width:70%}.number{align-items:center;background-color:#1c1c1c;background-color:var(--card-color);border-radius:15px;box-shadow:0 2px 5px #0003;flex:1 1 45%;flex-direction:column;justify-content:center;min-width:140px;padding:10px}.amount__container,.number{display:flex}#amount__earned,#earned__symbol{color:#43aa8b;color:var(--green)}#amount__spent,#spent__symbol{color:#ef476f;color:var(--red)}.input__area input{background-color:#1e1e1e;background-color:var(--bg-light);border:1px solid #333;border-radius:15px;color:#e0e0e0;color:var(--text-color);margin:5px;outline:none;padding:10px}.input__area{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.input__area #description{max-width:100%;text-align:center;width:300px}.input__area #amount{text-align:center;width:100px}.input__area input::-webkit-inner-spin-button,.input__area input::-webkit-outer-spin-button{-webkit-appearance:none}.buttons__area{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:10px 0 3rem}.buttons__area #add__expense,.buttons__area #add__income{border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:700;outline:none;padding:10px 20px;transition:background-color .3s ease}#add__income{background-color:#43aa8b;background-color:var(--green)}#add__income:hover{background-color:#2e8569}#add__expense{background-color:#ef476f;background-color:var(--red)}#add__expense:hover{background-color:#c43055}.items__container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;max-width:700px;width:70%}#income__container h2{color:#43aa8b;color:var(--green)}#expenses__container h2{color:#ef476f;color:var(--red)}.items__container .container{border-radius:15px;flex:1 1 45%;max-width:49%;width:100%}.container .item{background-color:#1c1c1c;background-color:var(--card-color);border-radius:15px;box-shadow:0 1px 3px #0000004d;display:flex;justify-content:space-between;margin:5px 0;padding:5px 40px 5px 30px;position:relative;width:100%}.item__expense,.item__income{display:flex}.income p,.income span{color:#43aa8b;color:var(--green)}.expense p,.expense span{color:#ef476f;color:var(--red)}.delete__btn,.edit__btn{background-color:#121212;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;text-align:center;transition:all .3s ease;width:auto}.delete__btn:hover{background-color:#ef476f;background-color:var(--red);border-color:#ef476f;border-color:var(--red)}.edit__btn:hover{background-color:#43aa8b;background-color:var(--green);border-color:#43aa8b;border-color:var(--green)}.delete__btn:focus,.edit__btn:focus{outline:2px solid var(--cyan)}.delete__btn:active{background-color:#c43055;border-color:#c43055}.edit__btn:active{background-color:#379474;border-color:#379474}.item .button-container{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.item .button-container .delete__btn,.item .button-container .edit__btn{width:80px}.item .far{align-items:center;background-color:#ef476f;background-color:var(--red);border-bottom-right-radius:15px;border-top-right-radius:15px;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;right:0;top:0;transform:translateX(30px);width:30px}.item:hover .far{animation:showDelete;animation-duration:.5s;animation-fill-mode:forwards}@keyframes showDelete{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.budget__numbers,.items__container{width:90%}.items__container .container{flex:1 1 100%;max-width:100%}}@media (max-width:480px){.container{padding-top:2rem}.budget__numbers,.items__container{align-items:center;flex-direction:column}.budget__numbers .number,.items__container .container{max-width:100%;width:100%}.input__area #amount,.input__area #description{width:100%}.container .item{padding:5px 20px}}.chart-page{background-color:#121212;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.chart-header h1{color:#fff;font-size:1.8rem;font-weight:600;line-height:1.2;margin:0}.chart-container{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:100%;overflow-x:auto;padding:2rem}.recharts-tooltip-label{color:#fff}.recharts-default-tooltip{background-color:#2a2a2a!important;border:1px solid #444!important;border-radius:8px!important}.recharts-legend-wrapper{color:#fff!important;font-size:.9rem!important}.recharts-cartesian-axis-tick-value{fill:#ccc;font-size:.8rem}@media (max-width:768px){.chart-page{padding:1.5rem}.chart-header{align-items:flex-start;flex-direction:column;text-align:left}.chart-header h1{font-size:1.5rem}.chart-container{padding:1.25rem}.recharts-legend-wrapper{font-size:.8rem!important}.recharts-cartesian-axis-tick-value{font-size:.7rem}}@media (max-width:480px){.chart-page{padding:1rem}.chart-header h1{font-size:1.3rem}.chart-container{aspect-ratio:1.75;max-width:100%;padding:1rem}.recharts-legend-wrapper{font-size:.75rem!important}.recharts-cartesian-axis-tick-value{font-size:.65rem}}:root{--green:#43aa8b;--red:#ef476f;--orange:#ff9800;--cyan:#00bcd4;--bg-dark:#121212;--bg-light:#1e1e1e;--text-light:#e0e0e0;--card-dark:#1c1c1c;--border-dark:#333;--hover-red:#c43055}.exchange{align-items:center;background-color:#121212;background-color:var(--bg-dark);color:#e0e0e0;color:var(--text-light);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh;padding:1rem 2rem;text-align:center}h1{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem}.currency-input{align-items:center;background-color:#1e1e1e;background-color:var(--bg-light);border-radius:12px;box-shadow:0 0 10px #43aa8b33;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0;max-width:500px;padding:1.5rem;width:100%}.currency-input input,.currency-input select{background-color:#1c1c1c;background-color:var(--card-dark);border:1px solid #333;border:1px solid var(--border-dark);border-radius:8px;color:#e0e0e0;color:var(--text-light);font-size:1.1rem;outline:none;padding:.75rem 1rem;transition:border .2s ease-in-out}.currency-input input:focus,.currency-input select:focus{border:1px solid #43aa8b;border:1px solid var(--green);box-shadow:0 0 5px #43aa8b66}.currency-input input{width:150px}.currency-input select{min-width:120px}.copy-section{align-items:center;display:flex;flex-direction:column;margin-top:1rem;max-width:500px;width:100%}.copy-section button{background-color:#43aa8b;background-color:var(--green);border:none;border-radius:8px;box-shadow:0 0 10px #43aa8b33;color:#fff;cursor:pointer;font-size:1.1rem;max-width:300px;padding:1rem 1.5rem;transition:background-color .3s ease,box-shadow .2s ease-in-out;width:100%}.copy-section button:hover{background-color:#2e8569;box-shadow:0 0 15px #43aa8b4d}.copy-section button:focus{box-shadow:0 0 5px #43aa8b80;outline:none}.copy-message{color:#43aa8b;font-size:1rem;font-weight:700;margin-top:10px;text-align:center;transition:opacity .3s ease-in-out}@media (max-width:768px){.currency-input{align-items:stretch;flex-direction:column;padding:1rem}.currency-input input,.currency-input select{font-size:1rem;width:100%}.exchange{justify-content:flex-start;padding:1rem}}.group{align-items:center;background-color:#2a2a2e;border-radius:12px;box-shadow:0 0 10px #43aa8b26;display:flex;justify-content:center;margin:10px 0;max-width:500px;padding:20px;width:100%}.group input{margin-right:10px;width:150px}.group input,.group select{background-color:#1f1f22;border:none;border-radius:8px;color:#e0e0e0;font-size:1.1rem;outline:none;padding:10px}.group input:focus,.group select:focus{outline:2px solid #43aa8b;transition:outline .2s ease-in-out}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{font-family:PT Sans,sans-serif}#root,body,html{height:100%}table,td{border:1px solid #008db8;text-align:center}thead{background-color:#2f43ff;color:#fff}th{padding:5px}
/*# sourceMappingURL=main.d2b48571.css.map*/