/* Dashboard-specific status states kept separate from the compact base theme. */
.status.failed{background:#662f3c;color:#ff9da2}.status.successful{background:#124c3b;color:#69e5a8}.status.pending{background:#66541d;color:#ffe071}
.status.partial{background:#765618;color:#ffd761}
.status.processing{background:#66541d;color:#ffe071}
.pdf-yes{color:#ff828a;font-size:15px}
.payment-summary{margin:18px 0;padding:15px 16px 17px;background:#0d1e34;border:1px solid #234466;border-radius:11px}.payment-summary .panel-head{margin-bottom:12px}.payment-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.payment-metrics .metric{min-width:0}.payment-metrics .metric-icon{font-size:11px}.payment-paid{background:linear-gradient(135deg,#123f35,#102a32)!important}.payment-paid .metric-icon{background:#1e7a5d!important}.payment-pro{background:linear-gradient(135deg,#1f274f,#18213f)!important}.payment-pro .metric-icon{background:#5252b8!important}.payment-warning{background:linear-gradient(135deg,#4d3919,#32271d)!important}.payment-warning .metric-icon{background:#a87816!important}.payment-cancelled{background:linear-gradient(135deg,#492430,#331d28)!important}.payment-cancelled .metric-icon{background:#9b4155!important}.status.payment-issue{background:#765618;color:#ffe071}.status.cancelled{background:#4b3540;color:#efb2c0}
.payment-filter-card{appearance:none;border:1px solid #1b3854;color:#eff6ff;text-align:left;font:inherit;cursor:pointer}.payment-filter-card>span:last-child{min-width:0;text-align:left}.payment-filter-card:hover,.payment-filter-card:focus-visible{outline:none;border-color:#66a3ff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.metric-link{appearance:none;width:100%;border:1px solid #1b3854;color:#eff6ff;text-align:left;font:inherit;cursor:pointer}.metric-link>span:last-child{min-width:0;flex:1;text-align:left}.metric-link:hover,.metric-link:focus-visible{outline:none;border-color:#66a3ff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.users-page{padding-bottom:36px}.users-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.users-title-row h1{margin:0}.action-button,.view-user{border:0;border-radius:8px;background:#347fff;color:#fff;font:inherit;font-weight:700;cursor:pointer;padding:10px 14px}.action-button:hover,.view-user:hover{filter:brightness(1.12)}.action-button:disabled{opacity:.6;cursor:wait}.users-filters{display:flex;align-items:center;gap:16px;padding:14px 16px;margin-bottom:18px}.users-filters .search{flex:1}.filter-label{display:flex;gap:8px;align-items:center;color:#aebbd1;font-size:13px}.filter-label select{color:#e9f1ff;background:#132640;border:1px solid #29486f;border-radius:7px;padding:9px}.users-directory td{white-space:nowrap}.users-directory td:first-child{max-width:210px;white-space:normal}.users-directory small{color:#9aabc4}.status.subscribed,.status.free-trial{background:#214c3d;color:#79e5b0}.status.disabled{background:#662f3c;color:#ff9da2}.drawer-overlay{position:fixed;inset:0;z-index:30;background:rgba(2,8,18,.72);display:flex;justify-content:flex-end}.drawer-card{width:min(900px,100vw);height:100%;overflow:auto;background:#0d1d33;border-left:1px solid #2b4b72;box-shadow:-18px 0 44px rgba(0,0,0,.35);padding:24px}.drawer-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #23415f;padding-bottom:16px}.drawer-head h2{margin:2px 0 0}.drawer-head .icon-btn{min-width:auto;padding:8px 11px}.eyebrow{margin:0;color:#70a4e9;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.profile-summary{margin:18px 0;padding:17px;background:#10233d;border:1px solid #29496e;border-radius:10px}.profile-summary h3,.profile-summary p{margin:0 0 7px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.profile-grid span{background:#0b192c;border-radius:7px;padding:10px;color:#a9b9d0;font-size:12px}.profile-grid b{display:block;color:#eff6ff;font-size:16px;margin-bottom:3px}.profile-plan{color:#b8c8e1}.detail-section{border-top:1px solid #23415f;padding:19px 0}.detail-section h3{margin:0 0 11px;font-size:15px}.detail-table-wrap{overflow:auto}.detail-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.detail-table-wrap th,.detail-table-wrap td{padding:9px 8px;border-bottom:1px solid #1c3857;text-align:left;vertical-align:top}.detail-table-wrap th{color:#9fb2ce;font-weight:600;white-space:nowrap}.detail-table-wrap td{color:#e4edfa}.detail-table-wrap p{margin:0;padding:10px}.detail-table-wrap td:nth-child(2){max-width:220px;overflow:hidden;text-overflow:ellipsis}.hidden{display:none!important}@media(max-width:760px){.users-title-row,.users-filters{align-items:stretch;flex-direction:column}.filter-label{justify-content:space-between}.users-directory{margin-left:-4px;margin-right:-4px}.drawer-card{padding:16px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-overlay{align-items:flex-end}.drawer-card{height:min(92vh,100%);border-left:0;border-top:1px solid #2b4b72}}
@media(max-width:900px){.payment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.payment-metrics{grid-template-columns:1fr}.payment-summary{padding:13px}}

/* Keep the desktop dashboard usable at the browser's normal 100% zoom. */
@media(min-width:781px){.sidebar{overflow:hidden}.nav{flex:1;min-height:0;overflow-y:auto;align-content:start;padding-right:3px}.side-bottom{flex:0 0 auto}.nav::-webkit-scrollbar{width:7px}.nav::-webkit-scrollbar-thumb{background:#294b6d;border-radius:8px}.metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow:visible}.metrics .metric{min-width:0}.metrics .metric>div{min-width:0;flex:1}.metrics .metric small,.metrics .metric em{white-space:normal;line-height:1.25}.metrics .metric em{display:block}}
@media(max-width:780px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.metrics .metric{min-width:0}.metrics .metric>div{min-width:0;flex:1}.metrics .metric small,.metrics .metric em{white-space:normal;line-height:1.25}}

.operations-page{padding-bottom:36px}.operation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.operation-card{padding:16px;min-height:112px}.operation-card small{display:block;color:#aebfd7;font-size:12px}.operation-card strong{display:block;margin:7px 0 5px;font-size:28px;color:#f5f8ff}.operation-card em{display:block;color:#8ea5c2;font-size:11px;font-style:normal}.success-card{border-color:#246447}.success-card strong{color:#60e3a7}.failed-card{border-color:#725628}.failed-card strong{color:#ffd260}.operations-directory td:nth-child(3){max-width:260px}@media(max-width:900px){.operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.operation-metrics{grid-template-columns:1fr}.operation-card{min-height:96px}}
.view-all-link{border:0;background:transparent;color:#66a6ff;font:inherit;font-size:11px;cursor:pointer;padding:4px 0;white-space:nowrap}.view-all-link:hover,.view-all-link:focus-visible{color:#a8caff;text-decoration:underline;outline:0}
.chart-range{appearance:none;border:1px solid #2a4763;background:#17314b;color:#d9e5f6;border-radius:5px;padding:5px 25px 5px 8px;font:inherit;font-size:10px;line-height:1.2;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#b9cce4 50%),linear-gradient(135deg,#b9cce4 50%,transparent 50%);background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.chart-range:focus-visible{outline:2px solid #66a6ff;outline-offset:2px}.health-detail-panel{padding:18px;max-width:900px}.health-detail-panel .health-row{padding:15px 2px}.health-detail-panel .health-label{font-size:14px}.health-detail-panel .health-detail{font-size:13px}
.settings-page{padding-bottom:36px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{padding:16px;min-width:0}.settings-card .panel-head{margin-bottom:13px}.settings-status{display:grid;border-top:1px solid #1d3a58}.config-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #1b3652;color:#aebfd5;font-size:12px}.config-line b{color:#edf4ff;text-align:right;overflow-wrap:anywhere}.settings-form{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:end;margin-top:16px}.settings-form label,.settings-inline label{display:grid;gap:5px;color:#aebfd5;font-size:12px}.settings-form input,.settings-inline input{min-width:0;border:1px solid #294b70;background:#0b1a2d;color:#f3f7ff;border-radius:7px;padding:9px;font:inherit}.settings-note{color:#8fa5c1;font-size:11px;line-height:1.45;margin:12px 0 0}.settings-inline{display:flex;align-items:end;gap:10px;margin-top:15px}.settings-inline label{flex:1}.danger-button,.secondary-button{border:1px solid #7f3c46;border-radius:8px;background:#5e2935;color:#fff;font:inherit;font-weight:700;cursor:pointer;padding:10px 13px;white-space:nowrap}.secondary-button{border-color:#31577e;background:#173451}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.action-result{min-height:17px;margin:11px 0 0;color:#9ab0cc;font-size:12px}.action-result.success{color:#61e5a7}.action-result.failed{color:#ff9da2}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}}@media(max-width:620px){.settings-form{grid-template-columns:1fr}.settings-inline{align-items:stretch;flex-direction:column}.danger-button,.secondary-button{width:100%}.config-line{align-items:flex-start;flex-direction:column;gap:3px}.config-line b{text-align:left}}
.manual-pro-panel{padding:14px;border:1px solid #31577e;border-radius:10px;background:linear-gradient(135deg,rgba(38,75,121,.28),rgba(16,35,61,.75));}.manual-pro-current{margin:0 0 12px;color:#dcecff;line-height:1.5}.manual-pro-current b{color:#78dcb0}.manual-pro-current span{color:#aebfd5;font-size:12px}.manual-pro-form{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;gap:9px;align-items:end}.manual-pro-form label{display:grid;gap:5px;color:#aebfd5;font-size:12px}.manual-pro-form select,.manual-pro-form input{min-width:0;border:1px solid #294b70;background:#0b1a2d;color:#f3f7ff;border-radius:7px;padding:9px;font:inherit}.status.complimentary-pro,.status.active{background:#214c3d;color:#79e5b0}.status.superseded{background:#3d4c5d;color:#b8c8db}.status.revoked{background:#5c2f3a;color:#ffabb1}.manual-pro-section .detail-table-wrap{margin-top:13px}.manual-pro-section small{color:#9aabc4}@media(max-width:760px){.manual-pro-form{grid-template-columns:1fr}.manual-pro-form .action-button,.manual-pro-form .danger-button{width:100%}}
html[data-admin-theme="light"] .manual-pro-panel{background:linear-gradient(135deg,#edf9f4,#f8fffc);border-color:#b7dfcc}html[data-admin-theme="light"] .manual-pro-current{color:#1e4939}html[data-admin-theme="light"] .manual-pro-current span,html[data-admin-theme="light"] .manual-pro-section small{color:#5d7590}html[data-admin-theme="light"] .manual-pro-form label{color:#526a87}html[data-admin-theme="light"] .manual-pro-form select,html[data-admin-theme="light"] .manual-pro-form input{background:#fff;border-color:#cbdbea;color:#213a5b}
.admin-signout{width:100%;margin-top:12px;border:0;border-top:1px solid #17324d;background:transparent;padding:12px 0 2px;cursor:pointer;font:inherit;text-align:left}.admin-signout:hover{color:#fff}.admin-signout:disabled{opacity:.55;cursor:wait}

/* Tablet: retain readable navigation while giving dashboard cards enough room. */
@media(min-width:600px) and (max-width:780px){.app-shell{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:200px;height:100vh;padding:13px 10px;flex-direction:column;overflow:hidden}.brand{min-width:0;padding:0 7px 15px}.brand b{font-size:16px}.nav{display:grid;flex:1;min-height:0;overflow-y:auto;align-content:start;padding-right:3px}.nav-item{font-size:13px;padding:9px 10px;gap:11px}.nav-item span{width:17px;font-size:16px}.side-bottom{display:block;margin-top:0;padding:12px 7px 3px}.main{margin-left:200px;width:calc(100% - 200px);padding:0 15px 24px}.topbar{padding:10px 0;gap:10px}.search{width:min(300px,48vw)}.toolbar{gap:6px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics .metric{min-height:108px}.payment-metrics,.operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid,.wide-grid,.bottom-grid,.admin-notes{grid-template-columns:1fr}.country-panel,.bottom-grid>:last-child{grid-column:auto}.settings-grid{grid-template-columns:1fr}.drawer-card{width:min(680px,100vw)}}

/* Phone: keep controls touch-friendly, prevent card/table overflow and allow the nav to scroll. */
@media(max-width:599px){.sidebar{position:static;padding:10px;gap:8px;scrollbar-width:thin}.brand{min-width:138px;padding:0 5px}.brand b{font-size:16px}.brand small{font-size:10px}.brand-mark{width:31px;height:31px;font-size:14px}.nav{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding-bottom:2px}.nav-item{font-size:12px;padding:8px 9px;gap:5px;white-space:nowrap;flex:0 0 auto}.nav-item span{font-size:14px;width:auto}.topbar{gap:8px}.toolbar{gap:6px}.toolbar select,.icon-btn{height:32px;padding:0 8px}.toolbar #updated{font-size:10px}.metrics{gap:8px}.metrics .metric{padding:10px;gap:8px;min-height:116px}.metrics .metric-icon{width:34px;height:34px;font-size:16px}.metrics .metric strong{font-size:20px}.metrics .metric small{font-size:10px}.metrics .metric em{font-size:9px}.payment-summary{margin:14px 0}.payment-summary .panel-head{align-items:flex-start;flex-direction:column}.payment-metrics{gap:9px}.charts-grid,.wide-grid,.bottom-grid,.admin-notes{gap:9px}.chart-panel{padding:10px;overflow:hidden}.panel-head{align-items:flex-start}.legend{gap:5px;white-space:normal;flex-wrap:wrap}.country-chart{height:auto;min-height:165px;flex-wrap:wrap}.country-list{width:min(100%,200px)}.table-panel,.health-panel,.compact-panel{padding:9px}.table-wrap{max-height:320px}.health-row{padding:9px 1px}.health-detail{max-width:48%;overflow-wrap:anywhere}.users-title-row{margin-bottom:14px}.users-title-row h1{font-size:22px}.users-title-row .lead{margin-bottom:0}.users-filters{padding:12px}.users-filters .search{width:100%}.filter-label{width:100%;justify-content:space-between}.filter-label select{max-width:62%}.settings-card{padding:13px}.settings-card .panel-head{align-items:flex-start}.settings-actions{display:grid;grid-template-columns:1fr}.settings-actions .action-button,.settings-actions .secondary-button{width:100%}.drawer-card{padding:15px}.drawer-head{position:sticky;top:-15px;z-index:1;background:#0d1d33;padding-top:15px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section{padding:15px 0}.operation-card{padding:14px}.operation-card strong{font-size:25px}.operations-directory{margin-left:-2px;margin-right:-2px}}

/* Responsive layout pass: preserve every control while avoiding clipped cards
   and dense navigation at common phone, tablet and desktop widths. */
body{overflow-x:hidden}.table-wrap,.detail-table-wrap{overscroll-behavior-inline:contain}.table-wrap table,.detail-table-wrap table{min-width:max-content}.metric-link,.payment-filter-card{min-height:100px}.metric-link:focus-visible,.payment-filter-card:focus-visible,.nav-item:focus-visible,.action-button:focus-visible,.icon-btn:focus-visible{outline:2px solid #8ab8ff;outline-offset:2px}
@media(min-width:1281px){.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics .metric{min-width:0}.charts-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.05fr) minmax(300px,.9fr)}}
@media(min-width:981px) and (max-width:1280px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.country-panel{grid-column:span 2}.wide-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr)}}
@media(min-width:781px) and (max-width:980px){.main{padding:0 18px 26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid,.wide-grid,.bottom-grid{grid-template-columns:1fr}.country-panel,.bottom-grid>:last-child{grid-column:auto}.chart-panel{min-height:220px}}
@media(min-width:600px) and (max-width:780px){.topbar{position:sticky;top:0;z-index:3;background:#081323}.metrics .metric>span:last-child{min-width:0;flex:1}.chart-range{min-height:34px;font-size:11px}.users-title-row .action-button{min-height:42px}.table-wrap{max-height:55vh}}
@media(max-width:599px){.app-shell{min-width:0}.main{min-width:0;padding:0 12px 24px}.sidebar{align-items:center;flex-wrap:wrap}.nav{order:3;width:100%;scroll-snap-type:x proximity;padding:3px 1px 7px}.nav-item{min-height:42px;scroll-snap-align:start}.side-bottom{display:flex;order:4;width:100%;margin:0;padding:7px 3px 0;border-top:1px solid #17324d;gap:13px;align-items:center}.side-bottom .admin-person{display:none}.side-bottom .logout{font-size:12px;gap:6px;white-space:nowrap}.side-bottom .logout span{font-size:16px}.side-bottom .admin-signout{width:auto;margin:0;border:0;padding:0;background:transparent;color:#dceaff}.topbar{position:sticky;top:0;z-index:3;background:#081323;padding:10px 0}.search{min-height:42px}.toolbar{min-height:38px}.toolbar #updated{margin-right:auto}.toolbar select,.icon-btn{min-height:38px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-link,.payment-filter-card{min-height:112px}.metrics .metric>span:last-child{min-width:0;flex:1}.metrics .metric small,.metrics .metric em{white-space:normal;overflow-wrap:anywhere}.metric-link .metric-icon{width:34px;height:34px}.payment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-metrics .metric{min-height:102px}.chart-panel{min-height:230px}.chart-panel .panel-head{gap:10px}.chart-panel .legend{margin:0 0 7px;font-size:10px}.chart-range{min-height:34px;font-size:10px}.line-chart,.bar-chart{height:166px}.country-chart{justify-content:flex-start;gap:14px}.donut{width:118px;height:118px}.donut:after{inset:27px}.donut strong{inset:38px 0 auto}.donut small{inset:61px 0 auto}.users-title-row .action-button{width:100%;min-height:44px}.users-filters{gap:12px}.filter-label select{min-height:42px}.operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-card{min-height:104px}.health-detail-panel{padding:13px}.health-detail-panel .health-row{padding:12px 1px}.health-detail-panel .health-label{font-size:13px}.health-detail-panel .health-detail{font-size:11px}.drawer-overlay{align-items:flex-end}.drawer-card{width:100%;height:min(94dvh,100%);border-radius:16px 16px 0 0;padding:16px}.drawer-head{top:-16px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid span{padding:9px}.settings-inline{gap:12px}.settings-actions{gap:9px}}
@media(max-width:389px){.brand{min-width:0;flex:1}.brand small{display:none}.metrics,.payment-metrics,.operation-metrics{grid-template-columns:1fr}.metric-link,.payment-filter-card{min-height:94px}.chart-panel{min-height:222px}.country-chart{justify-content:center}.toolbar #updated{display:none}.side-bottom{gap:9px}.side-bottom .logout{font-size:11px}.profile-grid{grid-template-columns:1fr}.drawer-card{padding:14px}.nav-item{padding:8px}.main{padding-left:9px;padding-right:9px}}

/* Health data needs its own mobile grid: auto-sized detail cells plus
   overflow-wrap:anywhere made short values wrap one character at a time. */
@media(max-width:599px){.health-row{grid-template-columns:minmax(112px,.95fr) minmax(0,1.05fr);gap:10px;align-items:start}.health-name{min-width:0}.health-detail{min-width:0;max-width:none;white-space:normal;overflow-wrap:break-word;word-break:normal;text-align:right;line-height:1.35}}
@media(max-width:389px){.health-row{grid-template-columns:1fr;gap:4px}.health-detail{text-align:left}}

/* Light theme. The root attribute is restored before this stylesheet loads. */
html[data-admin-theme="light"]{color-scheme:light}html[data-admin-theme="light"] body{background:radial-gradient(circle at 65% -20%,#e3efff 0,#f7faff 42%),#f7faff;color:#10233f}html[data-admin-theme="light"] .sidebar{background:linear-gradient(180deg,#ffffff,#edf4fd);border-color:#d6e2f1;box-shadow:8px 0 24px #274b7410}html[data-admin-theme="light"] .brand{color:#10223f}html[data-admin-theme="light"] .brand small,html[data-admin-theme="light"] .admin-person small{color:#60738e}html[data-admin-theme="light"] .nav-item,html[data-admin-theme="light"] .logout{color:#263d5b}html[data-admin-theme="light"] .nav-item span{color:#3e5877}html[data-admin-theme="light"] .nav-item:hover{background:#e4efff}html[data-admin-theme="light"] .nav-item.active{color:#fff;background:linear-gradient(100deg,#347dff,#2d68d7)}html[data-admin-theme="light"] .nav-item.active span{color:#fff}html[data-admin-theme="light"] .side-bottom,html[data-admin-theme="light"] .admin-signout{border-color:#d6e2f1}html[data-admin-theme="light"] .admin-person b{color:#1a3150}html[data-admin-theme="light"] .topbar{border-color:#d9e5f3}html[data-admin-theme="light"] .search,html[data-admin-theme="light"] .toolbar select,html[data-admin-theme="light"] .icon-btn{background:#fff;border-color:#cedded;color:#274263;box-shadow:0 3px 12px #1b4c7a0a}html[data-admin-theme="light"] .search{color:#55708e}html[data-admin-theme="light"] .search input{color:#142d4c}html[data-admin-theme="light"] .search input::placeholder{color:#7690aa}html[data-admin-theme="light"] .toolbar{color:#5e7590}html[data-admin-theme="light"] .metric{background:linear-gradient(145deg,#ffffff,#f4f8fd);border-color:#d7e4f2;box-shadow:0 8px 20px #234d780d}html[data-admin-theme="light"] .metric strong{color:#10265a}html[data-admin-theme="light"] .metric small{color:#3e597b}html[data-admin-theme="light"] .metric em{color:#617895}html[data-admin-theme="light"] .panel,html[data-admin-theme="light"] .payment-summary{background:linear-gradient(145deg,#fff,#f7faff);border-color:#d8e5f2;box-shadow:0 9px 23px #234d780c}html[data-admin-theme="light"] .panel h2,html[data-admin-theme="light"] h1{color:#10233f}html[data-admin-theme="light"] .lead{color:#526986}html[data-admin-theme="light"] .pill,html[data-admin-theme="light"] .chart-range{background:#f3f7fc;border-color:#d2e0ee;color:#385170}html[data-admin-theme="light"] .chart-label{fill:#68809c}html[data-admin-theme="light"] .axis{stroke:#d7e4f0}html[data-admin-theme="light"] .donut:after{background:#fff;border-color:#d8e4f0}html[data-admin-theme="light"] .donut strong{color:#162d50}html[data-admin-theme="light"] .donut small,html[data-admin-theme="light"] .country-list li,html[data-admin-theme="light"] .legend{color:#526a87}html[data-admin-theme="light"] th{color:#4e6684;border-color:#d8e5f1}html[data-admin-theme="light"] td{color:#243c5c;border-color:#e0e9f3}html[data-admin-theme="light"] .video-link,html[data-admin-theme="light"] .view-all-link{color:#1769e8}html[data-admin-theme="light"] .health-row{border-color:#dce7f1}html[data-admin-theme="light"] .health-label{color:#233c5d}html[data-admin-theme="light"] .health-detail{color:#637b96}html[data-admin-theme="light"] .operation-card{background:#fff}html[data-admin-theme="light"] .operation-card small,html[data-admin-theme="light"] .operation-card em{color:#5c7490}html[data-admin-theme="light"] .operation-card strong{color:#152e54}html[data-admin-theme="light"] .users-filters,html[data-admin-theme="light"] .profile-summary{background:#f9fbfe;border-color:#d9e5f2}html[data-admin-theme="light"] .filter-label,html[data-admin-theme="light"] .settings-note,html[data-admin-theme="light"] .config-line{color:#526a87}html[data-admin-theme="light"] .filter-label select,html[data-admin-theme="light"] .settings-form input,html[data-admin-theme="light"] .settings-inline input{background:#fff;border-color:#cbdbea;color:#213a5b}html[data-admin-theme="light"] .users-directory small,html[data-admin-theme="light"] .muted{color:#6a8099}html[data-admin-theme="light"] .drawer-card{background:#f8fbff;border-color:#d1dfed;box-shadow:-18px 0 44px #1e477529}html[data-admin-theme="light"] .drawer-head,html[data-admin-theme="light"] .detail-section{border-color:#d8e4f0}html[data-admin-theme="light"] .drawer-card h2,html[data-admin-theme="light"] .profile-summary h3,html[data-admin-theme="light"] .detail-section h3{color:#152d4e}html[data-admin-theme="light"] .profile-grid span{background:#edf4fb;color:#5d7590}html[data-admin-theme="light"] .profile-grid b,html[data-admin-theme="light"] .detail-table-wrap td{color:#213b5d}html[data-admin-theme="light"] .detail-table-wrap th,html[data-admin-theme="light"] .detail-table-wrap td{border-color:#dbe6f1}html[data-admin-theme="light"] .settings-status{border-color:#dce6f0}html[data-admin-theme="light"] .config-line{border-color:#dde7f1}html[data-admin-theme="light"] .config-line b{color:#253e60}html[data-admin-theme="light"] .payment-paid{background:linear-gradient(135deg,#e6faf2,#f5fffb)!important}html[data-admin-theme="light"] .payment-pro{background:linear-gradient(135deg,#edf0ff,#f8f8ff)!important}html[data-admin-theme="light"] .payment-warning{background:linear-gradient(135deg,#fff4dc,#fffbf1)!important}html[data-admin-theme="light"] .payment-cancelled{background:linear-gradient(135deg,#ffedf1,#fff7f8)!important}html[data-admin-theme="light"] .payment-filter-card,html[data-admin-theme="light"] .metric-link{color:#182f50}html[data-admin-theme="light"] .metric-link:hover,html[data-admin-theme="light"] .payment-filter-card:hover{border-color:#80aefa;box-shadow:0 9px 20px #3a72bb20}.theme-toggle{min-width:58px;font-size:12px;font-weight:700}@media(max-width:599px){html[data-admin-theme="light"] .topbar{background:#f7faff}html[data-admin-theme="light"] .side-bottom{border-color:#d6e2f1}.theme-toggle{min-width:52px}}

/* Reference-inspired premium light dashboard visual pass.  This only affects
   the light setting; dark mode and all live dashboard data remain unchanged. */
html[data-admin-theme="light"] body{background:#f7faff;color:#10265a}
html[data-admin-theme="light"] .main{position:relative;isolation:isolate}
html[data-admin-theme="light"] .main::before{content:"";position:absolute;z-index:-1;top:0;left:-26px;right:-26px;height:185px;pointer-events:none;background:radial-gradient(ellipse 32% 74% at 55% 0,#cbd6ffb8 0 42%,transparent 43%),radial-gradient(ellipse 35% 66% at 70% 1%,#eee0ffb0 0 38%,transparent 39%),linear-gradient(180deg,#e9f2ff 0%,#f8fbff 80%,transparent 100%)}
html[data-admin-theme="light"] .sidebar{width:228px;padding:15px 12px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 68%,#f1f6ff 100%);box-shadow:7px 0 26px #274b7414}
html[data-admin-theme="light"] .main{margin-left:228px;width:calc(100% - 228px);padding-left:24px;padding-right:24px}
html[data-admin-theme="light"] .brand{padding-bottom:19px}
html[data-admin-theme="light"] .brand-mark{border-radius:10px;box-shadow:0 9px 22px #4a62ec3d}
html[data-admin-theme="light"] .nav{gap:5px}
html[data-admin-theme="light"] .nav-item{min-height:42px;border-radius:9px;font-weight:500;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
html[data-admin-theme="light"] .nav-item:hover{transform:translateX(2px);background:#edf4ff}
html[data-admin-theme="light"] .nav-item.active{background:linear-gradient(100deg,#8152ff 0%,#2d8aff 100%);box-shadow:0 9px 19px #5c71e640}
html[data-admin-theme="light"] .topbar{height:62px;border-color:#dce8f6;position:relative;z-index:1}
html[data-admin-theme="light"] .search{width:min(438px,52vw);min-height:36px;border-radius:8px;background:#ffffffcc;border-color:#d5e2f2;box-shadow:0 4px 15px #294d7c0b}
html[data-admin-theme="light"] .toolbar select,html[data-admin-theme="light"] .icon-btn{border-radius:8px;background:#ffffffd9;border-color:#d6e3f2}
html[data-admin-theme="light"] h1{font-size:26px;letter-spacing:-.8px;text-shadow:0 1px #fff}
html[data-admin-theme="light"] .lead{font-size:14px}
html[data-admin-theme="light"] .metrics{gap:10px}
html[data-admin-theme="light"] .metric{position:relative;isolation:isolate;overflow:hidden;min-height:120px;padding:13px 14px;border-radius:11px;background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);box-shadow:0 10px 26px #31578912;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
html[data-admin-theme="light"] .metric>*{position:relative;z-index:1}
html[data-admin-theme="light"] .metric::after{content:"";position:absolute;z-index:0;left:-7%;right:-7%;bottom:-43px;height:72px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 25% 100%,#9bc5ff7a 0 23%,transparent 24%),radial-gradient(ellipse at 71% 100%,#72b7ff38 0 29%,transparent 30%)}
html[data-admin-theme="light"] .metric.green::after{background:radial-gradient(ellipse at 23% 100%,#77e9be75 0 22%,transparent 23%),radial-gradient(ellipse at 73% 100%,#a6f1d260 0 29%,transparent 30%)}
html[data-admin-theme="light"] .metric.purple::after{background:radial-gradient(ellipse at 20% 100%,#cfb9ff78 0 22%,transparent 23%),radial-gradient(ellipse at 72% 100%,#e1d2ff78 0 29%,transparent 30%)}
html[data-admin-theme="light"] .metric.emerald::after{background:radial-gradient(ellipse at 24% 100%,#8eeece75 0 22%,transparent 23%),radial-gradient(ellipse at 74% 100%,#d4ffe97a 0 29%,transparent 30%)}
html[data-admin-theme="light"] .metric.coral::after{background:radial-gradient(ellipse at 22% 100%,#ffb7bb65 0 22%,transparent 23%),radial-gradient(ellipse at 75% 100%,#ffd3cc78 0 29%,transparent 30%)}
html[data-admin-theme="light"] .metric.gold::after{background:radial-gradient(ellipse at 22% 100%,#ffd56c85 0 22%,transparent 23%),radial-gradient(ellipse at 75% 100%,#ffefa661 0 29%,transparent 30%)}
html[data-admin-theme="light"] .metric:hover{transform:translateY(-2px);border-color:#9ebcf2;box-shadow:0 15px 28px #3157891b}
html[data-admin-theme="light"] .metric-icon{border-radius:10px;box-shadow:inset 0 1px #ffffffb0}
html[data-admin-theme="light"] .blue .metric-icon{background:linear-gradient(135deg,#dceaff,#eef5ff);color:#287cff}
html[data-admin-theme="light"] .green .metric-icon{background:linear-gradient(135deg,#d8ffef,#c7f7de);color:#00a96d}
html[data-admin-theme="light"] .purple .metric-icon{background:linear-gradient(135deg,#eadfff,#ddd0ff);color:#8547ec}
html[data-admin-theme="light"] .emerald .metric-icon{background:linear-gradient(135deg,#d4ffec,#c6f8e0);color:#00ad70}
html[data-admin-theme="light"] .coral .metric-icon{background:linear-gradient(135deg,#ffe2e6,#ffd2d6);color:#fa4654}
html[data-admin-theme="light"] .gold .metric-icon{background:linear-gradient(135deg,#fff4ca,#ffe7a2);color:#ee9d00}
html[data-admin-theme="light"] .metric strong{font-size:23px}
html[data-admin-theme="light"] .metric em{color:#4d8a78}
html[data-admin-theme="light"] .panel,html[data-admin-theme="light"] .payment-summary{border-radius:12px;background:linear-gradient(145deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 9px 24px #3157890c}
html[data-admin-theme="light"] .chart-panel{padding:12px}
html[data-admin-theme="light"] .panel-head h2{display:flex;align-items:center;gap:8px;font-size:15px}
html[data-admin-theme="light"] .chart-panel .panel-head h2::before,html[data-admin-theme="light"] .wide-grid .panel-head h2::before,html[data-admin-theme="light"] .bottom-grid .panel-head h2::before{content:"";width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#efe7ff,#e0f0ff);box-shadow:inset 0 1px #fff;flex:0 0 auto}
html[data-admin-theme="light"] .charts-grid .chart-panel:nth-child(1) .panel-head h2::before{background:linear-gradient(135deg,#e9dcff,#f2efff)}
html[data-admin-theme="light"] .charts-grid .chart-panel:nth-child(2) .panel-head h2::before{background:linear-gradient(135deg,#ffe9e9,#fff2f3)}
html[data-admin-theme="light"] .charts-grid .chart-panel:nth-child(3) .panel-head h2::before{background:linear-gradient(135deg,#ddf0ff,#effaff)}
html[data-admin-theme="light"] .pill,html[data-admin-theme="light"] .chart-range{background:#f9fbff;border-color:#dbe7f5;border-radius:8px}
html[data-admin-theme="light"] .wide-grid,html[data-admin-theme="light"] .bottom-grid{gap:10px}
html[data-admin-theme="light"] th{background:#f6f9fe}
html[data-admin-theme="light"] th:first-child{border-radius:7px 0 0 0}
html[data-admin-theme="light"] th:last-child{border-radius:0 7px 0 0}
html[data-admin-theme="light"] .table-wrap{border-radius:8px}
html[data-admin-theme="light"] .health-row{min-height:37px}
html[data-admin-theme="light"] .status{background:#dff9ec;color:#008d59}
html[data-admin-theme="light"] .status.pending{background:#fff1c9;color:#9a6700}html[data-admin-theme="light"] .status.failed{background:#ffe3e7;color:#c6334b}
html[data-admin-theme="light"] .payment-summary{padding:14px 16px;margin:14px 0}
html[data-admin-theme="light"] .payment-summary .metric{min-height:96px}
html[data-admin-theme="light"] .side-bottom{border-color:#d8e5f3}
html[data-admin-theme="light"] .avatar{background:linear-gradient(135deg,#d8e8ff,#b8d6ff);color:#2365cf}
html[data-admin-theme="light"] .admin-signout:hover{color:#1769e8}
/* Failed-job metric: deliberately separate from successful PDF card in both themes. */
.danger .metric-icon{background:#7f2939;color:#ffabb8}
html[data-admin-theme="light"] .metric.danger::after{background:radial-gradient(ellipse at 22% 100%,#ffadb978 0 22%,transparent 23%),radial-gradient(ellipse at 75% 100%,#ffd5d975 0 29%,transparent 30%)}
html[data-admin-theme="light"] .danger .metric-icon{background:linear-gradient(135deg,#ffe3e7,#ffd1d8);color:#e13d52}
@media(min-width:1281px){html[data-admin-theme="light"] .sidebar{width:228px}html[data-admin-theme="light"] .main{margin-left:228px;width:calc(100% - 228px)}html[data-admin-theme="light"] .metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:600px) and (max-width:780px){html[data-admin-theme="light"] .sidebar{width:200px}html[data-admin-theme="light"] .main{margin-left:200px;width:calc(100% - 200px)}}
@media(max-width:599px){html[data-admin-theme="light"] .main{margin-left:0;width:100%;padding-left:12px;padding-right:12px}html[data-admin-theme="light"] .main::before{left:-12px;right:-12px;height:145px}html[data-admin-theme="light"] .metric{min-height:112px}html[data-admin-theme="light"] .metric::after{bottom:-52px}html[data-admin-theme="light"] .panel-head h2{font-size:14px}html[data-admin-theme="light"] .chart-panel .panel-head h2::before,html[data-admin-theme="light"] .wide-grid .panel-head h2::before,html[data-admin-theme="light"] .bottom-grid .panel-head h2::before{width:22px;height:22px}}
@media(min-width:1281px){.metrics,html[data-admin-theme="light"] .metrics{grid-template-columns:repeat(7,minmax(0,1fr))}}
/* Failed processing is always red in the chart and its legend. */
.notes{background:#ff5c62}