@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}:root{--clr-main-background: #161616;--clr-section-background: #262626;--clr-form-input-background: #272727;--clr-expense-item-background: #1c1c1c;--clr-expense-date-background: rgb(46, 46, 46);--clr-text: rgb(229, 229, 229);--clr-text-red: #9d1c1e;--clr-text-green: #1c9d4e;--clr-text-gray: rgb(164, 164, 164);--clr-text-yellow: #9d8e1c;--clr-label: rgb(82, 82, 241);--clr-button-backgroud: #1c519d;--font-size: 1rem}html{scroll-behavior:smooth;text-select:none}a{text-decoration:none;color:var(--clr-text)}a:visited{color:initial}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body{font-family:PT Sans,sans-serif;background-color:var(--clr-main-background);color:var(--clr-text);font-size:var(--font-size);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 500px){body{align-items:center}.app{width:750px}}button,a{-webkit-tap-highlight-color:var(--clr-main-background);outline:none;-moz-outline-style:none}button:focus,a:focus{outline:none}.app{padding:.5rem .75rem;position:relative;display:flex;flex-direction:column;gap:.5rem;height:100vh;height:calc(var(--vh, 1vh) * 100)}section{padding:1rem .5rem;border-radius:8px;background-color:var(--clr-section-background)}#info-section{display:flex;justify-content:space-between;background:none}#logout-button{cursor:pointer;background:none;border:none;outline:none;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.5rem;color:var(--clr-text)}#month-summary{background-color:#ac8f1c;background-image:linear-gradient(132deg,#c09d12,#228f79)}#month-summary h2{font-size:1.2rem}.amountstatsinCurrMonth{margin-top:1rem;display:flex;justify-content:space-between}.amountstatsinCurrMonth span{font-weight:700;display:flex;align-items:center;gap:4px}#income{transform:rotate(-45deg)}#spent{transform:rotate(-135deg)}#balance{color:var(--clr-button-backgroud)}#amount-stats{background-image:linear-gradient(120deg,#a6c0fe,#f68084)}#amount-stats .amount-stats-figures{border-radius:8px;justify-content:space-between}.amount-stats-figures hr{margin-block:.4rem;opacity:.3}.amount-stats-figures h1{display:flex;justify-content:space-between;align-items:center}.amount-stats-figures h1 span{color:#000;font-weight:lighter;font-size:.9rem;opacity:.8}.amount-stats-figures .element{display:flex;font-size:.8rem;color:var(--clr-text-gray);opacity:.1}.income-flow{font-size:1.5rem;color:var(--clr-text-red);display:flex;align-items:center;gap:.2rem}.income-flow #icon-outgoing,.income-flow #icon-incoming{transform:rotate(45deg)}#total-incoming-amount{color:var(--clr-text-green)}#balance-amount{color:#000}#recent-transaction-list{height:100%}#recent-transaction-list h3{text-align:center;font-weight:lighter;font-size:calc(.7 * var(--font-size));letter-spacing:3px;text-transform:uppercase;margin-bottom:.4rem;opacity:.5}.show-all-transactions-link{display:flex;justify-content:flex-end;padding-top:1rem}.transaction{color:var(--clr-text);display:flex;align-items:center;gap:.25rem}.sk-list-item{background-color:var(--clr-expense-item-background);padding:.5rem;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.sk-list-item-grp{display:flex;gap:.5rem}.sk-list-item div,.sk-list-item-date{height:100%}.sk-list-item-details{width:100%;display:flex;flex-direction:column}#expenses-list,#recent-transaction-list{overflow:hidden;display:flex;flex-direction:column;gap:.2rem}#expenses-list{background:none;position:relative;height:100dvh}#expenses-list .expense-list-header{display:flex;flex-direction:column;gap:.5rem;position:sticky;width:100%;z-index:999}#expenses-list .expense-list-header .home-button{color:var(--clr-text);font-weight:700;font-size:var(--font-size);display:flex;align-items:center;gap:8px;margin-bottom:1rem}#filters-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.5rem;margin-block:.3rem}#filter-button{width:2rem;height:1.5rem;font-size:1rem;background:none;color:inherit;border:none;outline:none;display:flex;align-items:center;color:var(--clr-text)}#filter-button span{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px}#filters-section .filters{overflow:hidden;width:100%;gap:.5rem;transition:display 2s ease-in-out}.filters select{width:100%;background-color:var(--clr-section-background);border-radius:8px;color:var(--clr-text);opacity:.7;padding:.5rem;text-align:center;outline:none;border:2px solid rgba(255,255,255,.1)}.filters select:focus{border:2px solid var(--clr-button-backgroud)}.expense-list{padding-block:.5rem;height:100%;overflow:scroll;display:flex;flex-direction:column;gap:.3rem}.empty-list{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;padding:3rem;text-align:center;gap:1rem}.empty-list #empty-svg{margin:0;padding:0;width:100px;opacity:.5}.empty-list h3{color:var(--clr-text-gray);font-style:italic}.expense-list::-webkit-scrollbar{display:none}.expense-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--clr-expense-item-background);border-radius:8px;gap:1rem;position:relative}.delete-expense{position:absolute;top:-4px;right:0;color:#9e9e9e;background:#474747;border-radius:50%;width:1rem;height:1rem;outline:none;border:none;font-size:8px}.expense-item .expense-details{display:flex;gap:.4rem;overflow-x:hidden}.expense-item .expense-details .expense-date{display:flex;flex-direction:column;align-items:center;background-color:var(--clr-expense-date-background);padding:.5rem;margin:5px;border-radius:4px}#expense-date-day{font-weight:700;font-size:1rem}#expense-date-year,#expense-date-month{font-size:.7rem;opacity:.8;font-weight:lighter}.expense-details .expense-description{display:flex;flex-direction:column;justify-content:center;gap:.5rem;overflow:hidden}.expense-description .expense-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-description .expense-category{font-size:.8rem;text-transform:capitalize;background-color:#282828;width:fit-content;padding:2px 6px;border-radius:4px;opacity:.5}.expense-amount{margin-right:.5rem;padding:.5rem;color:var(--clr-text-red);font-weight:400}#salary,#person{color:var(--clr-text-green)}#expense-actions{background:none;margin-inline:0;display:flex;justify-content:center;padding-block:.3rem;gap:.75rem;align-items:center}#expense-actions button{width:100%;height:3rem;background-color:var(--clr-button-backgroud);padding:1rem;outline:none;border:none;cursor:pointer;color:var(--clr-text);border-radius:24px}#expense-actions #add-money{background-color:#fff;color:#000}.add-expense-modal{z-index:999;background-color:var(--clr-main-background);display:flex;align-items:center;justify-content:center;height:100vh;width:100%;top:0;left:0;position:absolute}.add-expense-modal .expense-form{padding:2rem 1rem;background-color:var(--clr-main-background);border:2px solid rgb(41,41,41);position:relative;border-radius:2rem 0}.expense-form #close-btn{background-color:#8e1a1a;border-radius:50%;position:absolute;top:-4px;right:-4px;scale:1.8}.expense-form form{width:300px}.expense-form form .input-field{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:1rem}.expense-form form .input-field input,.expense-form form .input-field select{width:100%;background-color:var(--clr-form-input-background);color:inherit;padding:.8rem 1rem;outline:none;border:none;border-radius:4px}.expense-form form .input-field input:focus,.expense-form form .input-field select:focus{border:3px solid rgb(32,60,115)}.expense-form form button{margin-top:2rem}.login-page{height:100vh;display:grid;height:calc(var(--vh, 1vh) * 100);place-content:center}.login-page #login-heading{text-align:center}.login-page form{width:300px;margin-block:2rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.login-page form input{width:100%;background:none;color:var(--clr-text);border:2px solid var(--clr-expense-date-background);font-size:1rem;border-radius:8px;letter-spacing:.1rem;padding:1rem;font-weight:700}#login-btn,#login-with-google-btn{width:100%;padding:1rem;border-radius:8px;background-color:var(--clr-button-backgroud);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--clr-text);gap:1rem;outline:none;border:none}#login-with-google-btn{background-color:var(--clr-text);color:var(--clr-form-input-background)}#divider{border:1px solid var(--clr-text-gray);opacity:.4;margin-bottom:2rem}#loading-div{height:300px;display:flex;align-items:center;justify-content:center}#links-section{position:absolute;display:flex;align-items:center;justify-content:space-around;width:100%;bottom:0;padding:1rem 1.5rem .5rem;background-color:var(--clr-section-background);border-radius:40px 40px 0 0;box-shadow:-5px -5px 20px var(--clr-main-background)}#links-section .link-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--clr-text-gray)}#links-section .link-container .link-icon{font-size:1.5rem}#links-section .link-container .link-label{font-size:.6rem;font-weight:700}