body{font-family:Inter,sans-serif!important;font-size:12px;background-color:#f4f6f9}h1,h2,h3,h4,h5,h6{font-weight:600}.card-title{font-size:18px;font-weight:600}.nav-sidebar .nav-link{font-size:14px;font-weight:500;letter-spacing:.3px}.nav-sidebar .nav-link.active{font-weight:600}.table,.form-control{font-size:12px}.btn{font-weight:500;font-size:12px}select{font-size:12px!important;padding:8px 12px}select option{font-size:12px}.small-box{border-radius:.25rem;position:relative;display:block;margin-bottom:20px;color:#fff;padding:15px}.small-box .inner h3{font-size:2.2rem;font-weight:700}.small-box .inner p{font-size:1rem}.small-box .icon{position:absolute;top:10px;right:10px;font-size:3rem;opacity:.4}.bg-primary{background-color:#007bff!important}.bg-success{background-color:#28a745!important}.bg-info{background-color:#17a2b8!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.app-header{flex-wrap:nowrap!important;overflow-x:hidden!important}.app-header .dropdown-menu{position:absolute!important;inset:60px 10px auto auto!important;z-index:1055!important;max-height:none!important;overflow:visible!important}.app-header,nav.app-header,.navbar{overflow:visible!important}.pg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.pg-modal{background:#fff;width:360px;padding:2rem;border-radius:24px;text-align:center;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#28a745;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-wallet-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;padding:10px 0;z-index:9999}.wallet-item{text-align:center;font-size:12px}.wallet-item i{display:block;font-size:18px;margin-bottom:3px}.wallet-item b{font-size:13px}@media(max-width:768px){body{padding-bottom:70px}}.ht-wrapper{margin-top:20px}.ht-title{margin-bottom:10px;font-size:16px;font-weight:700}.ht-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.ht-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.ht-name{font-size:14px;font-weight:700}.ht-amount{margin-top:6px;font-weight:800;font-size:15px}.ht-balance{margin-top:4px;font-size:12px;color:#10b981}.ht-status{margin-top:10px}.ht-status-row{margin-top:6px;font-size:12px;display:flex;justify-content:space-between;font-weight:500}@media(max-width:1024px){.ht-card{min-width:220px}}@media(max-width:640px){.ht-container{flex-direction:column;overflow-x:unset}.ht-card{min-width:100%}}.payout-dashboard-charts{display:flex;gap:20px;flex-wrap:wrap}.payout-dashboard-charts>div{flex:1;min-width:280px}.payout-dashboard-cards{display:flex;gap:12px;flex-wrap:wrap}.payout-dashboard-cards>div{flex:1;min-width:180px}@media(max-width:1024px){.payout-dashboard-charts>div{min-width:45%}.payout-dashboard-cards>div{min-width:45%}}@media(max-width:640px){.payout-dashboard-charts{flex-direction:column}.payout-dashboard-charts>div{min-width:100%}.payout-dashboard-cards{flex-direction:column}.payout-dashboard-cards>div{min-width:100%}}.pagination{gap:6px}.pagination .page-item .page-link{border-radius:8px;padding:4px 10px;font-weight:500;border:1px solid #dee2e6}.pagination .page-item.active .page-link{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.right-panel{position:fixed;top:0;right:-50%;width:50%;height:100%;background:#fff;z-index:1050;box-shadow:-2px 0 10px #0000001a;transition:all .3s ease-in-out;display:flex;flex-direction:column}.right-panel.open{right:0}.panel-header{padding:12px 16px;border-bottom:1px solid #eee;background:#f8f9fa}.panel-body{padding:16px;overflow-y:auto;flex:1}.panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1040}.panel-float-btn{position:fixed;top:50%;right:0;transform:translateY(-50%);width:60px;height:140px;background:#0d6efd;color:#fff;border:none;border-radius:8px 0 0 8px;box-shadow:-2px 2px 8px #00000026;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font-size:14px;letter-spacing:1px}.panel-float-btn:hover{background:#0b5ed7}.dashboard-header{display:flex;flex-direction:column;gap:16px;background:#f6f8fb;padding:16px 20px;border-radius:10px}.dashboard-title{font-size:22px;font-weight:600;margin:0;color:#2c3e50}.dashboard-tiles{display:grid;grid-template-columns:repeat(auto-fit,300px);gap:16px;justify-content:flex-end}.tile{height:160px;padding:16px;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 18px #0000001f;transition:all .25s ease;cursor:pointer}.tile:hover{transform:translateY(-4px) scale(1.02)}.tile-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.tile-purple{background:linear-gradient(135deg,#7a0471,#a21caf)}.tile-green{background:linear-gradient(135deg,#015237,#16a34a)}.tile-label{font-size:12px;opacity:.8}.tile-title{font-size:20px;font-weight:600}.tile-body{font-size:13px;display:flex;flex-direction:column;gap:3px}@media(max-width:1024px){.dashboard-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-tiles{grid-template-columns:1fr}.tile{height:auto;min-height:140px;width:100%}.dashboard-title,.tile-title{font-size:18px}.tile-body{font-size:12px}}