*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:sofia;src:url(./SofiaSans-Regular-ccx77tb4.ttf)}@font-face{font-family:head1;src:url(./Campton-LightDEMO-DbgOS2x2.otf)}@font-face{font-family:head2;src:url(./CodecPro-Regular-B0JKGhXU.ttf)}html{width:100vw;overflow-x:hidden}body{height:100%;display:flex;justify-content:center;align-items:center}:root{--green: #00897B;--dark: #dfffe3;--light: #dfffe3;--darkb: #011947}section{width:100%;display:flex}.login{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100vh;align-items:center}.login header{padding:10px;width:100%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 0 20px;background:#00155c}.login header h1{font-family:sans-serif;font-weight:900;font-size:50px;color:#fff;text-transform:uppercase}.login header p{font-family:sofia;font-weight:500;color:#fff;text-transform:uppercase}.login .bottom h1{text-transform:capitalize;font-family:sofia;font-weight:800;font-size:30px;text-align:center;margin:30px 0}.login .bottom input{width:300px;height:40px;padding:10px;display:flex;font-size:15px;font-family:sans-serif;margin:auto auto 30px;border:none;border-radius:100px;box-shadow:2px 2px 5px 1px #5a5a5a6c}.login .bottom button{background:#00155c;width:300px;color:#fff;font-family:sans-serif;padding:10px 0;border:none;border-radius:10px;font-weight:900;font-size:20px}.login .bottom p{font-family:sofia;text-transform:capitalize;text-align:center;padding:10px;font-size:15px;display:block}.signin{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100vh;align-items:center}.signin header{background:#00155c;padding:10px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 0 20px}.signin header h1{font-family:sans-serif;font-weight:900;font-size:50px;color:#fff;text-transform:uppercase}.signin header p{font-family:sofia;font-weight:500;color:#fff;text-transform:uppercase}.signin .bottom h1{text-transform:capitalize;font-family:sofia;font-weight:800;font-size:30px;text-align:center;margin:30px 0}.signin .bottom input{width:300px;height:40px;padding:10px;display:flex;font-size:15px;font-family:sans-serif;margin:auto auto 30px;border:none;border-radius:100px;box-shadow:2px 2px 5px 1px #5a5a5a6c}.signin .bottom button{background:#00155c;width:300px;color:#fff;font-family:sans-serif;padding:10px 0;border:none;border-radius:10px;font-weight:900;margin:auto;display:block;font-size:20px}.signin .bottom p{font-family:sofia;text-transform:capitalize;text-align:center;padding:10px;font-size:15px;display:block}.home header{display:flex;justify-content:space-between;padding:30px}.home .uimg,.menu{width:40px;height:40px}.home .uimg{border-radius:50%;padding:3px;background-color:#dadada}.home .menu{border-radius:100px;display:flex;aspect-ratio:1/1;justify-content:center;align-items:center;box-shadow:2px 2px 3px 1.5px #94949488}.home .menu .nav{height:10px;width:18px;border-top:2.5px #333 solid;border-bottom:2.5px #333 solid}.home .body .intro{font-family:sofia;font-size:60px;font-weight:900;padding:0 30px;color:#00155c}.home .body .tasks{list-style:none;padding:30px 10px;margin:30px 0;justify-content:space-around;align-items:center}.home .body .tasks .head{list-style:none;display:flex;justify-content:space-around;align-items:center}.home .body .tasks .head li{font-size:15px;color:#2e2e2e;text-transform:capitalize;padding:10px 30px;font-family:sofia;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-family:head2;font-weight:600;letter-spacing:3px;transition:.1s ease-in;transition-delay:-0s;cursor:pointer}.home .body .tasks .head .task.active{background-color:#ff4500;color:#fff;font-size:15px;border-radius:100px}.home .body .taskcards{display:flex;gap:20px;width:95vw;padding-left:10px;overflow-x:auto}.home .body .taskcard{background-color:#d5dfff;color:#000;height:110px;width:110px;border:1px solid #f7f7f7d7;margin:20px 0;aspect-ratio:1/1;border-radius:5px;position:relative}.home .body .taskcard .text{color:#fff;font-size:20px;font-family:sofia;text-transform:uppercase;position:absolute;bottom:0;width:100%;text-align:center;background-color:#003cff;padding:10px;border-radius:0 0 5px 5px}.home .body .taskcard .percent{font-size:30px;color:#000;width:100%;font-family:head2;text-align:center;padding-top:20px}.home .body .blogs h1{font-family:sans-serif;font-weight:900;font-size:40px;color:#00155c;text-transform:capitalize}.home .body .taskcard .plus{color:#fff;width:30px;height:40px;display:block;position:absolute;top:30%;left:50%;transform:translate(-50%)}.home .body .taskcard:nth-child(1){background-image:linear-gradient(to bottom,#c4c4c48f 50%,#000 0%)}.taskcard:nth-child(1) .content{color:#fff;font-family:head1;font-size:13px;position:absolute;bottom:0;padding:5px;text-align:center;text-transform:capitalize}.home .taskcards .taskcard.more{background-color:#5a5a5a56;display:flex;flex-direction:column;justify-content:center;align-items:center}.home .taskcards .taskcard .arrow{color:#000;height:55px;width:55px}.home .taskcards .taskcard.more .content{color:#fff;font-family:sofia;bottom:0;padding:3px;font-size:18px;width:100%;text-align:center}*{transition-delay:1s ease;padding:0;margin:0}.budget{background:var(--green);display:flex;flex-direction:column;width:100vw;padding:0;height:100vh}.addpage{position:absolute;background:#00000070;width:100vw;height:100vh;display:none;align-items:flex-end;z-index:5}@media screen and (min-width:500px){.budgetpage{width:450px;position:relative;border-radius:30px;height:fit-content;overflow:hidden;align-items:center;justify-content:center;box-shadow:0 0 45px #63636380;margin:30px 0}.budgetpage .header{border-top-left-radius:10px;border-top-right-radius:10px}.budgetpage .page{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.addpage{position:absolute;background:#00000070;width:100%;height:100%;display:none;align-items:flex-end;z-index:5}}.addpage.hide{display:none}.addpage.show{display:flex}.addpage .addmoney{background:#fff;height:fit-content;width:100%;border-radius:30px 30px 0 0;display:flex;flex-direction:column;align-items:center;padding:0 30px 10px;font-family:sofia}.addpage .addmoney .close{width:130px;height:10px;background:#fff;box-shadow:0 0 2px 2px #4e4e4e41;border-radius:100px;margin-bottom:10px;margin-top:10px;border:none}.addpage .addmoney .head{display:flex;gap:30px}.addpage .addmoney .head .means,.addpage .addmoney .head .category{padding:10px 0;text-align:center;background:#00f;border-radius:100px;color:#fff;width:130px;border:none;font-size:20px}.addpage .addmoney .head .means option,.addpage .addmoney .head .category option{background-color:#fff;color:#000;border-radius:10px}.addpage .addmoney p{padding:10px}.addpage .addmoney .input{width:250px;height:80px;text-align:center;font-size:50px;border:none;background:none}.btns{padding:15px;display:grid;width:350px;height:350px;justify-content:space-between;align-content:space-between;grid-template-columns:repeat(4,21%);position:relative}.btns button{font-size:30px;border-radius:10px;border:none;background:#f5f8f5;font-family:head2}.btns .no{width:100%;aspect-ratio:1/1}.btns .big{grid-row:span 2;height:100%;background:var(--green)}.page{display:flex;flex-direction:column;width:100%;height:100%;padding:10px;background:var(--light);border-radius:50px 50px 0 0}.page .chart{width:fit-content;height:40vh;display:flex;display:none;border-bottom:1.5px solid #555;justify-content:space-between}.page .chart .id{height:100%;padding:10px 5px;display:flex}.page .chart .id .bar{border-bottom:1.5px solid #555;margin:10px;background:var(--co);border:none;width:20px;height:var(--i);border-radius:100px;bottom:0;align-self:flex-end;align-items:flex-end}.page .analysis{display:flex;justify-content:space-evenly;padding:5x;background-color:#87fdbc;border-radius:10px;margin:010px 15px;box-shadow:0 3px 3px #aaaaaa96}.page .analysis .wind{font-family:sofia;font-weight:500;font-size:20px;background:#eee;justify-content:center;display:flex;width:100%;margin:10px;gap:10px;padding:10px 0;flex-direction:column;align-items:center;border-radius:10px;color:#706f6f;transition:.1s}.page .analysis .wind.active{background:var(--darkb);color:#fff}.page .analysis .container .amount{font-family:head2;font-weight:600;display:none}.page .details .fallback{color:#333;font-size:15px;text-align:center;padding:10px 0}.page .details{display:flex;flex-direction:column;width:100%}.page .details li{display:flex;padding:10px;width:100%;align-items:center}.page .details .imgbg{border-radius:100px;padding:1px;justify-content:center;display:flex;align-items:center;background-color:var(--bg);color:#fff;width:fit-content;aspect-ratio:1/1}.page .details .img{width:50px;height:40%}.page .details .info{padding:0 10px}.page .details .head{font-family:sofia;font-weight:900}.page .details .pricelist{justify-items:flex-end;right:20px;display:flex;flex-direction:row;position:absolute;z-index:1;align-items:center;gap:10px}.page .details .pricelist .delbtn{height:100%;width:20px;color:#c90000}.page .details .pricelist .pricesec{display:flex;flex-direction:column;align-items:flex-end}.page .details .source,.page .details .percent{color:#555;font-size:15px;font-family:sofia}.page header{background-color:var(--green);border-radius:30px;margin:10px;padding:15px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 3px 3px #64646496}.page header .subh{display:flex;width:100%;align-items:center;justify-content:center}.page header .subh .goal{display:flex;flex-direction:column;margin:10px 20px;align-items:center}.page header .subh .goal .per{justify-content:center;display:flex;width:fit-content;border-radius:100px;width:80px;height:80px;margin:5px;border:3px #fff solid;padding:15px}.page header .subh .goal .car{width:100%;height:100%}.page header .subh .goal p{font-family:head1;text-transform:uppercase;width:80px;text-align:center;font-size:13px}.page header .subh .moredetails{border-left:3px solid #f1f1f1;height:80%;margin-right:20px;padding:10px;width:100%;display:flex;flex-direction:column;justify-content:center;font-family:sofia;gap:5px}.page header .subh .moredetails h3{color:#1d1d1d}.page header .subh .moredetails p{color:#fff}.bah{color:#fff5f5;font-size:30px;z-index:100;width:100px;position:absolute;background:red}.NA{text-align:center;padding:30px}.NA p{font-size:20px}.NA .hour{animation:3s turn ease infinite}@keyframes turn{0%,to{transform:rotate(-1deg)}50%{transform:rotate(180deg)}}.header{background:var(--green);width:100%}.header .head{display:flex;justify-content:space-between;width:100%;padding:30px 10px 10px;align-items:center}.header .uimg,.menu{width:30px;height:30px;margin:10px}.header .uimg{border-radius:50%;color:#fff;background-color:#4b4b4b;padding:3px}.header .menu{border-radius:100px;display:flex;aspect-ratio:1/1;justify-content:center;align-items:center;box-shadow:-5px -5px 12px #ffffff4d,5px 5px 12px #0000004d}.header .menu:active{border-radius:100px;display:flex;aspect-ratio:1/1;justify-content:center;align-items:center;box-shadow:inset -2px -2px 5px #ffffff4d,inset 2px 2px 5px #0000004d}.buget .menu .nav{height:10px;width:18px;border-top:2.5px #ffffff solid;border-bottom:2.5px #ffffff solid}.buget .header .balance p{font-family:head1;font-size:11px;color:#555;font-weight:600}.budget .header .name{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:sofia;font-weight:600;font-size:20px}.budget .header .am{display:flex;justify-content:space-evenly;list-style:none;font-family:head2;margin:10px 10px 20px;align-items:center}.budget .header .am .bal,.buget .header .am .ex{display:flex;flex-direction:column;justify-content:center;align-items:center}.budget .header .am .price{font-weight:800;color:#fff;padding:5px;font-size:20px;font-family:sofia}.budget .header .am .divisor{height:50px;width:3px;background:#e4e4e4;border-radius:10px}.budget .header .am .ex .price{color:#00f}.budget #nav{display:flex;list-style:none;font-family:head2;justify-content:space-evenly;margin-bottom:15px;align-items:center}.budget #nav #add{display:flex;background:#000;padding:6px 16px;color:#fff;border-radius:100px;align-items:center;gap:10px;width:fit-content;flex-wrap:nowrap;word-wrap:normal;border:none;font-family:head2;justify-content:center}.budget #nav .sw{border-radius:100px;padding:6px 1px;width:100px;display:flex;justify-content:center;font-family:head2;font-size:13px}.budget #nav .sw option{background-color:#fff}.budget #nav .sw option::target-text{background-color:#ff1919}*{text-transform:capitalize;padding:0;margin:0;box-sizing:border-box;font-family:monospace}.todo{background:#333;color:#fff;background-color:var(--darkb);font-family:monospace;justify-content:center;display:flex;height:100vh;width:100vw}.todo .con{display:flex;flex-direction:column;align-items:center}.todo .con h1{text-align:center;margin:30px}.todo .header{background:#00000080;padding:10px;border-radius:5px;margin:5px;display:flex;align-items:center;justify-content:center;gap:10px}.todo input{font-size:15px}.todo input[type=text]{border-radius:3px;width:300px;height:40px;padding:5px;border:1px #333 solid}.todo input[type=number]{border-radius:3px;width:100px;padding:5px;height:40px;border:1px #333 solid}.todo .btn{border-radius:3px;padding:0 20px;height:40px;border:1px #333 solid;font-weight:600;font-size:20px;font-family:sans-serif}.todo .btn:hover{background:#ff4500;color:#fff}.todo #bg{width:500px;height:30px;border-radius:500px;background:#aaa;overflow:hidden}.todo .progress-bar{width:0px;height:30px;background:red;transition:2s}.todo #res{background:#eee;color:#000;border-radius:5px;width:100%}.todo #res p{text-align:center;padding:10px;font-size:15px;font-weight:600;color:#555}.todo .li{font-size:30px;padding:5px}