:root{--vp-navy:#111b3d;--vp-blue:#174ea6;--vp-blue-2:#2563eb;--vp-blue-soft:#edf4ff;--vp-bg:#f5f7fb;--vp-surface:#fff;--vp-text:#172b4d;--vp-muted:#6b778c;--vp-border:#e5eaf1;--vp-success:#16865a;--vp-warning:#b7791f;--vp-danger:#c53030;--vp-radius:13px;--vp-shadow:0 5px 20px rgba(27,39,51,.065)}
body{padding-top:70px}body.menubar-left .navbar-header{width:240px}
html,body{background:var(--vp-bg);color:var(--vp-text)}body{font-family:Raleway,"Helvetica Neue",Arial,sans-serif}.app-main{background:var(--vp-bg)}.app-main>.wrap:first-child{min-height:calc(100vh - 136px);padding:26px 28px 0}.app-content{animation:vpFade .25s ease-out}@keyframes vpFade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
/* navigation shell */
body.menubar-left .navbar{height:70px;min-height:70px;background:#fff!important;border-bottom:1px solid var(--vp-border);box-shadow:0 3px 16px rgba(27,39,51,.045)}body.menubar-left .navbar-header{height:70px;background:var(--vp-navy)!important}body.menubar-left .navbar-brand{height:70px;padding:18px 21px;color:#fff!important}body.menubar-left .navbar-brand .brand-icon{display:grid;place-items:center;width:34px;height:34px;margin-top:0;margin-right:10px;color:var(--vp-blue);background:#fff;border-radius:10px;font-size:17px}body.menubar-left .navbar-brand .brand-name{font-weight:800;line-height:34px;letter-spacing:-.01em}body.menubar-left .navbar-container{height:70px;margin-left:240px!important;box-shadow:none!important}body.menubar-left .navbar-toolbar a{height:70px;padding-top:25px;color:var(--vp-text)!important}body.menubar-left .page-title{height:70px;margin:0;color:var(--vp-text)!important;line-height:70px;font-weight:700}
body.menubar-left .menubar{top:70px!important;width:240px!important;height:calc(100% - 70px)!important;padding:0 12px 18px!important;background:var(--vp-navy)!important;border:0;box-shadow:5px 0 18px rgba(17,27,61,.09)!important}body.menubar-left.menubar-unfold .app-main{margin-left:240px}body.menubar-left .app-user{display:block;padding:20px 10px 17px;margin:0 0 8px!important;border-bottom:1px solid rgba(255,255,255,.1)}body.menubar-left .app-user .username{color:#fff!important}body.menubar-left .app-user .usertitle,body.menubar-left .app-user .usertitle small{color:#aebfe1!important}body.menubar-left .sidebar-initials{background:linear-gradient(135deg,var(--vp-blue-2),#6d7cff)!important;border-color:rgba(255,255,255,.25)!important}body.menubar-left .app-menu{padding:0}body.menubar-left .app-menu>li{margin:3px 0}body.menubar-left .app-menu>li>a{min-height:43px;padding:12px 13px!important;color:#c7d3ea!important;border-radius:9px;font-size:13px;font-weight:600;transition:.16s}body.menubar-left .app-menu>li>a:hover,body.menubar-left .app-menu>li.open>a,body.menubar-left .app-menu>li.active>a{color:#fff!important;background:rgba(255,255,255,.105)!important}body.menubar-left .app-menu .submenu{padding:5px 0 7px 13px;background:transparent!important}body.menubar-left .app-menu .submenu>li>a{padding:9px 12px!important;color:#9fb0d0!important;border-left:1px solid rgba(255,255,255,.13);font-size:12px}body.menubar-left .app-menu .submenu>li>a:hover,body.menubar-left .app-menu .submenu>li.active>a{color:#fff!important;background:transparent!important;border-left-color:#6f98ff}body.menubar-left .app-menu .menu-caret{color:#8092b3}.app-user .dropdown-menu{border:1px solid var(--vp-border);border-radius:10px;box-shadow:var(--vp-shadow);overflow:hidden}
/* shared surfaces */
.widget,.panel,.card,.merchant-topup-panel,.ipw-panel,.pl-panel,.compliance-panel,.cal-panel,.cr-panel,.merchant-settlement-panel,.settlement-report-panel{border:1px solid var(--vp-border)!important;border-radius:var(--vp-radius)!important;box-shadow:var(--vp-shadow)!important;background:var(--vp-surface)}.widget-header,.panel-heading,.card-header{border-bottom:1px solid var(--vp-border)!important;background:#fff}.app-content h1,.app-content h2,.app-content h3,.app-content h4{color:var(--vp-text);letter-spacing:-.015em}.app-content h3{font-weight:800}.text-muted{color:var(--vp-muted)!important}
/* forms */
.form-control{height:42px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:var(--vp-text);box-shadow:none;transition:border-color .16s,box-shadow .16s}.form-control:focus{border-color:var(--vp-blue-2);box-shadow:0 0 0 3px rgba(37,99,235,.1)}textarea.form-control{height:auto}.control-label,label{color:#45556c}.input-group-addon{border-color:#dce2ea;background:#f7f9fc}.btn{border-radius:8px;font-weight:700;transition:.16s}.btn-primary{background:var(--vp-blue);border-color:var(--vp-blue)}.btn-primary:hover,.btn-primary:focus{background:#123f89;border-color:#123f89}.btn-success{background:var(--vp-success);border-color:var(--vp-success)}.btn-outline-primary{color:var(--vp-blue);border-color:#b7cbeb;background:#fff}.btn-default,.btn-light{border-color:#dce2ea;background:#fff;color:#45556c}.btn:focus{outline:0!important}.badge{padding:5px 8px;border-radius:12px;font-size:10px;letter-spacing:.025em}
/* tables and pagination */
.table{background:#fff}.table>thead>tr>th{padding:12px 14px;border-bottom:1px solid var(--vp-border);color:#5e6c84;background:#f7f9fc;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.table>tbody>tr>td{padding:13px 14px;border-top:1px solid #edf0f4;vertical-align:middle}.table-hover>tbody>tr:hover{background:#f8faff}.table-responsive{border:0;border-radius:0}.pagination>li>a,.pagination>li>span{margin:0 2px;color:var(--vp-blue);border-color:var(--vp-border);border-radius:7px!important}.pagination>.active>a,.pagination>.active>span{background:var(--vp-blue);border-color:var(--vp-blue)}
/* messages, menus and footer */
.alert{border:1px solid transparent;border-radius:10px}.alert-success{color:#176b48;background:#ecf9f2;border-color:#c6ead6}.alert-danger{color:#a1262d;background:#fff1f2;border-color:#ffd5d8}.alert-warning{color:#805d10;background:#fff8e6;border-color:#f2d391}.dropdown-menu{border-color:var(--vp-border);border-radius:9px;box-shadow:var(--vp-shadow)}.app-footer{padding:20px 5px;color:#8993a4;border-top:1px solid var(--vp-border)}.app-footer a{color:#6b778c}
/* responsive shell */
@media(max-width:767px){body.menubar-left .navbar-header{width:100%;background:var(--vp-navy)!important}body.menubar-left .navbar-container{height:70px;margin-left:0!important}body.menubar-left .menubar{left:-242px;top:70px!important}body.menubar-left.menubar-in .menubar{left:0}.app-main{margin-left:0!important}.app-main>.wrap:first-child{padding:16px 14px 0}.navbar-toggle{height:70px;padding-top:24px}.app-content{padding-left:0;padding-right:0}}
@media(min-width:768px){body.menubar-fold .menubar{width:76px!important}body.menubar-fold .app-main{margin-left:76px!important}body.menubar-fold .navbar-header{width:76px!important}body.menubar-fold .navbar-container{margin-left:76px!important}}
@media(prefers-reduced-motion:reduce){.app-content,.btn{animation:none;transition:none}}
@media(max-width:767px){body.navbar-collapse-in{padding-top:140px}}