*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#000}*{margin:0;padding:0;box-sizing:border-box}.container{height:100vh;width:100%;background-color:#000;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 20% 25%,rgba(255,255,225,.1),transparent 20%),radial-gradient(circle at 80% 45%,rgba(255,255,255,.1),transparent 20%),radial-gradient(circle at 55% 70%,rgba(255,255,255,.1),transparent 20%);background-size:60px 60px,60px 60px,100% 100%,100% 100%,100% 100%;background-blend-mode:screen;color:#fff;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.card-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.container{display:flex;align-items:center;flex-direction:column;padding-top:100px}form{display:flex;flex-direction:column;gap:30px;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;max-width:50%;width:800px;margin-bottom:20px;border:1px solid #777;box-shadow:0 0 16px #fff3;opacity:0;margin-top:70px;transform:scale(.8);transition:height .2s linear;transition:scale .5s ease-in-out,opacity .5s ease-in-out,margin-top .5s ease-in-out}form button{border-radius:8px;background-color:#fff;height:40px;border:none;font-weight:700;cursor:pointer;color:#000;font-size:14px;transition:opacity .2s linear}form button:hover{opacity:.8}form input{border:1px solid rgba(255,255,255,.2);border-radius:8px;height:40px;background-color:#ffffff0d;color:#fff;font-size:16px;padding-left:10px;outline:none}#description-text{color:#94a3b8}.form-header{display:flex;flex-direction:column;gap:10px;font-size:16px}.choice-container{display:flex;position:relative;justify-content:space-around;align-items:center;background:#ffffff0d;border-radius:100px;border:1px solid rgba(255,255,255,.2);transition:font-weight .15s linear,color .15s linear}.choice-container button{width:200px;font-weight:300;color:#cbd5e1;background:none;transition:background .2s linear;border-radius:100px;cursor:pointer}.choice-container button.active{color:#fff;font-weight:700}.choice-slider{position:absolute;right:0%;background:#ffffff80;width:170px;height:40px;border-radius:100px;transition:right .15s ease-in}form.form-init{margin-top:0;transform:scale(1.1);opacity:100}.errorP{color:#ff2c2c}.password-container{display:flex;position:relative;align-items:center;justify-content:center}.password-container input{width:100%;padding-right:50px}.additional-commands{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:14px;color:#fff;text-decoration:none}.forgot-password:hover{text-decoration:underline}.view-password-button{position:absolute;display:flex;left:88%;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.view-password-button img{height:24px;width:24px;opacity:.5}.icon-container{display:flex;justify-content:center;align-items:center;background:#fff;width:96px;height:96px;border-radius:12px}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .5s ease-in}img{width:64px;height:64px}.logo-active{opacity:100}.card{font-family:Inter,sans-serif;gap:10px;display:flex;flex-direction:row;justify-content:space-between;height:120px;width:500px;padding:20px;background:#27272a;color:#fff;border-radius:16px;box-shadow:0 0 10px #0000004d}.texts{display:flex;flex-direction:column;justify-content:center;gap:14px}.name-date{display:flex;flex-direction:column;gap:8px}#name{display:-webkit-box;font-size:18px;word-break:break-all;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#tag{height:16px;width:16px}#calendar{height:12px;width:12px}#category{display:flex;align-items:center;gap:10px;opacity:.8;font-size:14px}#date{display:flex;align-items:center;gap:10px;opacity:.5;font-size:12px}#price{display:flex;justify-content:center;align-items:center;gap:5px;color:#f87171;font-size:22px}.expense-card-btn-img{width:16px;height:16px}.expense-card-btn{display:flex;justify-content:center;align-items:center;height:36px;width:36px;border:none;border-radius:8px;background-color:#3f3f46;cursor:pointer;transition:background-color .2s linear}#remove-btn:hover{background-color:#ef4444}#edit-btn:hover{background-color:#3b82f6}.price-button{display:flex;justify-content:center;align-items:center;gap:20px}.card-btns{display:flex;gap:15px;justify-content:center;align-items:center}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background-color:#00000080}.register-expense-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;height:560px;width:450px;background-color:#18181b;border:1px solid #27272A;border-radius:12px;padding:30px;gap:15px;z-index:1;box-shadow:0 0 10px #fff3;animation:slideUp .3s ease-in-out}.register-expense-container h1{margin-bottom:10px}.register-expense-container h1{color:#fff;font-size:18px}.register-input{display:flex;flex-direction:column;justify-content:center;gap:4px}.register-input input{width:100%;outline:none;height:40px;border:1px solid #3F3F46;background-color:#27272a;border-radius:8px;color:#fff;padding:0 10px}.register-expense-container label{color:#d4d4d8;font-size:15px}.register-expense-container button{height:40px;border-radius:50px;cursor:pointer;transition:opacity .2s linear;font-weight:700;font-size:15px;border:none}.register-expense-container button:hover{opacity:.7}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideDown{0%{opacity:1;transform:translate(-50%,50%)}to{opacity:0;transform:translate(-50%,calc(-50% + 10px))}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.shake{animation:shake .4s ease-in-out;border:1px solid red!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.register-expense-header{display:flex;align-items:center;justify-content:space-between}.register-expense-header img{height:12px;width:12px}.register-expense-header button{display:flex;justify-content:center;align-items:center;width:12px;height:12px;background:none;border:none;cursor:pointer;margin-bottom:10px}.expense-cards{display:flex;flex-direction:column;align-items:center;gap:15px}.expense-cards-container{display:flex;justify-content:center;align-items:center;padding:30px;background-color:#18181b;width:550px;border:1px solid #27272A;border-radius:24px;height:1025px}.expense-cards-info{display:flex;margin-bottom:auto;flex-direction:column;justify-content:center;gap:20px;color:#fff}.expense-cards-info h1{font-size:18px;font-weight:400}.expense-cards-info h2{font-size:16px;opacity:.5;font-weight:400}.title{display:flex;justify-content:space-between}#write{width:256px;height:256px;opacity:.3}.total-paginator{display:flex;align-items:center;gap:20px}.no-expenses{display:flex;flex-direction:column;gap:50px;align-items:center;text-align:center}.no-expenses h1{font-size:20px;opacity:.5}.paginator{display:flex;justify-content:center;align-items:center;gap:15px}.paginator span{opacity:.5}.paginator-btn{background:none;border:none;cursor:pointer;transition:opacity .1s linear}.paginator-btn img{width:16px;height:16px}.paginator-btn:hover{opacity:.5}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;overflow-x:hidden;padding:20px 300px;gap:25px}.neon-cards{display:flex;justify-content:center;align-items:center;gap:36px}.hidden{display:none}.home-charts{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.info-wrapper{display:flex;justify-content:center;gap:25px}.neon-card{display:flex;flex-direction:column;justify-content:space-around;width:500px;height:200px;color:#fff;padding:24px;border-radius:24px}.neon-card h1{font-weight:400}.neon-card p{opacity:.5}.neon-icon-container{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:12px}.neon-icon-container img{height:24px;width:24px}.neon-icon-container.blue-icon{background:#3b82f633}.neon-icon-container.purple-icon{background:#a855f733}.neon-icon-container.green-icon{background:#22c55e33}.blue{background:linear-gradient(#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.2)}.purple{background:linear-gradient(#a855f71a,#a855f70d);border:1px solid rgba(168,85,247,.2)}.green{background:linear-gradient(#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.home-header{display:flex;justify-content:space-around;align-items:center;background:#09090b80;border-bottom:1px solid rgba(39,39,42);padding:15px}.main-content{display:flex;justify-content:space-around;align-items:center;width:100%}#logout-button{position:absolute;left:90%;background:#fff;border:none;padding:10px 12px;width:150px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s linear}#logout-button:hover{opacity:.7}.icon-button{display:flex;justify-content:space-evenly;align-items:center;background:#fff;border:none;padding:10px 12px;width:150px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s linear}.icon-button img{height:16px;width:16px}.icon-button:hover{opacity:.7}.logo{display:flex;align-items:center;gap:15px}.logo-icon-container{display:flex;justify-content:center;align-items:center;height:36px;width:36px;background:#fff;border-radius:12px}.logo-icon-container img{width:24px;height:24px}.logo-title{display:flex;flex-direction:column;justify-content:center;color:#fff}.logo-title h1{font-weight:400;font-size:16px}.logo-title p{font-size:14px;opacity:.5}.toast{position:fixed;top:0;left:100%;opacity:0;width:175px;height:40px;background-color:#4bb543;display:flex;padding:10px;justify-content:space-around;align-items:center;z-index:1;border-radius:6px;margin:15px}.toast p{font-size:16px;color:#000}.toast img{width:16px;height:16px}@keyframes slideLeft{0%{opacity:0;left:100%}to{opacity:1;left:85%}}@keyframes slideRight{0%{left:85%;opacity:1}to{left:100%;opacity:0}}.hidden-toast{left:100%;opacity:0;pointer-events:none}.shown-toast{left:85%;opacity:1}.show{animation:slideLeft .3s ease-in-out forwards;left:85%}.hide{animation:slideRight .3s ease-in-out forwards}.chart-card{display:flex;flex-direction:column;justify-content:center;gap:20px;width:1000px;height:500px;background:#18181b;border:1px solid #27272A;padding:30px;border-radius:20px}.chart-card h1{color:#fff;font-size:18px;font-weight:400}.notfound-container{height:90vh;width:100%;display:flex;justify-content:center;align-items:center;font-family:Poppins;flex-direction:column;gap:10px}.forgot-password-container{height:100vh;width:100%;background-color:#000;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 20% 25%,rgba(255,255,225,.1),transparent 20%),radial-gradient(circle at 80% 45%,rgba(255,255,255,.1),transparent 20%),radial-gradient(circle at 55% 70%,rgba(255,255,255,.1),transparent 20%);background-size:60px 60px,60px 60px,100% 100%,100% 100%,100% 100%;background-blend-mode:screen;color:#fff;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.forgot-password-container input{width:100%;padding:12px 20px;outline:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#ffffff0d;color:#fff;font-size:16px}.forgot-password-container p{text-align:center;font-size:18px}.forgot-password-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;max-width:50%;width:500px;height:500px;margin-bottom:20px;border:1px solid #777;box-shadow:0 0 16px #fff3;margin-top:70px}.forgot-password-card h1{position:absolute;top:5%}