@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200&display=swap);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}@font-face{font-family:digital;src:url(/static/media/digital.93911ab167c943140756.ttf)}@font-face{font-family:GabrielSans Medium;src:url(/static/media/GabrielSans-Trial-Medium.fa0c5a6da5ec97022ecf.woff) format("woff")}@font-face{font-family:GabrielSans Bold;src:url(/static/media/GabrielSans-Trial-Bold.35453a66bac0b82158f0.woff) format("woff")}@font-face{font-family:HelveticaNowDisplay Medium;src:url(/static/media/HelveticaNowDisplay-Medium.57136efe69fe4f51af32.woff) format("woff")}@font-face{font-family:HelveticaNowDisplay Bold;src:url(/static/media/HelveticaNowDisplay-Bold.b5c5af6ff13fd2db9746.woff) format("woff")}*{font-size:14px;list-style:none;margin:0;padding:0;text-decoration:none;-webkit-user-select:none;user-select:none}*,.rs-symbol{font-family:HelveticaNowDisplay Medium}.rs-symbol{color:#dd1947;font-size:35px;margin-right:10px}body{align-items:center;background:linear-gradient(-30deg,#3cf,#81d5ff,#fcf,#81d5ff);display:flex;justify-content:center;max-height:100vh;max-width:100vw}.container,body{overflow-x:hidden;overflow-y:hidden}.container{height:100vh;width:95vw}.container .navbar{justify-content:space-between}.container .navbar,.container .navbar .logo{align-items:center;display:flex}.container .navbar .logo img{animation:rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(-1turn)}}.container .navbar .logo .logoname{color:#000;font-size:18px;margin-left:.5em;text-shadow:1px 1px 1px #1010101a,1px 2px 1px #10101033,1px 3px 1px #1010101a,1px 4px 1px #10101033,1px 5px 1px #1010101a,1px 6px 1px #10101033;text-transform:uppercase}.searchbox{display:flex;gap:20px;position:relative}.history-button{cursor:pointer}.history-button:hover{transform:scale(.9)}.searchbox input{border:none;border-radius:30px;outline:none;padding:8px 120px 8px 20px;transition:.3s}.searchbox input:focus{padding:8px 250px 8px 20px}.searchbox .fa{position:absolute;right:10px;top:10px}.container .navbar .navitem{align-items:center;display:flex;justify-content:center}.navitem .lang select{border:none;border-radius:6px;outline:none;padding:6px 30px;position:relative;right:4em}.navitem .icons{position:relative;right:1em}.navitem .icons ul li{display:inline-block;font-size:16px;margin:0 12px;position:relative}.navitem .icons ul li .fa{background:#000;border-radius:50%;color:#fff;padding:5px;transition:.3s}.navitem .icons ul li .fa:hover{background:#0000;color:#3c3;transform:scale(1.2) rotate(1turn)}.navitem .account{align-items:center;display:flex;position:relative}.navitem .account img{border-radius:50%}.navitem .account .name{font-weight:700;margin:0 8px;text-transform:capitalize}.navitem .account .username{color:#000;font-size:12px;left:32px;position:absolute;top:18px}.container-body{display:grid;grid-template-columns:27% auto}.container-body .sidebar{background:linear-gradient(to top right,#fff6,#ffffff4d);border-radius:14px;height:75vh;margin:0 0 20px 20px;max-height:80vh;padding:10px}.container-body .sidebar ul li{margin:10px 0;padding:5px 10px}.container-body .sidebar ul li:hover{background:#00004d;border-radius:8px;color:#fff}.container-body .sidebar ul li a{color:#000;font-weight:bolder;text-transform:capitalize}.container-body .sidebar ul li:hover a{color:#fff}.container-body .sidebar ul .dashboard{background:#00004d;border-radius:8px;color:#fff}.container-body .sidebar ul .dashboard a{color:#fff}.container-body .sidebar ul li .fa{font-size:18px;padding:0 5px}@media (max-width:550px){.nav-logo img{margin:0;text-shadow:10px 10px 10px #000;width:100px!important}body{overflow-x:hidden}.sidebar{margin:0}.container-body .sidebar{margin-left:0;margin-right:0;padding:5px;width:70px}.container-body .sidebar ul li{margin:15px 0;padding:5px 0}.container-body .sidebar ul li a{font-size:10px;margin:0;padding:0}.container-body .sidebar ul .dashboard{background:#00004d;color:#fff;margin:15px 0;padding:5px 0}.searchbox input,.searchbox input:focus{padding:8px 0 8px 8px}.cards::-webkit-scrollbar{width:10px!important}.container-body .sidebar ul li:hover{background:none;color:#000}.container-body .sidebar ul li:hover a{color:#000}.container-body .sidebar ul .dashboard{background:none;border-radius:8px;position:relative}.container-body .sidebar ul .dashboard:after{background-color:#00004d;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.container-body .sidebar ul .dashboard a{color:#000}}@media (min-width:435px) and (max-width:550px){body{overflow-x:hidden}.sidebar{margin:0}.container-body .sidebar{margin-left:0;margin-right:0;padding:5px;width:70px}.container-body .sidebar ul li{margin:15px 0;padding:5px 0}.container-body .sidebar ul li a{font-size:10px;margin:0;padding:0}.container-body .sidebar ul .dashboard{background:#00004d;color:#fff;margin:15px 0;padding:5px 0}.searchbox input{padding:8px 0 8px 20px}.searchbox input:focus{padding:8px 50px 8px 20px}.cards::-webkit-scrollbar{width:10px!important}.container-body .sidebar ul li:hover{background:none;color:#000}.container-body .sidebar ul li:hover a{color:#000}.container-body .sidebar ul .dashboard{background:none;border-radius:8px;position:relative}.container-body .sidebar ul .dashboard:after{background-color:#00004d;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.container-body .sidebar ul .dashboard a{color:#000}}.main-body{height:30vh}.cards{height:75vh;overflow-x:hidden;overflow-y:auto;padding-bottom:20px!important;padding-left:10px;padding-right:10px}.cards::-webkit-scrollbar{width:20px}.cards::-webkit-scrollbar-thumb{background-color:#2980b9;border-radius:10px}.cards::-webkit-scrollbar-track{background-color:#ccc5c5f1;border-radius:10px}.container-body .main-body .headtittle{margin:20px 20px 0;padding:15px}.container-body .main-body .headtittle span{font-size:16px;font-weight:700;text-transform:capitalize}.container-body .main-body .headtittle h2{font-size:25px;font-weight:400}.container-body .main-body .cards .row-2{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-evenly;padding-bottom:20px;width:100%}.container-body .main-body .cards .row .col{align-items:center;background:#ffffff80;border-radius:15px;display:flex;height:20rem;justify-content:center;width:18rem}@media (min-width:200px) and (max-width:550px){.container-body .main-body .cards .row .col{margin-left:-3rem;transform:scale(.7)}.grid{display:none}}.container-body .main-body .cards .row .col .cardtittle{font-size:20px;font-weight:900;margin-bottom:20px;text-align:center;text-transform:uppercase;width:100%}.container-body .main-body .cards .row .col .cardtext{font-size:20px;font-weight:600;margin-bottom:10px;text-align:center;width:100%}.container-body .main-body .cards .row .col .cardtext-italic{font-size:14px;font-style:italic;font-weight:500;margin-bottom:10px;text-align:center;width:100%}.balance-card{position:relative}.balance-card h2{font-size:28px;padding:10px 20px}.balance-card span{color:#3c3;font-size:16px;font-weight:700;padding:20px}.balance-card img{left:14em;position:absolute;top:5em}.debit-card{background-position:50%;background-size:cover;background:#8aa4ee;border-radius:18px;color:#fff;flex-direction:column;height:100%;position:relative;width:100%}.debit-card,.debit-card .cardnumber{align-items:center;display:flex;justify-content:center}.debit-card .cardnumber{background:#fff9;color:#000;font-size:25px;font-weight:400;padding:10px;text-shadow:1px 1px 1px #1010101a,1px 2px 1px #1010101a,1px 3px 1px #1010101a,1px 4px 1px #1010101a,1px 5px 1px #1010101a;width:80%}.debit-card .cardholder{font-size:18px;font-weight:400;padding:20px}.price{font-family:digital;font-size:30px;width:100%}.col .t-i,.i-s,.p-i,.price,.u-i{font-weight:700;text-align:center}.col .t-i,.i-s,.p-i,.u-i{display:inline-block;font-size:25px}.col .status{border-radius:6px;bottom:3px;color:#fff;font-size:18px;padding:6px 20px;position:relative}.total-invoice{align-items:flex-start;display:flex;flex-direction:column;padding:10px}.total-invoice .status{color:#393;font-size:16px;font-weight:700;padding-left:5px}.paid-invoice .status{background:#06c}.unpaid-invoice .status{background:#f06}.invoice-sent .status{background:#fc0}.button-70{background-image:linear-gradient(#0dccea,#0d70ea);border:0;border-radius:4px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.8em;height:30px;margin:5px;padding:5px 15px;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}.ip{border:none;border-radius:30px}.login-box{background:#b2d2ff;border-radius:10px;box-shadow:0 15px 25px #0009;box-sizing:border-box;left:50%;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.login-box form{align-items:center;display:flex;flex-direction:column;width:100%}.login-box h2{color:#fff;font-size:2rem;margin:0 0 30px;padding:0;text-align:center}.login-box .user-box{position:relative;width:100%}.login-box .user-box input{background:#0000;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login-box .user-box label{color:#fff;font-size:16px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.user-box input:focus~label,.user-box input:valid~label{color:#fff;font-size:12px;left:0;top:-20px}.login-box form a{color:#000;font-size:16px;letter-spacing:4px;margin-left:auto;margin-right:auto;margin-top:40px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.login-box a:hover{background:#03e9f4;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4;color:#fff}.login-box a span{display:block;position:absolute}.login-box a span:first-child{animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,#0000,#03e9f4);height:2px;left:-100%;top:0;width:100%}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box a span:nth-child(2){animation:btn-anim2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,#0000,#03e9f4);height:100%;right:0;top:-100%;width:2px}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box a span:nth-child(3){animation:btn-anim3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,#0000,#03e9f4);bottom:0;height:2px;right:-100%;width:100%}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box a span:nth-child(4){animation:btn-anim4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,#0000,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.chi{align-items:center;display:flex;justify-content:center;margin-bottom:30px;margin-top:10px}.chi input{border:none;border-radius:20px;height:30px;text-align:center;width:100px}.chi input:focus{outline:none}.grid{background:#c9adc0;border-radius:5px;padding-top:37px;position:relative;width:100%}.grid-container{height:200px;overflow-y:auto;width:100%}table{border-spacing:0;width:100%}td+td{border-left:1px solid #000;max-width:100px!important}td,th{background:#fff;border-bottom:1px solid #000;color:#000;padding:10px 0}th{border:none;color:#0000;height:0;line-height:0;padding-bottom:0;padding-top:0;white-space:nowrap;width:100%}th div{text-wrap:wrap;background:#0000;color:#000;line-height:normal;margin-left:-25px;padding:9px 25px;position:absolute;top:0}tr{width:100%}.main-logo{bottom:70vh;display:flex;justify-content:center;position:absolute;width:95%}.main-logo img{height:auto;max-width:80vw;width:400px}.nav-logo img{margin:0 0 0 25%;text-shadow:10px 10px 10px #000;width:200px}.responsive-wrapper{height:220px}.toogle-btn{display:none}.table-wrapper{height:90%;overflow-y:scroll;width:100%}.table-wrapper::-webkit-scrollbar{width:10px}.table-wrapper::-webkit-scrollbar-thumb{background-color:#6b6b6b;border-radius:10px}.table-wrapper::-webkit-scrollbar-track{background-color:#9e75754d}.table{width:100%}.table-title{background-color:#00004d;border-radius:5px 5px 0 0;color:#fff;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:10px}.table-body tr{display:flex;justify-content:space-around}.table-body tr td{background-color:initial;border:none;border-bottom:1px solid #00004d;font-weight:700}.table-body tr :first-child{padding-left:10px;width:60%}.table-body tr :last-child{display:flex;justify-content:flex-end;padding-right:10px;width:40%}@media (max-width:1030px){.toogle-btn{display:block}.responsive-wrapper{background:linear-gradient(-30deg,#3cf,#81d5ff,#fcf,#81d5ff);border-radius:5px;border-right:2px solid #000;box-shadow:-10px 20px 5px rgba(0,0,0,.589);height:70vh;position:absolute;right:5px;top:80px;transition:transform .5s linear;width:70vw;z-index:5}.responsive-wrapper.open{transform:translateX(0)}.responsive-wrapper.close{transform:translateX(100vw)}.table-wrapper{height:95%}.table-wrapper::-webkit-scrollbar{width:5px}.table-wrapper::-webkit-scrollbar-thumb{background-color:#6b6b6b;border-radius:10px}.table-wrapper::-webkit-scrollbar-track{background-color:#f1f1f100;border-radius:10px}}
/*# sourceMappingURL=main.6b5f24dd.css.map*/