@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Poppins,sans-serif;margin:0}p{font-size:12px}#App,#home{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}#home{background:linear-gradient(to top right,#a5b2ff,#fff,#fff,#fff,#fff,#fff,#afffea);overflow:hidden;-webkit-user-select:none;user-select:none}#bg-animation{bottom:-12.5%;filter:blur(5px);position:fixed;z-index:1}#nav{align-items:end;animation:get-visible 2s ease-in-out 2s forwards;display:flex;height:150px;opacity:0;position:fixed;top:0;width:100%;z-index:10}@keyframes get-visible{0%{opacity:0}to{opacity:1}}#nav #title{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;left:10%;position:absolute;width:-webkit-fit-content;width:fit-content;z-index:10}#nav #title img{height:50px;width:50px}#nav #title span{font-size:20px;font-weight:600}#home-content{align-items:center;flex-direction:column;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content;z-index:10}#home-content,#home-content #title{display:flex;gap:10px;justify-content:center}#home-content #title{align-items:end;font-size:80px;font-weight:700;height:150px;overflow:hidden;width:600px}#home-content #title #title-expense{animation:move-up-title 1.5s ease-in-out forwards;color:#4d69ff;transform:translateY(100%)}#home-content #title #title-tracker{animation:move-up-title 1.5s ease-in-out 1s forwards;transform:translateY(100%)}#home #title #title-helper{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 20px #0000001a;font-size:14px;font-weight:600;padding:8px 12px;pointer-events:none;position:fixed;z-index:9999}@keyframes move-up-title{0%{transform:translateY(100%)}80%{transform:translateY(-5%)}to{transform:translateY(0)}}#home-content p{animation:move-up 2s ease-in-out 2s forwards;max-width:60vw;opacity:0;text-align:center;transform:translateY(30px)}#home-content button{all:unset;animation:move-up 2s ease-in-out 2s forwards;border:1px solid #02f7b4;border-radius:50px;color:#02f7b4;cursor:pointer;font-size:16px;font-weight:600;height:-webkit-fit-content;height:fit-content;opacity:0;padding:10px 15px;transform:translateY(30px);transition:all .2s ease-in-out;width:-webkit-fit-content;width:fit-content}#home-content button:hover,#home-content button:hover:active{background:#02f7b4;color:#fff}#home-content button:hover:active{scale:.97}@keyframes move-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){#nav{height:100px}#bg-animation{bottom:-10%;left:-80vw;position:fixed;width:230vw}#home-content #title{font-size:60px;height:100px}#home-content p{font-size:12px;margin-top:0;max-width:70vw}}@media (min-width:481px) and (max-width:768px){#bg-animation{bottom:-12%;left:-60vw;position:fixed;width:200vw}#home-content #title{font-size:80px;height:100px;margin-top:20px}#home-content p{font-size:14px;margin-top:0;max-width:70vw}}#Dashboard{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;width:100vw}#side-menu{background:#e7eaff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 40px);left:20px;padding:30px;position:fixed;top:20px;width:250px}#side-menu-title{font-size:30px;font-weight:600}#menu-options{display:flex;flex-direction:column;font-size:14px;gap:30px;margin-top:50px}#menu-options .menu-option{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:3px}.menu-option .menu-option-icon{border-radius:5px;margin-right:10px;padding:5px}#menu-footer{align-items:center;bottom:30px;display:flex;font-size:18px;font-weight:600;position:absolute}#menu-footer .back-icon{cursor:pointer;margin-right:5px;padding:5px}#View{height:calc(100vh - 40px);margin-left:270px;width:calc(100vw - 300px)}#side-menu button{all:unset;height:25px;position:absolute;right:-35px;width:25px}@media (max-width:374px){#Dashboard{overflow-y:auto}#side-menu{border-radius:10px;height:100vh;left:0;top:0;transition:left .5s ease-in-out;width:calc(100vw - 45px);z-index:100}#View{height:calc(100vh - 40px);margin-left:10px;width:95vw}}@media (max-width:480px){#Dashboard{overflow-y:auto}#side-menu{border-radius:10px;height:100vh;left:0;top:0;transition:left .5s ease-in-out;width:calc(100vw - 48px);z-index:100}#View{height:calc(100vh - 40px);margin-left:10px;width:95vw}}@media (min-width:481px) and (max-width:750px){#Dashboard{overflow-y:auto}#side-menu{border-radius:10px;height:100vh;left:0;top:0;transition:left .5s ease-in-out,box-shadow .5s ease-in-out;width:calc(100vw - 80px);z-index:100}#View{height:calc(100vh - 40px);margin-left:10px;width:95vw}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}#sub-dashboard{box-sizing:border-box;display:flex;gap:20px;height:100%;padding:20px;width:100%}#clear-data-btn{all:unset;align-items:center;background:#e7eaff;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;height:35px;justify-content:center;padding:10px;position:absolute;right:20px;top:20px;width:180px;z-index:10}#sub-dashboard-left{height:100%;position:relative;width:300px}#sub-dashboard #title{display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}#sub-dashboard #title span:first-child{font-size:30px;font-weight:600}#sub-dashboard #title span:nth-child(2){color:gray;font-size:14px}#container-month{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin:20px 0 10px;width:300px}#container-month #next,#container-month #prev{all:unset;align-items:center;background:#e7eaff;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}#add-balance{all:unset;background:#e7eaff;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;gap:10px;height:45px;margin-top:10px;padding:10px;width:300px}#add-balance,#balance-graph{align-items:center;display:flex;justify-content:center}#balance-graph{flex-direction:column;gap:20px;height:300px;margin:10px 0;position:relative}#balance-graph #balance{display:flex;flex-direction:column;left:10px;position:absolute;top:10px}#balance-graph #balance span:first-child{color:gray;font-size:14px}#balance-graph #balance span:nth-child(2){font-size:18px;font-weight:600}#balance-graph #graph{background:#cffff2;border-radius:50%;height:175px;width:175px}#balance-graph #balance-spent{bottom:10px;display:flex;flex-direction:column;min-width:65px;position:absolute;right:10px}#balance-graph #balance-spent:before{background:#4d69ff;border-radius:50px;content:"";height:10px;position:absolute;right:0;top:5px;width:20px}#balance-graph #balance-spent span:first-child{color:gray;font-size:14px}#balance-graph #balance-spent span:nth-child(2){font-size:18px;font-weight:600}#balance-graph #balance-available{bottom:10px;display:flex;flex-direction:column;left:10px;min-width:65px;position:absolute}#balance-graph #balance-available:before{background:#02f7b4;border-radius:50px;content:"";height:10px;position:absolute;right:-25px;top:5px;width:20px}#balance-graph #balance-available span:first-child{color:gray;font-size:14px}#balance-graph #balance-available span:nth-child(2){font-size:18px;font-weight:600}#add-expense-btn{all:unset;align-items:center;background:#e7eaff;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;height:45px;justify-content:center;padding:10px;width:300px}#sub-dashboard-right{border-left:2px solid #d3d3d3;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;padding-left:20px;position:relative;width:calc(100% - 320px)}#sub-dashboard-right #sub-dashboard-right-top{display:flex;flex-direction:column;gap:10px;min-height:290px;position:relative;width:100%}#sub-dashboard-right #sub-dashboard-right-bottom span,#sub-dashboard-right #sub-dashboard-right-top span{color:gray;font-size:14px}#budget-cards{-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000);overflow-x:auto;padding-bottom:10px;padding-right:100px;scrollbar-width:thin;width:100%}#budget-cards,.budget-card{box-sizing:border-box;display:flex}.budget-card{background:#f9f9f9;border-radius:10px;box-shadow:0 5px 5px #e2e2e2;cursor:pointer;flex-direction:column;gap:15px;height:230px;margin-right:16px;min-width:300px;padding:15px;position:relative}.budget-card .budget-card-head div:first-child{font-size:20px;font-weight:600;width:85%}.budget-card .budget-card-head div:nth-child(2){align-items:center;border:1px solid #bebebe;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;width:40px}.budget-card .budget-card-body{display:flex;width:100%}.budget-card .budget-card-body div:first-child{color:gray;font-size:12px;width:50%}.budget-card .budget-card-body div:nth-child(2){align-items:center;border:1px solid #bebebe;border-radius:50%;bottom:15px;display:flex;height:130px;justify-content:center;position:absolute;right:15px;width:130px}.budget-card .budget-card-body .scale{bottom:15px;display:flex;flex-direction:column;gap:7px;left:35px;position:absolute;width:50%}.budget-card .budget-card-body .scale p{color:#000;font-size:12px;margin:0;position:relative}.budget-card .budget-card-body .scale .limit:before{content:"🚫";font-size:15px;left:-23px;position:absolute;top:-3px}.budget-card .budget-card-body .scale .spent:before{content:"💸";font-size:15px;left:-23px;position:absolute;top:-3px}.budget-card .budget-card-body .scale .pending:before{content:"⏳";font-size:15px;left:-23px;position:absolute;top:-3px}.budget-card .budget-card-body .scale .available:before{content:"💹";font-size:15px;left:-23px;position:absolute;top:-3px}#no-budget-notifier #add-budget{all:unset;align-items:center;background:#e7eaff;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;height:45px;justify-content:center;margin:20px 0 0;padding:10px;width:300px}#sub-dashboard-right #sub-dashboard-right-bottom{display:flex;flex-direction:column;gap:10px;min-height:53%;position:relative;width:100%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 90%,#0000);mask-image:linear-gradient(180deg,#000 90%,#0000);overflow-y:auto;padding-bottom:30px;padding-right:10px;position:relative;scrollbar-width:thin;width:100%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head{align-items:center;background:#cffff2;border-radius:5px;box-sizing:border-box;color:gray;display:flex;font-size:14px;font-weight:600;gap:20px;min-height:50px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head .e-head:first-child{width:15%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head .e-head:nth-child(2){width:25%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head .e-head:nth-child(3){width:30%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head .e-head:nth-child(4){width:15%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head .e-head:nth-child(5){width:10%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense{align-items:center;background:#f9f9f9;border-radius:5px;box-sizing:border-box;display:flex;font-size:12px;gap:20px;min-height:50px;padding:0 20px;width:100%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row{-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000);overflow:hidden}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:first-child{width:15%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(2){width:25%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(3){width:30%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(4){width:15%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(5){box-sizing:border-box;-webkit-mask-image:none;mask-image:none;overflow:visible;padding-left:18px;position:relative;width:10%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(5):before{background:#98fb98;border-radius:50px;content:"";height:10px;left:0;position:absolute;top:5px;width:10px}@media (max-width:480px){#clear-data-btn{right:calc(50vw - 100px);top:20px}#sub-dashboard{flex-direction:column;margin-top:40px;padding:20px 10px}#sub-dashboard-left{height:100%;width:100%}#container-month{width:100%}#add-balance,#add-expense-btn{height:40px;width:100%}#sub-dashboard-right{border-left:none;height:100%;padding-left:0;width:100%}#budget-cards{padding-bottom:20px;padding-left:0;scrollbar-width:auto}.budget-card{margin-right:15px;min-width:280px}.budget-card .budget-card-body div:nth-child(2){height:110px;width:110px}#no-budget-notifier #add-budget{height:40px;width:100%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses{padding-bottom:0;padding-right:0;scrollbar-width:auto}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head{font-size:10px;font-weight:400;gap:10px;min-height:40px;padding:0 10px}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense{font-size:10px;gap:10px;min-height:40px;padding:0 10px}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(5){padding-left:10px;width:10%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(5):before{height:7px;width:7px}}@media (min-width:481px) and (max-width:750px){#clear-data-btn{right:calc(50vw - 100px);top:20px}#sub-dashboard{flex-direction:column;margin-top:40px;padding:20px 10px}#sub-dashboard-left{height:100%;width:100%}#container-month{width:100%}#add-balance,#add-expense-btn{height:40px;width:100%}#sub-dashboard-right{border-left:none;height:100%;padding-left:0;width:100%}#budget-cards{padding-bottom:20px;padding-left:0;scrollbar-width:auto}.budget-card{margin-right:15px;min-width:280px}.budget-card .budget-card-body div:nth-child(2){height:110px;width:110px}#no-budget-notifier #add-budget{height:40px;width:100%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses{padding-bottom:0;padding-right:0;scrollbar-width:auto}#sub-dashboard-right #sub-dashboard-right-bottom #expenses #expense-head{font-size:12px;font-weight:400;gap:10px;min-height:40px;padding:0 10px}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense{font-size:12px;font-weight:600;gap:10px;min-height:40px;padding:0 10px}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(5){padding-left:12px;width:10%}#sub-dashboard-right #sub-dashboard-right-bottom #expenses .expense .e-row:nth-child(5):before{height:10px;width:10px}}#add-expense-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}#add-expense-modal{background:#fff;border-radius:10px;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;gap:15px;padding:20px;width:320px;z-index:1000}#add-expense-modal h2{color:#333;font-size:20px;margin:0;text-align:center}#add-expense-modal form{display:flex;flex-direction:column;gap:10px}#add-expense-modal label{color:gray;display:flex;flex-direction:column;font-size:14px}#add-expense-modal input,#add-expense-modal select,#add-expense-modal textarea{border:1px solid #ccc;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:600;outline:none;padding:8px;resize:none}#add-expense-modal textarea{min-height:60px}@media (max-width:480px){#add-expense-modal{scale:.92;transform-origin:50% 0;width:calc(100vw - 80px)}}#add-budget-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}#add-budget-modal{background:#fff;border-radius:10px;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;gap:15px;padding:20px;width:320px;z-index:1000}#add-budget-modal h2{color:#333;font-size:20px;margin:0;text-align:center}#add-budget-modal form{display:flex;flex-direction:column;gap:10px}#add-budget-modal label{color:gray;display:flex;flex-direction:column;font-size:14px}#add-budget-modal input,#add-budget-modal select,#add-budget-modal textarea{border:1px solid #ccc;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:600;outline:none;padding:8px;resize:none}#add-budget-modal textarea{min-height:60px}.modal-buttons{display:flex;justify-content:space-between;margin-top:10px}.modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:8px 12px;transition:.3s ease}.modal-buttons button[type=submit]{background-color:#4d69ff;color:#fff}.modal-buttons button[type=button]{background-color:#ddd}.modal-buttons button:hover{opacity:.9}#emoji-picker{align-items:center;display:flex;font-size:16px;gap:10px;justify-content:start;position:relative}#emoji-picker input{border:1px solid #ccc;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:600;outline:none;padding:8px;resize:none;width:80%}#emoji-picker #emoji-button{all:unset;align-items:center;background-color:#ccc;border-radius:5px;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}#emoji-picker #emoji-button:hover{opacity:.9}#emoji-picker #picker{position:absolute;right:-120%;top:-175px}@media (max-width:480px){#add-budget-modal{scale:.92;transform-origin:50% 0;width:calc(100vw - 80px)}#emoji-picker #picker{max-width:170px;min-width:150px;position:absolute;right:150px;top:25px}}@media (min-width:481px) and (max-width:1110px){#emoji-picker #picker{max-width:170px;min-width:150px;position:absolute;right:150px;top:25px}}#reports{box-sizing:border-box;gap:20px;height:100%;-webkit-mask-image:linear-gradient(0deg,#000 98%,#0000);mask-image:linear-gradient(0deg,#000 98%,#0000);overflow-y:scroll;padding:20px;position:relative;scrollbar-width:thin;width:100%}#reports,#reports #title{display:flex;flex-direction:column}#reports #title{gap:10px;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}#reports #title span:first-child{font-size:30px;font-weight:600}#reports #title span:nth-child(2){color:gray;font-size:14px}#bubble-chart{background:#f9f9f9;border-radius:10px;box-shadow:0 10px 20px #00000026;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;min-height:400px;padding:20px;width:100%}#bubble-chart,#bubble-chart .bubble{align-items:center;display:flex;justify-content:center}#bubble-chart .bubble{border-radius:50%;color:#fff;font-size:10px;position:relative;transition:all .9s ease-in-out}#bubble-chart .bubble:hover{scale:1.2}#bubble-chart .bubble .bubble-helper{background:#0000004d;border-radius:5px;color:#fff;font-size:10px;opacity:0;padding:5px;position:absolute;right:0;top:0;transform:translateY(15px);transition:all .5s ease .5s}#bubble-chart .bubble:hover .bubble-helper{opacity:1;transform:translateY(0)}#reports-bottom{align-items:center;display:flex;justify-content:space-between;width:100%}#line-chart,#pie-chart{align-items:center;background:#f9f9f9;border-radius:10px;box-shadow:0 10px 20px #00000026;box-sizing:border-box;display:flex;justify-content:center;padding:20px;width:49%}#refresh-btn{all:unset;align-items:center;background:#e7eaff;border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;height:35px;justify-content:center;padding:10px;position:absolute;right:20px;top:60px;width:150px;z-index:10}#refresh-btn:before{bottom:0;color:gray;content:"Refresh if unable to see the changes";font-size:14px;left:-180%;position:absolute;width:300px}@media (max-width:480px){#reports{margin-top:30px;-webkit-mask-image:linear-gradient(0deg,#000 95%,#0000);mask-image:linear-gradient(0deg,#000 95%,#0000);padding:20px 10px}#bubble-chart{margin-top:60px;min-height:350px;width:100%}#bubble-chart .bubble{scale:.7}#reports-bottom{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:100%}#line-chart,#pie-chart{min-height:350px;padding:20px;width:100%}#refresh-btn{position:absolute;right:20px;top:110px;width:100px;z-index:10}#refresh-btn:before{bottom:-22.5px;color:gray;content:"Refresh if unable to see the changes";font-size:12px;left:-120%;position:absolute;width:300px}}@media (min-width:481px) and (max-width:768px){#reports{margin-top:30px;-webkit-mask-image:linear-gradient(0deg,#000 95%,#0000);mask-image:linear-gradient(0deg,#000 95%,#0000);padding:20px 10px}#bubble-chart{margin-top:60px;min-height:350px;width:100%}#bubble-chart .bubble{scale:.8}#reports-bottom{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:100%}#line-chart,#pie-chart{min-height:350px;padding:20px;width:100%}#refresh-btn{position:absolute;right:20px;top:110px;width:100px;z-index:10}#refresh-btn:before{bottom:-22.5px;color:gray;content:"Refresh if unable to see the changes";font-size:12px;left:-120%;position:absolute;width:300px}}#budgets{box-sizing:border-box;gap:20px;height:100%;padding:20px;position:relative;width:100%}#budgets,#budgets #title{display:flex;flex-direction:column}#budgets #title{gap:10px;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}#budgets #title span:first-child{font-size:30px;font-weight:600}#budgets #title span:nth-child(2){color:gray;font-size:14px}#container-buttons{align-items:center;display:flex;gap:10px;justify-content:center;position:absolute;right:20px;top:40px}#container-buttons #container-month{align-items:center;display:flex;font-weight:600;justify-content:space-between;left:-87%;position:absolute;top:-55%;width:220px}#container-buttons #container-month #next,#container-buttons #container-month #prev{all:unset;align-items:center;background:#e7eaff;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}#container-buttons #add-budget,#container-buttons #add-expense{all:unset;align-items:center;background:#e7eaff;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:5px;height:35px;justify-content:center;padding:0 10px;width:-webkit-fit-content;width:fit-content}#budget-container{height:90%;width:100%}#budget-container #budgets-nav{background:#e7eaff;justify-content:start}#budget-container #budgets-nav,#budget-container #budgets-nav .b-nav{align-items:center;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;height:50px;min-height:50px;position:relative;width:-webkit-fit-content;width:fit-content}#budget-container #budgets-nav .b-nav{cursor:pointer;font-size:14px;gap:10px;justify-content:center;padding:0 20px}#budget-container #budgets-nav .b-nav:last-child{all:unset;align-items:center;background:#e7eaff;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:-45px;width:35px}#budget-container #budgets-nav .b-nav span{font-size:16px}#budget-container #budgets-content{background:#f9f9f9;border-radius:0 10px 10px 10px;display:flex;flex-direction:column;height:calc(100% - 70px);padding:0 15px;position:relative}#budget-container #budgets-content .be-head{align-items:center;background:#f9f9f9;box-sizing:border-box;color:gray;display:flex;font-size:12px;font-weight:600;height:50px;min-height:50px;padding:10px 55px 10px 15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:9}#budget-container #budgets-content .be-head .be-head-cell:first-child{margin-right:15px;width:10%}#budget-container #budgets-content .be-head .be-head-cell:nth-child(2),#budget-container #budgets-content .be-head .be-head-cell:nth-child(3){margin-right:10px;width:20%}#budget-container #budgets-content .be-head .be-head-cell:nth-child(4){margin-right:10px;width:30%}#budget-container #budgets-content .be-head .be-head-cell:nth-child(5),#budget-container #budgets-content .be-head .be-head-cell:nth-child(6){margin-right:10px;width:10%}#budget-container #budgets-content #budgets-content-entries{box-sizing:border-box;height:100%;overflow-y:auto;scrollbar-width:thin;width:100%}#budget-container #budgets-content .be-row{align-items:center;border-bottom:1px solid #d3d3d3;box-sizing:border-box;display:flex;font-size:12px;height:50px;min-height:50px;padding:10px 55px 10px 15px;position:relative;width:100%}#budget-container #budgets-content .be-row .be-cell:first-child{all:unset;margin-right:10px;width:10%}#budget-container #budgets-content .be-row .be-cell:nth-child(2){all:unset;margin-right:10px;width:20%}#budget-container #budgets-content .be-row .be-cell:nth-child(3){all:unset;margin-right:10px;width:20%}#budget-container #budgets-content .be-row .be-cell:nth-child(4){all:unset;margin-right:10px;width:30%}#budget-container #budgets-content .be-row .be-cell:nth-child(5){all:unset;margin-right:10px;width:10%}#budget-container #budgets-content .be-row .be-cell:nth-child(6){all:unset;margin-right:10px;width:10%}#budget-container #budgets-content .be-row .edit-del-btn{align-items:center;display:flex;gap:10px;justify-content:center;position:absolute;right:20px;width:-webkit-fit-content;width:fit-content}#budget-container #budgets-content .be-row .edit-del-btn .edit-btn,.cross-btn,.delete-btn,.tick-btn{cursor:pointer}@media (max-width:480px){#budgets #title{margin-top:90px}#container-buttons{position:absolute;right:calc(50vw - 145px);top:60px}#container-buttons #container-month{left:calc(50% - 110px);top:-200%;width:220px}#budget-container{box-sizing:border-box;height:72.5%;-webkit-mask-image:linear-gradient(90deg,#000 98%,#0000);mask-image:linear-gradient(90deg,#000 98%,#0000);overflow:auto;padding-right:60px;position:relative;width:100%}#budget-container #budgets-content{height:calc(100% - 70px);position:absolute;width:1000px}#budgets #title:after{bottom:0;color:gray;content:"↔ scroll ↕";left:calc(50% - 50px);position:absolute;width:100px}}@media (min-width:481px) and (max-width:768px){#budgets #title{margin-top:90px}#container-buttons{position:absolute;right:calc(50vw - 145px);top:60px}#container-buttons #container-month{left:calc(50% - 110px);top:-200%;width:220px}#budget-container{box-sizing:border-box;height:72.5%;-webkit-mask-image:linear-gradient(90deg,#000 95%,#0000);mask-image:linear-gradient(90deg,#000 95%,#0000);overflow:auto;padding-right:60px;position:relative;width:100%}#budget-container #budgets-content{height:calc(100% - 70px);position:absolute;width:1000px}#budgets #title:after{bottom:0;color:gray;content:"↔ scroll ↕";left:calc(50% - 50px);position:absolute;width:100px}}#history{box-sizing:border-box;gap:20px;height:100%;padding:20px;position:relative;width:100%}#history,#history #title{display:flex;flex-direction:column}#history #title{gap:10px;height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}#history #title span:first-child{font-size:30px;font-weight:600}#history #title span:nth-child(2){color:gray;font-size:14px}#all-expenses{display:flex;flex-direction:column;gap:10px;height:87%;position:relative;width:100%}#all-expenses span{color:gray;font-size:14px}#all-expenses #expenses{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 90%,#0000);mask-image:linear-gradient(180deg,#000 90%,#0000);overflow-y:auto;padding-bottom:30px;padding-right:10px;position:relative;scrollbar-width:thin;width:100%}#all-expenses #expenses #expense-head{align-items:center;background:#cffff2;border-radius:5px;box-sizing:border-box;color:gray;display:flex;font-size:14px;font-weight:600;gap:20px;min-height:50px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}#all-expenses #expenses #expense-head .e-head:first-child{width:15%}#all-expenses #expenses #expense-head .e-head:nth-child(2){width:25%}#all-expenses #expenses #expense-head .e-head:nth-child(3){width:30%}#all-expenses #expenses #expense-head .e-head:nth-child(4){width:15%}#all-expenses #expenses #expense-head .e-head:nth-child(5){width:10%}#all-expenses #expenses .expense{align-items:center;background:#f9f9f9;border-radius:5px;box-sizing:border-box;display:flex;font-size:12px;gap:20px;min-height:50px;padding:0 20px;width:100%}#all-expenses #expenses .expense .e-row{-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000);overflow:hidden}#all-expenses #expenses .expense .e-row:first-child{width:15%}#all-expenses #expenses .expense .e-row:nth-child(2){width:25%}#all-expenses #expenses .expense .e-row:nth-child(3){width:30%}#all-expenses #expenses .expense .e-row:nth-child(4){width:15%}#all-expenses #expenses .expense .e-row:nth-child(5){box-sizing:border-box;-webkit-mask-image:none;mask-image:none;overflow:visible;padding-left:18px;position:relative;width:10%}#all-expenses #expenses .expense .e-row:nth-child(5):before{background:#98fb98;border-radius:50px;content:"";height:10px;left:0;position:absolute;top:5px;width:10px}@media (max-width:480px){#history #title{margin-top:30px}#all-expenses{height:90%;width:102%}#all-expenses #expenses{padding-bottom:0;padding-right:0;scrollbar-width:auto}#all-expenses #expenses #expense-head{font-weight:400}#all-expenses #expenses #expense-head,#all-expenses #expenses .expense{font-size:10px;gap:10px;min-height:40px;padding:0 10px}#all-expenses #expenses .expense .e-row:nth-child(5){padding-left:10px;width:10%}#all-expenses #expenses .expense .e-row:nth-child(5):before{height:7px;left:-3px;width:7px}}@media (min-width:481px) and (max-width:768px){#history #title{margin-top:30px}#all-expenses{height:90%;width:102%}#all-expenses #expenses{padding-bottom:0;padding-right:0;scrollbar-width:auto}#all-expenses #expenses #expense-head{font-weight:400}#all-expenses #expenses #expense-head,#all-expenses #expenses .expense{font-size:10px;gap:10px;min-height:40px;padding:0 10px}#all-expenses #expenses .expense .e-row:nth-child(5){padding-left:10px;width:10%}#all-expenses #expenses .expense .e-row:nth-child(5):before{height:8px;left:-4px;width:8px}}
/*# sourceMappingURL=main.c5e895a0.css.map*/