:root{color-scheme:light}.theme-control{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff;border:1px solid #d9dce9;box-shadow:0 3px 14px #12152a15;border-radius:10px;color:#43465e;font-size:11px}.theme-control select{font:inherit;padding:5px;border-radius:5px;background:transparent;color:inherit;border:1px solid #aeb4c6;max-width:140px}
:root[data-theme=dark]{color-scheme:dark;--bg:#10131e;--ink:#e8ecf5;--muted:#b1bbd0;--purple:#aa9dff;--line:#333a50;color:var(--ink)}
:root[data-theme=dark] body,:root[data-theme=dark] .review-body,:root[data-theme=dark] .login-page{background:#10131e;color:var(--ink)}
:root[data-theme=dark] :is(.sidebar,.topbar,.mobile-nav,.card,.quick-card,.login-card,.review-header,.art-bill,.stat-card,.install-card,.help-contact,dialog,.theme-control){background:#1b2030;color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(.sidebar-install,.plan-card,.live-account-card,.invoice-summary,.gcash-recipient,.transfer-summary,.receipt-reading,.selected-receipt,.pdf-receipt,.success-payment,.reset-box,.email-reminder,.login-activation,.account-banner,.demo-banner,.report-note,.review-public-note,.soft-note,.pending-notice,.gcash-panel){background:#252c42;color:#d7def0;border-color:#3c4560}
:root[data-theme=dark] :is(h1,h2,h3,.login-story h1,.live-account-card h2,.live-account-card .plan-price strong,.detail-list dd,.card-heading h2,.transfer-report-amount strong,.payment-info strong,.brand,.breadcrumb strong){color:#edf0fa}
:root[data-theme=dark] :is(p,.eyebrow,.sidebar-section,.nav-item,.breadcrumb,.account-switch small,.login-card>p,.login-story>p:not(.eyebrow),.live-account-card>p:not(.eyebrow),.login-helper,.input-hint,.payment-pending-note,.review-boundary,.reviewer-name,.detail-list dt,.card-footnote,.hero-label,.balance-due,.balance-note){color:#b7c2d9}
:root[data-theme=dark] :is(.text-link,.live-account-card .text-link,.email-reminder button,.resend-line button,.account-banner button){color:#c2b8ff}
:root[data-theme=dark] :is(.form-input,.search-field input,.review-toolbar select,.review-main select,.receipt-review-fields select,.theme-control select){background:#141a29;color:#edf0fa;border-color:#505c79}
:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#a4afc5}
:root[data-theme=dark] :is(.secondary,.receipt-input::file-selector-button){background:#2b324a;border-color:#505c79;color:#e3defe}
:root[data-theme=dark] .primary{background:#7463db;color:#fff}:root[data-theme=dark] .primary:hover{background:#8876ec}
:root[data-theme=dark] .mint{background:#b5ead0;color:#173b30}
:root[data-theme=dark] :is(.nav-item.active,.nav-item:hover,.icon-button:hover,.segmented .selected){background:#32314e;color:#d4cbff}
:root[data-theme=dark] :is(.icon-tile,.bill-icon,.avatar,.lavender){background:#37324f;color:#d4c5ff}
:root[data-theme=dark] :is(.live-pill,.service-pill,.paid,.report-posted,.report-verified){background:#183c31;color:#acf1d1;border-color:#356d58}
:root[data-theme=dark] :is(.unpaid,.pending,.report-pending,.report-investigating,.report-needs_information,.receipt-warnings,.payment-recipient-check,.live-pill.stale){background:#3c3121;color:#ffe0a4;border-color:#78623b}
:root[data-theme=dark] :is(.form-error,.live-error,.report-rejected){background:#422c35;color:#ffc2cd;border-color:#784b58}
:root[data-theme=dark] :is(.report-state,.neutral){background:#30384f;color:#dce4f6}
:root[data-theme=dark] :is(.report-posted,.report-verified){background:#183c31;color:#acf1d1}
:root[data-theme=dark] .report-rejected{background:#422c35;color:#ffc2cd}
:root[data-theme=dark] dialog::backdrop{background:#000a}
:root[data-theme=dark] :is(.receiving-qr,.review-receipt,.selected-receipt img){background:white;color-scheme:light;border-radius:8px}
:root[data-theme=dark] :focus-visible{outline-color:#d4c5ff}
@media(max-width:760px){.theme-control{right:12px;bottom:86px}.theme-control label{font-size:10px}.theme-control select{max-width:120px}}
@media print{.theme-control{display:none}}
/* Compact theme toggle replaces the floating labelled selector. */
.theme-control{width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;gap:0;box-shadow:0 2px 8px #12152a18}.theme-control:hover{border-color:var(--purple)}.theme-control svg{pointer-events:none}