@font-face{font-family:paypay89Font;src:url(../media/Hero_Light-s.p.e1ed2253.ttf)format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:paypay89Font;src:url(../media/Hero_Regular-s.p.26f8b809.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:paypay89Font;src:url(../media/Hero_Bold-s.p.2fa4c5d7.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:paypay89Font Fallback;src:local(Arial);ascent-override:85.89%;descent-override:22.6%;line-gap-override:0.0%;size-adjust:110.6%}.paypay89font_36fdfa76-module__o-msxW__className{font-family:paypay89Font,paypay89Font Fallback}
:root{--main-col:#04786c;--orange-col:#f77c1f;--blue-col:#298fee;--background:#dfdfdf;--text-gray:#585858;--mid-gray:#969696;--lg-gray:#e6e6e6;--lg-green:#ecfefb;--lg-yellow:#fdffe4;--lg-red:#fff1f1;--lg-purple:#f8f4ff;--lg-blue:#8ec1fc;--title-bg:#e5f6ef;--yellow2px-border:2px solid #feb;--green2px-border:2px solid #c0f0dd;--purple2px-border:2px solid #d2ccf1;--red2px-border:2px solid #ffd5d5;--blue2px-border:2px solid #518eeb;--green-col:#1f9b66;--highlight-gray:#e0e0dd;--highlight-yellow:#ebea7d;--warning-red:#ff3a3a;--safe-blue:#88caff;--border-radius-size:10px;--light-bg:#fcfcfc;--light-box-bg:#ededed;--light-border-box:1px solid #dbdbdb;--light-shadow:0 1px 2px 0 #0000000d;--light-white-text:#ededed;--dark-bg:#222;--dark-box-bg:#525252;--text-black:#202020;--text-white:#fcfcfc;--font-size-s:.77rem;--font-size-m:.87rem;--font-size-l:1rem;--padding-size:6px 10px;--border-r-5:5px;--info-box-col:#12a094;--info-box2-col:#00988b}body{background:var(--background);color:var(--text-black);font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.nav-item .col-blk{color:var(--text-black)}.nav-item a,.nav-item span{color:var(--text-black);font-size:.9rem;line-height:1.1rem}.nav-item a span svg,.nav-item span svg{color:var(--mid-gray);font-size:.6rem}.nav-border-t{border-top:1px solid var(--lg-gray)}.nav-border-b{border-bottom:1px solid var(--lg-gray)}.bg-gray{background:var(--light-box-bg)}.bar-bg{background:var(--light-bg)}.gray-icon{color:var(--mid-gray)}.header-box{height:4rem}.title-bg{background:var(--title-bg)}.yellow-bg{background:var(--lg-yellow);border:var(--yellow2px-border)}.blue-bg{background:var(--lg-blue);border:var(--blue2px-border)}.green-bg{background:var(--lg-green);border:var(--green2px-border)}.purple-bg{background:var(--lg-purple);border:var(--purple2px-border)}.red-bg{background:var(--lg-red);border:var(--red2px-border)}.login-box{flex-direction:row;place-content:center;align-items:center;width:100%;height:100vh;transition:all .4s;display:flex;overflow:hidden}.login-box .left-panel{transition:transform .45s,opacity .35s}.login-box .box-right{width:60%;transition:transform .45s,opacity .35s}.login-box .box-right .box-inner{flex-direction:column;align-items:center;gap:25px;width:100%;transition:transform .35s,opacity .35s;display:flex}.login-box .box-right .box-inner .title-login{flex-direction:column;align-items:center;width:100%;margin-bottom:10px;display:flex}.login-box .box-right .box-inner .title-login h1{color:#0f867a;margin-bottom:5px;font-size:2.5rem;font-weight:700}.login-box .box-right .box-inner .title-login span{color:#848484;font-size:.9rem}.login-box .box-right .box-inner .form-box{flex-direction:column;align-items:center;gap:15px;width:400px;display:flex}.login-box .box-right .box-inner .form-box .label-box{width:100%;position:relative}.login-box .box-right .box-inner .form-box input:-webkit-autofill{-webkit-text-fill-color:#111827;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #dbdbdb}.login-box .box-right .box-inner .form-box input:-webkit-autofill:hover{-webkit-text-fill-color:#111827;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #dbdbdb}.login-box .box-right .box-inner .form-box input:-webkit-autofill:focus{-webkit-text-fill-color:#111827;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #dbdbdb}.login-box .box-right .box-inner .form-box .btn-sb{color:#fff;background:#0f867a;border-radius:30px;width:300px;margin-top:10px;padding:10px}.login-box .box-right .box-inner .form-box .btn-sb:hover{background:#066158}.login-box.reset-mode .left-panel{transform:translate(150%)}.login-box.reset-mode .box-right{transform:translate(-66%)}.inner-col-box{background:#dbf6ef;border:1px solid #d0f3e9;border-radius:5px;padding:15px}.info-box-col{color:var(--text-black);background:#a6e9cc;border:1px solid #88f0c1;border-radius:10px;padding:15px;box-shadow:2px 2px 5px #00000026}.list-box{color:var(--text-white);background:#089587;border:1px solid #279588;border-radius:10px;padding:15px;box-shadow:1px 1px 5px #00000047}.green-box{background:var(--main-col)}.orange-box{background:var(--orange-col)}.blue-box{background:var(--blue-col)}.notice-box{font-size:var(--font-size-s);color:var(--green-col);border-radius:var(--border-r-5);gap:5px;width:fit-content;display:flex}.hight-light-box{width:fit-content;font-size:.77rem}.hight-light-box span{color:var(--main-col);padding:0 5px;font-size:.87rem;font-weight:600}.transactions-box{border:var(--light-border-box);background:var(--light-bg);box-shadow:var(--light-shadow);border-radius:.5rem;font-size:.75rem}.transactions-box .transactions-header-box{color:var(--light-white-text);background-color:var(--main-col);border-top-left-radius:.5rem;border-top-right-radius:.5rem;gap:5px;padding:10px;font-size:.87rem;display:flex}@media (max-width:768px){.login-box.reset-mode .box-right{transform:translate(0%)}}
:root{--main-col:#089587;--background:#dfdfdf;--bg-gray:#ededed;--text-black:#232323;--text-gray:#585858;--text-green-dark:#054d29;--text-green:#00733a;--mid-gray:#969696;--lg-gray:#e6e6e6;--bar-bg:#fcfcfc;--lg-green:#ecfefb;--lg-yellow:#fdffe4;--lg-red:#fff1f1;--lg-purple:#f8f4ff;--lg-blue:#8ec1fc;--title-bg:#e5f6ef;--yellow2px-border:2px solid #feb;--green2px-border:2px solid #c0f0dd;--purple2px-border:2px solid #d2ccf1;--red2px-border:2px solid #ffd5d5;--blue2px-border:2px solid #518eeb;--border-radius-size:10px;--light-border-box:1px solid #dbdbdb;--light-shadow:0 1px 2px 0 #0000000d;--yellow-col:#ffe100;--purple-col:#7412ba;--gray-col:#9aa9a4;--red-col:#cd2200;--blue-col:#2f6eeb;--green-col:#089587;--orange-col:#e76513;--lg-btn:#089587;--md-btn:#089587;--sm-btn:#089587;--purple-btn:#7412ba;--purple-btn-hover:#600e9b;--orange-btn:#e76513;--orange-btn-hover:#cc560d;--red-btn:#cd2200;--red-btn-hover:#822304;--main-green-btn:#089587;--main-green-btn-hover:#086e64;--light-blue-btn:#2f6eeb;--light-blue-btn-hover:#194397;--light-gray-btn:#9aa9a4;--light-gray-btn-hover:#77817f;--btn-pd:6px 15px;--btn-rd:5px;--min-width80:80px;--btn-size:.77rem;--btn-cls-white:#e5f6ef;--btn-cls-dark:#727976}.gray-btn{font-size:var(--btn-size);color:var(--btn-cls-white);background:var(--light-gray-btn);padding:var(--btn-pd);border-radius:var(--btn-rd)}.gray-btn:hover,.gray-btn.active{background:var(--light-gray-btn-hover)}.create-btn{font-size:var(--btn-size);color:var(--btn-cls-white);background:var(--main-green-btn);padding:var(--btn-pd);border-radius:var(--btn-rd)}.create-btn:hover,.create-btn.active{background:var(--main-green-btn-hover)}.edit-btn{font-size:var(--btn-size);color:var(--btn-cls-white);background:var(--orange-btn);padding:var(--btn-pd);border-radius:var(--btn-rd)}.edit-btn:hover,.edit-btn.active{background:var(--orange-btn-hover)}.delete-btn{font-size:var(--btn-size);color:var(--btn-cls-white);background:var(--red-btn);padding:var(--btn-pd);border-radius:var(--btn-rd)}.delete-btn:hover,.delete-btn.active{background:var(--red-btn-hover)}.save-btn{font-size:var(--btn-size);color:var(--btn-cls-white);background:var(--main-green-btn);padding:var(--btn-pd);border-radius:var(--btn-rd)}.save-btn:hover,.save-btn.active{background:var(--main-green-btn-hover)}.more-btn{font-size:var(--btn-size);color:var(--text-green);padding:var(--btn-pd);gap:5px;font-style:italic;display:flex}.more-btn:hover,.more-btn.active{color:var(--text-green-dark)}.row-btn{border:var(--light-border-box);box-shadow:var(--light-shadow);border-radius:var(--border-radius-size);background:var(--bar-bg);padding:var(--btn-pd)}.row-btn:hover{border:var(--light-border-box)}.create-btn,.edit-btn,.save-btn,.delete-btn,.more-btn,.gray-btn,.row-btn{cursor:pointer;min-width:var(--min-width80);justify-content:center;align-items:center;gap:5px;min-height:33px;font-size:.87rem;display:flex}.blue-lb{background:var(--blue-col)}.red-lb{background:var(--red-col)}.orange-lb{background:var(--orange-col)}.green-lb{background:var(--green-col)}.gray-lb{background:var(--gray-col)}.yellow-lb{background:var(--yellow-col)}.purple-lb{background:var(--purple-col)}.blue-lb,.red-lb,.orange-lb,.green-lb,.gray-lb,.yellow-lb,.purple-lb{color:#fff;text-align:center;min-width:50px;padding:3px 0;font-size:.77rem;font-weight:600}