@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{border:none;box-sizing:border-box;font-family:Lato,sans-serif;margin:0;outline:none;padding:0;text-decoration:none;text-transform:capitalize;transition:.2s linear}:root{--bg:#161619;--brown:#f66d40;--brown-g:#f66e407a;--pl:#ffffff50;--box:4rem 4rem 0 #0000001a}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:5rem}html::-webkit-scrollbar{width:.5rem}html::-webkit-scrollbar-track{background:#161619;background:var(--bg)}html::-webkit-scrollbar-thumb{background:#f66d40;background:var(--brown);border-radius:10px}body{background-color:#161619;background-color:var(--bg);color:#fff}main{justify-content:space-between;width:100vw}main,section.login{align-items:center;display:flex;height:100vh}section.login{background-color:#fff;justify-content:center;width:100%}section.login .login--container{background-color:#fff;border-radius:15px;box-shadow:0 0 3px 4px rgba(0,0,0,.123);color:#000;height:400px;padding-bottom:1rem;text-align:center;width:550px}section.login .login--container .item.one{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:center;width:100%}section.login .login--container .item.one .logoimg{height:80px;width:150px}section.login .login--container .item.one .logoimg img{height:100%;object-fit:contain;width:100%}section.login .login--container .item.one h1{font-size:3rem;margin-bottom:1rem}section.login .login--container .item.one p{color:#838383;font-size:1.2rem;font-weight:700}section.login .login--container .item.two{align-items:center;display:flex;flex-direction:column;gap:10px;height:50%;justify-content:space-around;width:100%}section.login .login--container .item.two .input--field{align-items:center;display:flex;height:70px;justify-content:space-around;width:350px}section.login .login--container .item.two .input--field .icons{color:#f66d40;color:var(--brown);font-size:1.2rem}section.login .login--container .item.two .input--field input{border:2px solid #f66e407a;border:2px solid var(--brown-g);height:100%;text-indent:1rem;width:92%}section.login .login--container .item.two .input--field input:hover{border-color:#f66d40;border-color:var(--brown)}section.login .login--container .item.two .input--field.forget{display:flex;justify-content:right;padding-right:1rem}section.login .login--container .item.two .input--field.forget p{color:#f66e407a;color:var(--brown-g);font-size:1.1rem;font-weight:700;text-decoration:underline}section.login .login--container .item.two .input--field.forget p:hover{color:#f66d40;color:var(--brown)}section.login .login--container .item.two .btn{background-color:#ffbf2a;border-radius:5px;height:70px;width:200px}section.login .login--container .item.two p{color:#838383;font-weight:700}@media screen and (max-width:550px){section.login .login--container{box-shadow:0 0 3px 4px #0000;width:100%}}@media screen and (max-width:350px){section.login .login--container .item.two .input--field{width:90%}}section.nav{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin-bottom:.1rem;width:25%}nav.mobile{display:none}section.nav .nav--container{height:100%;width:100%}section.nav div.logo{height:140px;justify-content:center}section.nav div.logo,section.nav nav{align-items:center;display:flex;width:100%}section.nav nav{flex-direction:column;height:400px;justify-content:space-around}section.nav .a-logo{margin-right:2rem}section.nav nav a{align-items:center;color:var(--pl);display:flex;font-size:20px;height:60px;padding-left:3rem;width:100%}section.nav nav a:hover{background-color:var(--brown-g)}section.nav nav a.active{background:-webkit-linear-gradient(left,var(--brown-g),#0000);color:#fff;position:relative}section.nav nav a.active:after{background-color:var(--brown);border-bottom-right-radius:20px;border-top-right-radius:20px;content:"";height:70%;left:0;position:absolute;width:6px}section.pre{align-items:center;display:flex;height:200px;justify-content:center;width:100%}section.pre img{height:150px;width:190px}@media screen and (max-width:840px){section.pre img{height:90%;width:90%}}@media screen and (max-width:815px){section.nav{display:none}nav.mobile{align-items:center;bottom:15px;display:flex;justify-items:center;position:fixed;width:100%;z-index:999}nav.mobile .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:10px;display:flex;gap:20px;margin:0 auto;padding:1rem}nav.mobile .container a.active{align-items:center;background-color:var(--brown);border-radius:10px;display:flex;justify-content:center;padding:1rem}}section.main{height:100%;padding:.3rem;width:50%}section.main div.input{align-items:center;display:flex;height:100px;justify-content:center;width:100%}section.main div.input .input-contain{align-items:center;display:flex;height:60px;justify-content:center;width:80%}section.main div.input .input-contain img{margin-right:1rem}section.main div.input .input-contain input{background-color:initial;border-radius:10px;color:#fff;font-size:1.5rem;height:40px;text-indent:1rem;width:80%}section.main div.input .input-contain input:focus{border:2px solid var(--brown-g)}section.main div.input .input-contain input::placeholder{font-size:1.5rem}section.main div.input .logoimg{display:none}section.main div.input .not{align-items:center;display:flex;justify-content:center}section.main div.input .not div.pics--con{border:2px solid var(--brown);border-radius:50%;height:50px;overflow:hidden;width:50px}section.main div.input .not div.pics--con img{height:100%;width:100%}section.main div.input .not .profile,section.main div.input .not div{position:relative}section.main .flex{align-items:center;display:flex;height:35%;justify-content:space-around;margin-bottom:2rem}section.main .flex div.info{align-items:center;display:flex;height:200px;justify-content:center;margin:3rem;position:relative;width:200px}section.main .flex div.info .cir{height:100%;object-fit:contain;position:absolute;width:100%;z-index:1}section.main .flex div.info .one{z-index:-1}section.main .flex div.info .two{height:220px;transform:translate(-10%,20%) rotate(7deg);width:220px}section.main .flex div.info .three{animation:three .4s ease-in-out .5s forwards;height:250px;transform:translate(6%,14%) rotate(70deg);width:250px}section.main .flex div.info .four{animation:four .4s ease-in-out .5s forwards;height:280px;transform:translate(4%,17%) rotate(120deg);width:280px}@keyframes three{to{transform:translate(6%,14%) rotate(25deg)}}@keyframes four{to{transform:translate(25%,3%) rotate(15deg)}}section.main .flex div.info article{align-items:center;background-color:#000;border-radius:50%;display:flex;flex-direction:column;font-size:1.5rem;height:150px;justify-content:center;position:relative;width:150px;z-index:2}section.main .flex div.info article img{animation:spinner .4s ease-in-out .5s 5;height:90%;position:absolute;width:90%}section.main .flex div.info article small{color:var(--pl)}section.main .flex div.grid{grid-gap:10%;animation:loading .4s ease-in-out .5s forwards;display:grid;grid-template-columns:repeat(2,45%);grid-template-rows:repeat(2,45%);height:120px;opacity:0;transform:translateY(-50px);width:300px}@keyframes loading{to{opacity:1;transform:translateY(0)}}section.main .flex div.grid article{align-items:flex-start;display:flex;height:100%;justify-content:space-between;width:100%}section.main .flex div.grid article div.dot{background-color:red;border-radius:50%;height:10px;width:10px}section.main .flex div.grid article div p{color:var(--pl);font-size:1.5rem}section.main .flex div.grid article div small{font-size:1.2rem}section.main .statistic{height:calc(65% - 100px - 2rem)}section.main .statistic .stat{height:100%;width:100%}section.main .statistic .header{align-items:center;display:flex;height:50px;justify-content:space-between}section.main .statistic .header h3{font-size:1.7rem;margin-left:.4rem}section.main .statistic .header p{background-color:var(--bg);border-radius:10px;box-shadow:5px 7px 7px #00000038;color:#f66d40;font-size:1.5rem;padding:1rem}section.main .statistic .sta{align-items:center;display:flex;height:85%;justify-content:center;position:relative;width:100%}section.main .statistic .sta img.thread{height:100%;width:100%}section.main .statistic .sta .grid{bottom:0;display:grid;grid-template-columns:repeat(6,16%);height:20px;position:absolute;width:100%}section.main .statistic .sta .grid p{align-items:center;display:flex;justify-content:center}section.main .statistic .sta .rec{animation:rec .7s ease-in-out .9s forwards;height:90%;left:0;opacity:0;position:absolute;top:0;width:90px}@keyframes rec{to{left:66%;opacity:1}}section.main .statistic .sta .rec div{height:100%;position:relative;width:100%}section.main .statistic .sta .rec div .rect{height:100%;width:100%}section.main .statistic .sta .rec div .arr{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:absolute;top:0;width:100%}section.main .statistic .sta .rec div .arr article{align-items:center;display:flex;height:auto;justify-content:center;transform:translatex(20px);width:auto}section.main .statistic .sta .rec div .arr article img{height:100%;width:100%}section.main .statistic .sta .rec div .arr article p{font-size:1.2rem;position:absolute;transform:translateY(-5px)}section.main .statistic .payment-card{height:100%;position:relative;width:100%}section.main .statistic .payment-card .header{margin-bottom:4rem}section.main .statistic .payment-card form{align-items:center;display:flex;flex-direction:column;height:250px;justify-content:space-around;width:100%}section.main .statistic .payment-card form input{background-color:initial;border:2px solid var(--brown-g);border-radius:10px;color:#fff;font-size:1.5rem;height:60px;text-indent:1rem;width:80%}section.main .statistic .payment-card form button{background:linear-gradient(180deg,#ffd572,#febd38);border-radius:10px;color:var(--bg);cursor:pointer;font-size:1.5rem;font-weight:600;padding:1.2rem 4rem}section.main .statistic .payment-card .tranMsg{align-items:center;background-color:var(--bg);border-radius:20px;bottom:10px;box-shadow:0 2px 20px #00000038;display:flex;flex-direction:column;font-size:2rem;height:150px;justify-content:space-around;left:-100px;opacity:0;position:absolute;transition:all .3s;width:150px}section.main .statistic .payment-card .tranMsg.active{display:flex;opacity:1;transform:translateX(200px)}section.main .statistic .payment-card .tranMsg .icon{font-size:4rem}section.main .statistic .payment-card .tranMsg .icon.cancel{color:red}section.main .statistic .payment-card .tranMsg .icon.check{color:var(--brown)}@media screen and (max-width:1270px){section.main{margin-right:1%;width:73%}}@media screen and (max-width:815px){section.main{margin-right:1%;width:100%}section.main div.input .logoimg{display:flex}section.main div.input .items{height:60px}section.main div.input .not div.pics--con{height:40px;width:40px}}@media screen and (max-width:600px){section.main .flex{align-items:center;display:flex;height:35%;justify-content:space-around;margin-bottom:2rem}section.main .flex div.info{height:100px;width:100px}section.main .flex div.info .one{height:120px;width:120px;z-index:-1}section.main .flex div.info article{height:100px;width:100px}section.main .flex div.info .two{height:140px;width:140px}section.main .flex div.info .three{height:160px;width:160px}section.main .flex div.info .four{height:180px;width:180px}section.main .flex div.grid{width:250px}}@media screen and (max-width:500px){section.main div.input{justify-content:space-between}section.main div.input .input-contain{display:none}}@media screen and (max-width:450px){section.main .flex div.grid{width:200px}section.main .flex div.grid article div p{font-size:1rem}}@media screen and (max-width:395px){section.main .flex div.grid{width:150px}section.main .flex div.grid article .dot{height:2px;width:2px}}@media screen and (max-width:348px){section.main .flex div.grid{width:120px}section.main .flex div.grid article div p{font-size:.8rem}section.main .flex div.grid article div small{font-size:.9rem}}.statistic.profile{align-items:center;display:flex;flex-direction:column;justify-content:center}.statistic div.space{height:100px;width:100%}.statistic.profile .stat .profile .person{width:100%}.statistic.profile .stat .profile{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-around;padding-left:1.5rem;width:100%}.statistic.profile .profile.geo{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.statistic.profile .profile.geo h3{color:hsla(0,1%,72%,.678);font-size:3rem;text-transform:uppercase}.statistic.profile .stat .profile .person .name{color:var(--brown);font-size:1.8rem}.statistic.profile .stat .profile .item{align-items:center;display:flex;height:30px;width:100%}.statistic.profile .stat .profile .item h3{color:hsla(0,0%,100%,.712);display:block;font-size:1.4rem;width:200px}.statistic.profile .stat .profile .item p{align-items:center;display:flex;font-size:1.5rem;justify-content:center}.statistic.profile .stat .profile .item p.lower{text-transform:lowercase}.statistic.profile .stat .profile .item p .world{color:var(--brown-g)}.statistic.setting .edit{align-items:center;display:flex;flex-direction:column;height:calc(100% - 50px);justify-content:space-around;padding:1rem;position:relative;width:100%}.statistic.setting .edit .text--edit{align-items:center;background-color:hsla(0,0%,100%,.664);border-radius:10px;display:flex;height:80px;justify-content:center;padding:1rem;width:100%}.statistic.setting .edit .text--edit h3{color:#000;display:block;font-size:1.6rem;height:100%;width:90%}.statistic.setting .edit .text--edit .editor{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:8%}.statistic.setting .edit .text--edit .editor .icons{font-size:1.4rem}.statistic.setting .edit .text--edit .editor .icons.e{cursor:pointer}.statistic.setting .edit .text--edit .editor .icons.none{opacity:0}.statistic.setting .edit .text--edit .editor .icons.good{color:green}.statistic.setting .edit .text--edit .editor .icons.cancel{color:red}.statistic.setting .edit form{background-color:#fff;border-radius:8px;color:#000;opacity:0;padding:1rem;position:absolute;text-align:center;transform:translateY(-40px);transition:all .5s;width:80%}.statistic.setting .edit form.active{opacity:1;transform:translateY(0)}.statistic.setting .edit form .error,.statistic.setting .edit form .nothing{position:relative}.statistic.setting .edit form .nothing .cancel{cursor:pointer;font-size:1.5rem;position:absolute;right:10px}.statistic.setting .edit form .error
.statistic.setting .edit form h2{margin-bottom:1rem;text-transform:uppercase}.statistic.setting .edit form h2{color:#000;margin-bottom:1.7rem}.statistic.setting .edit form p{color:#1b1b1b;font-size:1.2rem;margin-bottom:2rem}.statistic.setting .edit form .input{align-items:center;display:flex;flex-direction:column;justify-content:center}.statistic.setting .edit form .input .main-input{align-items:center;display:flex;gap:20px;height:50px;justify-content:center;width:80%}.statistic.setting .edit form .input .main-input input{border:2px solid var(--brown-g);border-radius:8px;height:90%;text-indent:1rem;width:80%}.statistic.setting .edit form .input .main-input .icons{font-size:1.4rem}.statistic.setting .edit form .input .main-input input:hover{border-color:var(--brown)}.statistic.setting .edit form .input .main-input.pass{position:relative}.statistic.setting .edit form .input .main-input.pass .eye{cursor:pointer;font-size:1.3rem;position:absolute;right:70px}.statistic.setting .edit form button{background-color:rgba(0,128,0,.733);border-radius:5px;color:#fff;cursor:pointer;height:40px;width:100px}.statistic.setting .edit form button:hover{background-color:green}.statistic.setting .edit .error-msg,.statistic.setting .edit .spinner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.statistic.setting .edit .error-msg .msg-container,.statistic.setting .edit .spinner .spin-container{align-items:center;background-color:#fff;border-radius:8px;color:#000;display:flex;flex-direction:column;height:100px;justify-content:center;width:150px}.statistic.setting .edit .error-msg .msg-container .icon,.statistic.setting .edit .spinner .spin-container .spin{color:green;font-size:2.5rem}.statistic.setting .edit .error-msg .msg-container .icon.error{color:red}.statistic.setting .edit .spinner .spin-container .spin{animation:spinner 1s ease-in-out infinite;color:#000}@keyframes spinner{to{transform:rotate(1turn)}}@media screen and (max-width:400px){.statistic.profile .stat .profile .item h3{width:100px}.statistic.setting .edit form.active{width:100%}}@media screen and (max-width:343px){.statistic.profile .profile.geo h3{font-size:2rem}}section.history{height:100vh;width:25%}section.history .twincard{align-items:center;display:flex;height:auto;justify-content:center;padding:1.3rem;width:100%}section.history .list{height:auto;margin:0 auto;width:80%}section.history .list .ju{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}section.history .list .ju h3{font-size:1.4rem}section.history .list .ju p{color:var(--brown);font-size:1.2rem}section.history .list .list--item{max-height:400px;overflow-y:scroll}section.history .list .list--item::-webkit-scrollbar{width:.5rem}section.history .list .list--item::-webkit-scrollbar-track{background:var(--bg)}section.history .list .list--item::-webkit-scrollbar-thumb{background:var(--brown);border-radius:10px}section.history .list .list--item article{align-items:center;display:flex;height:60px;justify-content:space-between;margin-bottom:1rem;padding-right:1rem}section.history .list .list--item article .contain{align-items:center;display:flex;justify-content:center}section.history .list .list--item article .contain img{margin-right:1.7rem}section.history .list .list--item article div h5{font-size:1.2rem;font-weight:400}section.history .list .list--item article div small{color:var(--pl);font-size:.9rem;text-transform:lowercase}@media screen and (max-width:1500px){section.history .twincard img{height:100%;width:100%}}@media screen and (max-width:1270px){section.history{display:none}}
/*# sourceMappingURL=main.72f24c63.css.map*/