:root {
   --primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
   --success-gradient: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);
   --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
   --info-gradient: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
}

.aiz-titlebar h1 {
   font-family: 'BenSen', sans-serif;
   font-weight: 800;
   color: #0f172a;
   letter-spacing: -0.5px;
}

.dash-card {
   position: relative;
   border: none;
   border-radius: 1.25rem;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
   height: 100%;
   min-height: 140px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 1.5rem;
}


.metric-card {
   color: #fff;
}

.metric-value {
   font-size: 2.25rem;
   font-weight: 800;
   line-height: 1;
   margin-top: 0.5rem;
}

.metric-label {
   font-family: 'BenSen', sans-serif;
   font-size: 1.1rem;
   font-weight: 600;
   opacity: 0.9;
   margin-bottom: 0;
}

.metric-note {
   font-size: 0.75rem;
   opacity: 0.8;
   margin-top: 0.5rem;
   display: -webkit-box;
   --webkit-line-clamp: 1;
   --webkit-box-orient: vertical;
   overflow: hidden;
}

.metric-icon-bg {
   position: absolute;
   right: -10px;
   bottom: -10px;
   font-size: 5rem;
   opacity: 0.15;
   transform: rotate(-15deg);
   pointer-events: none;
}

.action-card {
   background: #ffffff;
   border: 1px solid #e2e8f0;
   text-align: center;
   color: #475569;
}

.action-card i {
   font-size: 2.5rem;
   margin-bottom: 1rem;
   background: var(--primary-gradient);
   --webkit-background-clip: text;
   --webkit-text-fill-color: transparent;
}

.action-card .action-label {
   font-weight: 700;
   font-size: 0.95rem;
   color: #1e293b;
}

/* Power Action Accents */
.border-left-lg {
   border-left: 6px solid !important;
}

.border-primary {
   border-color: #6366f1 !important;
}

.border-success {
   border-color: #10b981 !important;
}

.border-info {
   border-color: #0ea5e9 !important;
}

.border-warning {
   border-color: #f59e0b !important;
}

.border-danger {
   border-color: #ef4444 !important;
}

.border-indigo {
   border-color: #4f46e5 !important;
}

.border-purple {
   border-color: #9333ea !important;
}

.border-teal {
   border-color: #0d9488 !important;
}

.border-dark {
   border-color: #1e293b !important;
}

.border-emerald {
   border-color: #059669 !important;
}

.seller-billing-card {
   border-radius: .25rem;
   padding: 1rem;
   color: #ffffff;
   display: flex;
   flex-direction: column;
   transition: all 0.3s ease;
   border: 1px solid rgba(255, 255, 255, 0.1);
   position: relative;
   overflow: hidden;
   height: 100%;
}


.seller-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1.25rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   padding-bottom: 0.75rem;
}

.seller-name {
   font-weight: 500;
   font-size: .75rem;
   color: #ffffff;
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bill-calc {
   font-size: 0.85rem;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.4;
}

.bill-total {
   font-size: .75rem;
   font-weight: 900;
   color: #fcd34d;
   text-align: right;
   text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.billing-icon-watermark {
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 3rem;
   opacity: 0.2;
   transform: rotate(15deg);
}

.bg-pppoe {
   background: var(--primary-gradient);
}

.bg-hotspot {
   background: var(--success-gradient);
}

.bg-inactive {
   background: var(--warning-gradient);
}

.bg-ready {
   background: var(--info-gradient);
}

@media (max-width: 768px) {
   .metric-value {
      font-size: 1.75rem;
   }

   .dash-card {
      min-height: 120px;
      padding: 1rem;
   }

   .metric-label {
      font-size: 0.95rem;
   }

   .bill-total {
      font-size: 1.4rem;
   }
}

.inner-select button {
   border: 1px solid var(--light) !important;
}

.inner-select .form-control:focus {
   background-color: transparent !important;
}


.divider-center {
   text-align: center;
   position: relative;
   font-size: 13px;
   color: #6c757d;
}

.divider-center:before,
.divider-center:after {
   content: "";
   position: absolute;
   top: 50%;
   width: 40%;
   height: 1px;
   background: #ddd;
}

.divider-center:before {
   left: 0;
}

.divider-center:after {
   right: 0;
}

#togglePassword {
   cursor: pointer;
}

.adh-custom-cb {
   -webkit-appearance: none;
   appearance: none;
   width: 18px;
   height: 18px;
   margin: 0;
   border: 1.5px solid #cfdadd;
   background-color: #fff;
   border-radius: 2px;
   position: relative;
   cursor: pointer;
   vertical-align: middle;
   flex: 0 0 18px;
   outline: none;
   transition:
      border-color 0.2s ease,
      box-shadow 0.2s ease,
      background-color 0.2s ease;
}

.adh-custom-cb::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 10px;
   height: 10px;
   background-color: transparent;
   transform: translate(-50%, -50%) scale(0);
   transition:
      transform 0.2s ease,
      background-color 0.2s ease;
}

