:root{
  --billing-primary:#0ea5e9;
  --billing-primary-dark:#2563eb;
  --billing-secondary:#14b8a6;
  --billing-accent:#f59e0b;
  --billing-bg:#f1f5f9;
  --billing-sidebar:#0f172a;
  --billing-sidebar-2:#111827;
  --billing-surface:#ffffff;
  --billing-soft:#f8fafc;
  --billing-text:#0f172a;
  --billing-muted:#64748b;
  --billing-line:#e2e8f0;
  --billing-success:#16a34a;
  --billing-danger:#dc2626;
  --billing-warning:#f59e0b;
  --billing-info:#0284c7;
  --billing-radius:18px;
  --billing-radius-sm:12px;
  --billing-shadow:0 12px 30px rgba(15,23,42,.08);
  --billing-shadow-soft:0 8px 18px rgba(15,23,42,.06);
  --billing-sidebar-width:292px;
}
*{box-sizing:border-box}
html{font-size:15px;scroll-behavior:smooth}
body.theme-bilmik{background:radial-gradient(circle at 15% 0%,rgba(14,165,233,.18),transparent 32%),radial-gradient(circle at 85% 8%,rgba(20,184,166,.16),transparent 34%),linear-gradient(135deg,#ecfeff 0%,#f8fafc 44%,#eef2ff 100%)!important;color:var(--billing-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;min-height:100vh}
body.theme-bilmik::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(14,165,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.045) 1px,transparent 1px);background-size:34px 34px;z-index:-1}
a{color:var(--billing-primary-dark)}a:hover{text-decoration:none;color:#075985}
.sl-logo.billing-brand,.sl-logo{position:fixed;top:0;left:0;width:var(--billing-sidebar-width);height:84px;padding:14px 16px;background:linear-gradient(180deg,#0f172a,#111827)!important;color:#fff!important;z-index:1002;border-right:1px solid rgba(56,189,248,.20)}
.billing-brand-link{display:flex;align-items:center;gap:10px;color:#fff!important;font-weight:900;text-decoration:none!important;letter-spacing:.2px}.billing-brand-icon{width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(14,165,233,.22)}.billing-brand-text{font-size:1.25rem}.billing-brand-dot{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--billing-primary),var(--billing-secondary));box-shadow:0 0 14px rgba(14,165,233,.75)}.billing-router-name{margin-top:5px;color:#cbd5e1;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-sideleft{position:fixed;top:84px;left:0;bottom:0;width:var(--billing-sidebar-width);background:radial-gradient(circle at 22% 0%,rgba(14,165,233,.24),transparent 30%),radial-gradient(circle at 92% 20%,rgba(20,184,166,.20),transparent 30%),linear-gradient(180deg,#0f172a 0%,#111827 58%,#07111f 100%)!important;color:#e2e8f0!important;overflow-y:auto;z-index:1001;border-right:1px solid rgba(56,189,248,.18);box-shadow:16px 0 50px rgba(15,23,42,.16);padding:14px 12px 20px}.sl-sideleft-menu{padding-bottom:24px}.billing-role-box{margin:2px 4px 14px;padding:12px 14px;border-radius:16px;background:rgba(15,23,42,.70);border:1px solid rgba(148,163,184,.24)}.billing-role-box span{display:block;color:#cbd5e1;font-size:.84rem}.billing-role-box strong{display:block;color:#fff;font-size:.98rem;margin-top:2px;text-transform:capitalize}.sidebar-nav>.btn{margin:4px 6px 10px;border-radius:14px!important}
.sl-menu-link{display:flex!important;align-items:center;min-height:42px;margin:4px 3px!important;padding:9px 11px!important;border-radius:14px!important;color:#cbd5e1!important;background:transparent!important;border:1px solid transparent!important;font-weight:800;transition:background .15s ease,border .15s ease,transform .15s ease}.sl-menu-link:hover{background:#182235!important;border-color:rgba(148,163,184,.20)!important;color:#fff!important}.sl-menu-link.active,.sl-menu-link.show-sub{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;border-color:rgba(147,197,253,.30)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.25)}.sl-menu-item{display:flex;align-items:center;width:100%;gap:10px}.menu-item-icon{width:30px;height:30px;border-radius:11px;background:rgba(59,130,246,.15);display:inline-flex!important;align-items:center;justify-content:center;color:#93c5fd!important;font-size:.88rem!important}.sl-menu-link.active .menu-item-icon,.sl-menu-link.show-sub .menu-item-icon{background:rgba(255,255,255,.18);color:#fff!important}.menu-item-label{line-height:1.15}.menu-item-arrow{margin-left:auto;color:#94a3b8!important;transition:.18s ease}.sl-menu-link.show-sub .menu-item-arrow{transform:rotate(180deg);color:#fff!important}.sl-menu-sub{display:none;margin:0 0 5px!important;padding:4px 0 4px 38px!important;background:transparent!important}.sl-menu-link.show-sub+.sl-menu-sub{display:block}.sl-menu-sub .nav-link{display:flex;align-items:center;gap:8px;margin:2px 4px!important;padding:8px 10px!important;border-radius:12px!important;color:#bac4d3!important;font-size:.88rem;font-weight:700;background:transparent!important;border:1px solid transparent!important}.sl-menu-sub .nav-link:before{content:"";width:6px;height:6px;border-radius:999px;background:#64748b}.sl-menu-sub .nav-link:hover,.sl-menu-sub .nav-link.active{background:rgba(37,99,235,.92)!important;border-color:rgba(147,197,253,.22)!important;color:#fff!important}.sl-menu-sub .nav-link.active:before{background:#fff}.sl-menu-sub .nav-link i{display:none!important}
.sl-header.billing-topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;z-index:900;min-height:78px;margin-left:var(--billing-sidebar-width);background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--billing-line)!important;box-shadow:0 10px 30px rgba(15,23,42,.06);display:flex!important;align-items:center;justify-content:space-between;padding:12px 24px!important}.billing-topbar-left{display:flex;align-items:center;gap:14px}.billing-icon-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;color:#0f172a!important;border:1px solid var(--billing-line)}.billing-topbar-title{display:flex;align-items:center;gap:10px;min-width:220px}.billing-topbar-icon{width:36px;height:36px;border-radius:12px}.billing-topbar-title b{display:block;font-size:1.15rem;line-height:1.1;color:#0f172a}.billing-topbar-title small{display:block;color:var(--billing-muted);font-size:.78rem}.billing-topbar-actions{display:flex;align-items:center;gap:10px}.billing-status-pill,.billing-user-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-weight:800;font-size:.86rem}.billing-status-pill{background:#ecfdf5;color:#047857}.billing-user-pill{background:#eff6ff;color:#1d4ed8!important}.billing-user-menu{border:1px solid var(--billing-line)!important;border-radius:16px!important;box-shadow:var(--billing-shadow)!important;overflow:hidden}.billing-user-menu .dropdown-item{font-weight:700;padding:10px 14px;color:#334155}.billing-user-menu .dropdown-item i{width:18px;color:#64748b}.billing-sidebar-backdrop{display:none}
.sl-mainpanel{margin-left:var(--billing-sidebar-width)!important;margin-top:0!important;background:transparent!important;min-height:calc(100vh - 78px);padding-top:0!important;color:var(--billing-text)!important}.sl-pagebody{padding:22px!important}.sl-page-title,.card-title{color:var(--billing-text)!important;font-weight:900}.card{background:rgba(255,255,255,.94)!important;border:1px solid rgba(226,232,240,.96)!important;border-radius:var(--billing-radius)!important;box-shadow:var(--billing-shadow-soft)!important;color:var(--billing-text)!important;overflow:hidden}.card-header{background:#fff!important;border-bottom:1px solid var(--billing-line)!important;color:#0f172a!important;font-weight:900}.card-body{color:var(--billing-text)!important}.card .card{box-shadow:none!important;border-radius:16px!important}.metric,.stat-card{background:#fff;border:1px solid var(--billing-line);border-radius:18px;padding:16px;box-shadow:var(--billing-shadow-soft)}
.bg-primary,.card-header.bg-primary{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;color:#fff!important}.bg-purple,.bg-blue,.bg-info{background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;color:#fff!important}.bg-success,.btn-success{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;border-color:#16a34a!important}.bg-danger,.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important;border-color:#dc2626!important}.bg-warning,.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;color:#111827!important;border-color:#f59e0b!important}.tx-white,.text-white{color:#fff!important}.tx-inverse,.tx-dark{color:#0f172a!important}.tx-gray-500,.text-muted{color:var(--billing-muted)!important}
.btn{border-radius:12px!important;font-weight:800!important;border-width:1px!important;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 16px rgba(15,23,42,.08)!important;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;white-space:normal;line-height:1.25}.btn:hover{transform:translateY(-1px);filter:saturate(1.04)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(15,23,42,.20)!important}.btn-primary{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;color:#fff!important;border-color:#1d4ed8!important}.btn-info{background:linear-gradient(135deg,#0284c7,#38bdf8)!important;color:#fff!important;border-color:#0284c7!important}.btn-secondary,.btn-light{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important}.btn-outline-danger{border-color:#fecaca!important;color:#dc2626!important;background:#fff!important}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.btn-block+.btn-block{margin-top:10px}
.form-control,.input-group-addon,.select2-container--default .select2-selection--single,.custom-select{border:1px solid #cbd5e1!important;border-radius:12px!important;color:#0f172a!important;background:#fff!important;min-height:40px;box-shadow:none!important}.form-control:focus,.select2-container--default.select2-container--focus .select2-selection--single{border-color:#0ea5e9!important;box-shadow:0 0 0 3px rgba(14,165,233,.16)!important}label,.form-control-label{color:#0f172a!important;font-weight:800}.input-group-addon{display:flex;align-items:center;justify-content:center;background:#f8fafc!important;color:#334155!important}.select2-container{max-width:100%}.select2-dropdown{border-color:#cbd5e1!important;border-radius:12px!important;overflow:hidden}.alert{border-radius:14px!important;border:1px solid transparent!important}.badge{border-radius:999px;padding:.38rem .6rem;font-weight:800}
.table-responsive,.overtable,.dataTables_scrollBody{overflow:auto!important;-webkit-overflow-scrolling:touch}.table,table{width:100%;color:#0f172a!important;background:#fff!important}.table th,.table td,table th,table td{vertical-align:middle!important;border-color:#e2e8f0!important;color:#0f172a!important}.table thead th,.overtable th,table.dataTable thead th{background:#0f172a!important;color:#fff!important;text-transform:uppercase;font-size:.78rem;letter-spacing:.035em;border-color:#1e293b!important}.table tbody tr:nth-child(even),table.padtable tbody>tr:nth-child(even){background:#f8fafc!important}.table tbody tr:hover,table.padtable tbody>tr:hover{background:#e0f2fe!important}.overtable{border:1px solid var(--billing-line)!important;border-radius:14px!important;background:#fff!important;max-width:100%}.overtable thead th{position:sticky;top:0;z-index:2}table.overtable,table.padtable{white-space:nowrap;border-collapse:collapse}.dataTables_wrapper{width:100%;overflow:hidden}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #cbd5e1!important;border-radius:10px!important;padding:6px 10px!important;background:#fff!important;color:#0f172a!important}.dataTables_wrapper .dt-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.dataTables_wrapper .dt-buttons .dt-button{border-radius:12px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;font-weight:800!important}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{color:#334155!important}
.billing-login-page{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(14,165,233,.22),transparent 34%),linear-gradient(135deg,#ecfeff,#f8fafc 55%,#e0f2fe)!important}.billing-login-card{width:100%;max-width:400px;border:1px solid rgba(226,232,240,.96)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 28px 70px rgba(37,99,235,.16)!important;padding:26px!important}.billing-login-logo{display:block;width:100%;max-width:260px;margin:0 auto 16px}.billing-panel-icon{max-width:96px;width:30%;height:auto}.sl-sideright{display:none!important}
@media(max-width:991px){:root{--billing-sidebar-width:292px}.sl-logo.billing-brand{transform:translateX(-105%);transition:.2s ease}.sl-sideleft{top:0;width:min(88vw,310px);transform:translateX(-105%);transition:.2s ease;padding-top:86px;box-shadow:24px 0 60px rgba(15,23,42,.32)}body.show-left .sl-sideleft,body.show-left .sl-logo.billing-brand{transform:translateX(0)}body.show-left .billing-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:1000}.sl-header.billing-topbar,.sl-mainpanel{margin-left:0!important}.sl-header.billing-topbar{padding:10px 14px!important;min-height:70px;gap:10px}.billing-topbar-title{min-width:0}.billing-topbar-title b{font-size:1rem}.billing-topbar-title small{display:none}.billing-status-pill{display:none}.sl-pagebody{padding:14px!important}.card{margin-bottom:14px}.btn{font-size:14px;padding:.55rem .75rem}.btn-group{width:100%}.btn-group>.btn,.btn-group>a.btn{flex:1 1 140px;margin:0!important}table.overtable,table.padtable,.table{min-width:760px}.dataTables_wrapper{overflow-x:auto}.billing-user-pill{padding:7px 10px}}
@media(max-width:575px){html{font-size:14px}.sl-pagebody{padding:10px!important}.card{border-radius:15px!important}.card-body{padding:14px!important}.billing-topbar-icon{width:32px;height:32px}.billing-topbar-actions{gap:6px}.billing-user-pill{font-size:0;padding:8px}.billing-user-pill i{font-size:16px}.sl-menu-sub{padding-left:30px!important}.billing-login-card{max-width:92vw;padding:18px!important}.billing-login-logo{max-width:220px}}
@media print{@page{margin-top:0;margin-bottom:0}body{background:#fff!important;color:#000!important}#hiddenprint,.sl-header,.sl-sideleft,.sl-logo,.billing-sidebar-backdrop{display:none!important}.card{box-shadow:none!important;border:0!important}.sl-mainpanel{margin:0!important;background:#fff!important}.sl-pagebody{padding:0!important}}