/* Unified light presentation, modeled on the VPN accounts page.
   Visual-only: no markup, forms, routes, or JS behavior is changed. */
main.page { color:#1e293b; }
main.page :is(.card,.panel-card,.pro-card,.audit-card,.coupon-card,.billing-card,.payment-card,.edit-card,.pricing-card,.checkout-card,.hotspot-card,.glass-card,.sub-card,.type-form-card,.table-card,.info-card,.router-setting-card,.service-card,.balance-card,.section-box,.port-box,.permission-box,.perm-group,.ssl-box,.hs-panel,.router-panel,.search-card,.list-card,.form-card,.stat-card,.summary-card,.reseller-stat,.reseller-card) {
  background:#fbfdff!important;color:#1e293b!important;border:1px solid #dce5f1!important;
  border-radius:16px!important;box-shadow:0 10px 26px rgba(30,58,95,.065)!important;
}
main.page :is(.card,.panel-card,.pro-card,.audit-card,.coupon-card,.billing-card,.payment-card,.edit-card,.pricing-card,.checkout-card,.hotspot-card,.glass-card,.sub-card,.type-form-card,.table-card,.info-card,.router-setting-card,.service-card,.balance-card,.section-box,.port-box,.permission-box,.perm-group,.ssl-box,.hs-panel,.router-panel,.search-card,.list-card,.form-card,.stat-card,.summary-card,.reseller-stat,.reseller-card)::before {display:none!important;}
main.page :is(.card,.panel-card,.pro-card,.audit-card,.coupon-card,.billing-card,.payment-card,.edit-card,.pricing-card,.checkout-card,.hotspot-card,.glass-card,.sub-card,.type-form-card,.table-card,.info-card,.router-setting-card,.service-card,.balance-card,.section-box,.port-box,.permission-box,.perm-group,.ssl-box,.hs-panel,.router-panel,.search-card,.list-card,.form-card,.stat-card,.summary-card,.reseller-stat,.reseller-card) :is(h1,h2,h3,h4,.card-title,.section-title,.stat-value,.stat-label,label) {color:#26364e!important;}
main.page :is(.card,.panel-card,.pro-card,.audit-card,.coupon-card,.billing-card,.payment-card,.edit-card,.pricing-card,.checkout-card,.hotspot-card,.glass-card,.sub-card,.type-form-card,.table-card,.info-card,.router-setting-card,.service-card,.balance-card,.section-box,.port-box,.permission-box,.perm-group,.ssl-box,.hs-panel,.router-panel,.search-card,.list-card,.form-card,.stat-card,.summary-card,.reseller-stat,.reseller-card) :is(p,small,.muted,.hint,.subtitle,.section-sub) {color:#64748b!important;}
main.page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#f8fbff!important;color:#1e293b!important;border:1px solid #cdd9e8!important;border-radius:11px!important;box-shadow:none!important;}
main.page :is(input,select,textarea):focus {border-color:#3b82f6!important;outline:2px solid rgba(59,130,246,.14)!important;outline-offset:1px;}
main.page :is(table,.tbl,.router-table,.hotspot-table){background:#fbfdff!important;color:#1e293b!important;border-color:#e2e8f0!important;}
main.page :is(table,.tbl,.router-table,.hotspot-table) th {background:#f1f5fa!important;color:#35445c!important;}
main.page :is(table,.tbl,.router-table,.hotspot-table) tbody tr:nth-child(even){background:#f5f8fd!important;}
main.page :is(table,.tbl,.router-table,.hotspot-table) td {border-color:#e4ebf4!important;}
main.page :is(.btn-primary,button[type=submit],input[type=submit]){background:#2563eb!important;color:white!important;border-color:#2563eb!important;border-radius:11px!important;}
main.page :is(.btn-primary,button[type=submit],input[type=submit]):hover{background:#1d4ed8!important;}
/* Retain existing semantic status colors and warning/danger actions. */
main.page :is(.reseller-hero,.bill-hero,.audit-hero,.coupon-hero,.detail-hero,.payment-hero,.router-hero,.settings-hero,.sub-hero,.type-hero,.hotspot-hero,.hs-hero,.page-head,.vpn-head,.hotspot-head,.dashboard-head,.edit-head){background:#fbfdff!important;color:#1e293b!important;border:1px solid #dce5f1!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(30,58,95,.065)!important;}
main.page :is(.reseller-hero,.bill-hero,.audit-hero,.coupon-hero,.detail-hero,.payment-hero,.router-hero,.settings-hero,.sub-hero,.type-hero,.hotspot-hero,.hs-hero,.page-head,.vpn-head,.hotspot-head,.dashboard-head,.edit-head) :is(h1,h2,h3){color:#172b4d!important;}
main.page :is(.reseller-hero,.bill-hero,.audit-hero,.coupon-hero,.detail-hero,.payment-hero,.router-hero,.settings-hero,.sub-hero,.type-hero,.hotspot-hero,.hs-hero,.page-head,.vpn-head,.hotspot-head,.dashboard-head,.edit-head) p{color:#64748b!important;}
@media(max-width:700px){main.page :is(.card,.panel-card,.search-card,.list-card,.form-card){max-width:100%;} main.page :is(table,.tbl){min-width:0;}}