.adh-custom-cb:checked::after {
   transform: translate(-50%, -50%) scale(1);
}

.adh-custom-cb:disabled {
   border-color: #dee5e7;
   background-color: #f8f9fa;
   cursor: not-allowed;
}

.adh-custom-cb:disabled::after {
   background-color: #c7ced6;
}

.adh-custom-cb-label {
   display: inline-flex;
   align-items: center;
   margin: 0 0 0 10px;
   font-size: 14px;
   line-height: 1.4;
   color: #495057;
   cursor: pointer;
   user-select: none;
   vertical-align: middle;
}

.adh-custom-cb-wrap {
   display: inline-flex;
   align-items: center;
}

/* Default theme */
.adh-custom-cb:checked {
   border-color: #007bff;
}

.adh-custom-cb:checked::after {
   background-color: #007bff;
}

.adh-custom-cb:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.12);
}

/* Primary */
.adh-custom-cb-primary:checked {
   border-color: #007bff;
}

.adh-custom-cb-primary:checked::after {
   background-color: #007bff;
}

.adh-custom-cb-primary:focus {
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.12);
}

/* Success */
.adh-custom-cb-success:checked {
   border-color: #28a745;
}

.adh-custom-cb-success:checked::after {
   background-color: #28a745;
}

.adh-custom-cb-success:focus {
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.12);
}

/* Warning */
.adh-custom-cb-warning:checked {
   border-color: #ffbd2e;
}

.adh-custom-cb-warning:checked::after {
   background-color: #ffbd2e;
}

.adh-custom-cb-warning:focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 189, 46, 0.18);
}

/* Danger */
.adh-custom-cb-danger:checked {
   border-color: #f7237b;
}

.adh-custom-cb-danger:checked::after {
   background-color: #f7237b;
}

.adh-custom-cb-danger:focus {
   box-shadow: 0 0 0 0.2rem rgba(247, 35, 123, 0.14);
}

/* Info */
.adh-custom-cb-info:checked {
   border-color: #17a2b8;
}

.adh-custom-cb-info:checked::after {
   background-color: #17a2b8;
}

.adh-custom-cb-info:focus {
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.12);
}

/* Dark */
.adh-custom-cb-dark:checked {
   border-color: #343a40;
}

.adh-custom-cb-dark:checked::after {
   background-color: #343a40;
}

.adh-custom-cb-dark:focus {
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.12);
}


[data-ajax-container] {
   position: relative;
}

.ajax-kpi-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 12px;
}

.ajax-kpi-card {
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 10px;
   box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
   padding: 14px;
   min-height: 102px;
}

.ajax-kpi-label {
   font-size: 11px;
   font-weight: 800;
   color: #64748b;
   text-transform: uppercase;
   letter-spacing: 0.06em;
}

.ajax-kpi-value {
   font-size: 1.35rem;
   font-weight: 800;
   color: #1e293b;
   line-height: 1.1;
   margin-top: 8px;
}

.ajax-kpi-meta {
   margin-top: 8px;
   font-size: 12px;
   color: #64748b;
}

@media (max-width: 991.98px) {
   .ajax-kpi-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 575.98px) {
   .ajax-kpi-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
   }
}

/* Global AJAX Pagination Pro */