@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@font-face{font-family:PowerGrotesk;src:url(/PowerGrotesk-Medium.ttf)}*{color:#fff;margin:0;padding:0}::selection{background-color:#cf0;color:#000}.card{margin-inline:auto}.container-card{position:relative;border:0 solid transparent;background:linear-gradient(71deg,#080509,#0f0d10,#080509);background-clip:padding-box;img{margin-bottom:32px}}.bg-blue-box,.bg-green-box,.bg-white-box,.bg-yellow-box{position:relative}.bg-blue-box:after,.bg-green-box:after,.bg-white-box:after,.bg-yellow-box:after{position:absolute;top:-.35px;bottom:-.25px;left:-1px;right:-1px;content:"";z-index:-1;border-radius:.8rem}.bg-green-box:after{background:linear-gradient(71deg,#0d1212,#cf0,#0d1212)}body{--grid-size:70px;--grid-strength:1px;--grid-dash:10px;--grid-gap:5px;--grid-color:rgba(51,51,51,.442);--paper-color:#050505;background-color:var(--paper-color);background-size:var(--grid-dash) var(--grid-dash),var(--grid-size) var(--grid-size);background-image:linear-gradient(to bottom,transparent var(--grid-gap),var(--paper-color) var(--grid-gap)),linear-gradient(to right,var(--grid-color) var(--grid-strength),transparent var(--grid-strength)),linear-gradient(to right,transparent var(--grid-gap),var(--paper-color) var(--grid-gap)),linear-gradient(to bottom,var(--grid-color) var(--grid-strength),transparent var(--grid-strength))}div.scrollmenu{overflow:auto;white-space:nowrap;display:flex;gap:16px}h1.transactions{font-family:PowerGrotesk;color:#eeecec;font-size:1.85rem;text-align:left}.month-pill.selected{background:#cf0;color:#000}.scrollmenu div{background:#121212;font-family:PowerGrotesk;color:#eeecec;font-size:1rem;border-radius:50px;padding:7px 20px;transition:all .3s ease}::-webkit-scrollbar{display:none}.heading{color:#faf9f6;font-weight:400;letter-spacing:2.2px;font-size:4.75rem;font-family:PowerGrotesk}@media only screen and (max-width:900px){.heading{font-size:4.25rem!important}}@media only screen and (min-width:901px){h1.transactions{font-size:2.3rem!important}}.date-heading{font-size:.9rem;color:#fff;letter-spacing:3px;font-family:Orbitron}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5.8px);background-color:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}label{font-family:PowerGrotesk!important;font-size:22px;font-weight:100!important;letter-spacing:1.2px}h2{font-family:PowerGrotesk}.welcome{font-family:Nunito Sans,sans-serif!important}.delete{padding:.5rem;background:#ff3040;border-radius:6px;font-size:1.2rem;aspect-ratio:1/1}.todo-title{font-size:1.5rem;font-weight:400;letter-spacing:1.2px}.todo-title,.total{font-family:PowerGrotesk}.orbitron{font-family:Orbitron;font-weight:600;line-height:-5;padding:0}.todo:hover .clear-todo{visibility:visible}.todo-title:before{content:"/";color:#cf0;margin-right:.15rem}.todo-app{background-clip:padding-box;border:1px solid #ffffff24;border-radius:7px;padding:1.9rem;transition:border .3s ease-in-out}input,textarea{flex-shrink:1;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:3rem;padding-left:1rem!important;padding-right:1rem!important;font-size:.875rem;line-height:1.25rem;line-height:2;background-color:#ffffff0d;width:100%;border-radius:.5rem;border:none}input:focus,textarea:focus{border:none;outline:2px solid #cf0;outline-offset:2px}.button{outline:none;background-color:#cf0;color:#000;font-family:PowerGrotesk;padding:.3rem 1.1rem;border-radius:5px;border:1px solid #cf0;cursor:pointer;transition:all .3s ease-in-out}.sn{letter-spacing:1.5;line-height:53px}.clear{background-color:#f95347!important;color:#fff!important;border:none!important}.clear-todo,.clear:hover{background-color:#ffffff0a!important;color:#f95347!important;border:1px solid #f95347!important}.clear-todo{padding:.12rem .7rem!important;visibility:hidden}.clear-todo:hover{background-color:#f95347!important;color:#fff!important;border:1px solid #f95347!important}th{font-weight:200}.tag i{color:#cf0}.tag.selected{background-color:#cf0;color:#000}.tag.selected i{color:#000!important}.tag:hover{transform:scale(1.05)}.tag{display:inline-flex;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;background-color:#ffffff0d;border:1px solid #ffffff12;border-radius:6px;cursor:pointer;transition:all .3s ease;user-select:none;font-family:Poppins,sans-serif}