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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (min-width:601px){*{box-sizing:border-box}.loader{margin:auto;padding:auto}.spendDate{font-size:2vw}.mainTracker{border-right:1px solid #fff;height:100%;padding-right:50px;width:35%}main UserButton{width:5%}.analytics{height:100%;width:60%}main{display:flex;gap:50px;height:100vh;justify-content:space-between;width:100%}body{background-color:#17181f;color:#ddd}h1{color:#fff;font-size:3vw;margin:10px 0 0;text-align:center}h1 span{display:inline-block;font-size:1rem;margin-top:6px;vertical-align:top}.delete-all{margin-top:20px}form{margin-top:0}form input{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#ddd;padding:2px 5px;width:100%}form div.basics{display:flex;gap:5px;margin-bottom:5px}form select{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#ddd;padding:2px 5px;width:100%}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}form div.category-date{display:flex;gap:5px;margin-bottom:5px}form button{background-color:#ddd;border:0;border-radius:5px;margin-top:10px;padding:5px;width:100%}div.transactions{height:50%;margin-top:5px;overflow-y:auto}div.transaction{border-top:1px solid #30313d;display:flex;padding:5px 0}div.transaction:first-child{border-top:0}div.transaction div.name{font-size:1.2rem}div.transaction div.description{color:#888;font-size:.8rem}div.transaction div{border:0}div.left{width:30%}div.middle,div.right{margin-left:auto;text-align:right}div.category{margin-left:auto;text-align:center;width:20%}div.price{color:red;font-size:1.2rem}div.income{color:green;font-size:1.2rem}div.date{color:#888;font-size:.8rem}div.filter{display:flex;gap:5px;margin-top:10px}div.filter select{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#fff;padding:2px 5px;width:20%}div.analytics{align-items:center;margin-bottom:-10%}div.analytics h1{font-size:3vw;text-align:left}div.pie{height:35%;margin-top:25px;width:100%}div.pie input[type=month]{margin-left:20px;width:200px}input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1)}input{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#ddd;padding:2px 5px;width:100%}div.line{height:35%;margin-top:50px;width:100%}div.line h2{color:#ddd;margin-left:100px}div.pie h2{color:#ddd}.SignIn{margin-top:35vh}button.delete-btn,button.log{border:0;border-radius:4px;box-shadow:0 0 20px #6855e033;cursor:pointer;font-weight:600;margin:0 10px;padding:10px 0;transition:.4s}.log{background-color:#fff;border:1px solid #6855e0;color:#6855e0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}button:hover{background-color:#6855e0;box-shadow:0 0 20px #6855e099;color:#fff}.delete-btn{color:red;width:20px}.edit-btn{border:0;border-radius:4px;box-shadow:0 0 20px #6855e033;cursor:pointer;font-weight:600;margin:0 10px;padding:10px 0;transition:.4s;width:40px}.float-child{float:left;margin-left:10px;margin-top:10px;width:5%}}button.delete-all-btn{border:0;border-radius:4px;box-shadow:0 0 20px #6855e033;cursor:pointer;margin-bottom:10px;padding:5px;transition:.4s;width:100%}button.delete-all-btn:hover{background-color:red;box-shadow:0 0 10px red;color:#fff}@media screen and (max-width:600px){*{box-sizing:border-box}.loader{margin:auto;padding:auto}.mainTracker{border-bottom:1px solid #fff;height:80vh;padding-left:25px;padding-right:25px;width:100%}main UserButton{width:5%}.analytics{padding-left:25px;padding-right:25px;width:100%}main{display:flex;flex-direction:column;gap:10px;height:100vh;justify-content:space-between;width:100%}body{background-color:#17181f;color:#ddd}h1{color:#fff;font-size:5vw;margin:10px 0 0;text-align:center}h1 span{display:inline-block;font-size:1rem;margin-top:6px;vertical-align:top}.delete-all{margin-top:20px}form{margin-top:0}form input{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#ddd;padding:2px 5px;width:100%}form div.basics{display:flex;gap:5px;margin-bottom:5px}form select{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#ddd;padding:2px 5px;width:100%}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}form div.category-date{display:flex;gap:5px;margin-bottom:5px}form button{background-color:#ddd;border:0;border-radius:5px;margin-top:10px;padding:5px;width:100%}div.transactions{height:60%;margin-top:5px;overflow-y:auto}div.transaction{border-top:1px solid #30313d;display:flex;padding:5px 0}div.transaction:first-child{border-top:0}div.transaction div.name{font-size:1.2rem}div.transaction div.description{color:#888;font-size:.8rem}div.transaction div{border:0}div.left{width:30%}div.middle,div.right{margin-left:auto;text-align:right}div.category{margin-left:auto;text-align:center;width:20%}div.price{color:red;font-size:1.2rem}div.income{color:green;font-size:1.2rem}div.date{color:#888;font-size:.8rem}div.filter{display:flex;gap:5px;margin-top:10px}div.filter select{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#fff;padding:2px 5px;width:20%}div.analytics{align-items:center;margin-bottom:-10%}div.analytics h1{font-size:5vw;text-align:left}div.pie{height:35%;margin-top:25px;width:100%}div.pie input[type=month]{margin-left:20px;width:200px}input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1)}input{background-color:initial;border:2px solid #30313d;border-radius:5px;color:#ddd;padding:2px 5px;width:100%}div.line{height:35%;margin-top:50px;width:100%}div.line h2{color:#ddd;margin-left:100px}div.pie h2{color:#ddd}.SignIn{margin-top:35vh}button.delete-btn,button.log{font-weight:600;margin:0 10px;padding:10px 0}button.delete-all-btn,button.delete-btn,button.log{border:0;border-radius:4px;box-shadow:0 0 20px #6855e033;cursor:pointer;transition:.4s}button.delete-all-btn{margin-bottom:10px;padding:5px;width:100%}.log{background-color:#fff;border:1px solid #6855e0;color:#6855e0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}button:hover{background-color:#6855e0;box-shadow:0 0 20px #6855e099;color:#fff}.delete-btn{width:20px}.float-child{float:left;margin-left:10px;margin-top:10px;width:5%}}.spendDate{font-size:2vw}
/*# sourceMappingURL=main.bfa831b7.css.map*/