/* Shared tokens and explicit component surfaces; photographs keep their original colors. */
.qh-theme-toggle{box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;margin:0!important;border:1px solid #dce4f0!important;border-radius:10px!important;background:#fff!important;color:#506078!important;line-height:1!important;cursor:pointer;vertical-align:middle;transition:background-color .18s,border-color .18s,color .18s}
.qh-theme-toggle svg{display:block!important;width:20px!important;height:20px!important;margin:0!important;transform:none!important;position:static!important}
.qh-theme-toggle:hover{background:#eef4ff!important;color:#245bdb!important;border-color:#bed1ff!important}
.qh-theme-toggle:focus-visible{outline:2px solid #3370ff;outline-offset:3px}
.top-bar-right,.header-right{gap:12px}
.qh-theme-floating{position:fixed!important;right:24px;top:22px;z-index:2100}
html[data-theme=dark]{color-scheme:dark;--ink:#edf2fa;--body:#bac7d9;--muted:#a4b3c8;--faint:#90a1b9;--line:#304159;--line-soft:#26364d;--bg:#101a2a;--bg-soft:#152237;--bg-mute:#1d304a;--brand:#6897ff;--brand-blue:#497fff;--brand-hover:#7ba5ff;--brand-ink:#9dbbff;--brand-soft:#203657;--brand-line:#38547d;--text-primary:#edf2fa;--text-regular:#bac7d9;--text-secondary:#a4b3c8;--text-placeholder:#90a1b9;--bg-color:#0e1726;--border-color:#304159;--primary-color:#8eb0ff;--el-bg-color:#17253a;--el-bg-color-page:#0e1726;--el-bg-color-overlay:#1b2c43;--el-text-color-primary:#edf2fa;--el-text-color-regular:#bac7d9;--el-text-color-secondary:#a4b3c8;--el-text-color-placeholder:#90a1b9;--el-border-color:#3b4f6b;--el-border-color-light:#304159;--el-border-color-lighter:#293b54;--el-border-color-extra-light:#26364d;--el-fill-color:#253a55;--el-fill-color-light:#20334d;--el-fill-color-lighter:#1c2d44;--el-fill-color-blank:#17253a;--el-fill-color-extra-light:#18283e;--el-color-primary:#8eb0ff;--el-color-primary-light-9:#203657;--el-color-primary-light-7:#34537f;--el-mask-color:rgba(3,9,18,.75);--el-mask-color-extra-light:rgba(3,9,18,.7)}
html[data-theme=dark] body{background:#0e1726!important;color:#edf2fa}
html[data-theme=dark] .qh-theme-toggle{background:#1c2d44!important;color:#d4e1f5!important;border-color:#3b4f6b!important}
html[data-theme=dark] .qh-theme-toggle:hover{background:#2a4264!important;color:#b8ceff!important}
html[data-theme=dark] :is(.main-layout,.app-shell,.main-content,.content-area,.el-main,.dashboard,.profile-signed-out){background:#0e1726!important;color:#edf2fa!important}
html[data-theme=dark] :is(.sidebar,.el-aside,.header,.topbar,.el-header,.page-container,.el-card,.profile-panel,.profile-state,.signed-card,.login-box,.login-form,.register-box,.register-form,.auth-legal-dialog,.qh-profile-dialog,.el-dialog,.el-message-box,.el-popper){background:#17253a!important;color:#edf2fa!important;border-color:#304159!important}
html[data-theme=dark] :is(.login-container,.register-container){background:#0e1726!important;--auth-brand-ink:#a9c3ff;--auth-brand-soft:#203657;--auth-brand-line:#38547d;--el-color-primary:#8eb0ff;--el-color-primary-light-9:#203657}
html[data-theme=dark] #app :is(.login-bg,.register-container){background:radial-gradient(ellipse at 75% 10%,#233e66,transparent 65%),#101d30!important}
html[data-theme=dark] #app :is(.login-form,.register-form,.login-box,.register-box){background:#17253a!important;border-color:#304159!important}
html[data-theme=dark] :is(.login-container,.register-container) :is(h1,h2,h3,.brand-name,.logo-text,.title){color:#edf2fa!important}
html[data-theme=dark] :is(.login-container,.register-container) :is(p,.subtitle,.form-tip,.el-checkbox__label,.login-footer,.register-footer,.feature-item){color:#bac7d9!important}
html[data-theme=dark] #app .bg-content h1,html[data-theme=dark] #app .bg-content h2{color:#a9c3ff!important}
html[data-theme=dark] #app .feature-item{background:#1c304b!important;border-color:#3b5273!important}
html[data-theme=dark] :is(.el-menu,.el-menu-item,.el-sub-menu__title){background:transparent!important;color:#bac7d9!important;--el-menu-bg-color:transparent;--el-menu-hover-bg-color:#253c5b;--el-menu-active-color:#a9c3ff}
html[data-theme=dark] :is(.el-menu-item.is-active,.el-menu-item:hover,.el-sub-menu__title:hover,.sidebar a.active,.sidebar a:hover){background:#253c5b!important;color:#b8ceff!important}
html[data-theme=dark] :is(.sidebar,.header,.topbar,.dashboard,.page-container,.qh-profile,.signed-card,.profile-heading) :is(h1,h2,h3,h4,strong,.logo-text,.page-title,.stat-value,.stat-number,.value){color:#edf2fa!important}
html[data-theme=dark] :is(.sidebar,.header,.topbar,.dashboard,.page-container,.qh-profile,.signed-card) :is(p,dt,dd,label,.stat-label,.stat-title,.description,.username,.breadcrumb,.profile-field-hint,.unsaved-note){color:#bac7d9!important}
html[data-theme=dark] :is(.profile-panel,.profile-section-title,.profile-action-row,.profile-account-info,.profile-dialog-intro,.qh-profile-dialog) :is(h1,h2,h3,strong,label){color:#edf2fa!important}
html[data-theme=dark] :is(.profile-section-title p,.profile-action-row p,.profile-heading p,.profile-identity div span,.profile-account-info dt,.profile-account-info dd,.profile-dialog-intro,.qh-profile-dialog p,.qh-profile-dialog label){color:#bac7d9!important}
html[data-theme=dark] :is(.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.qh-field input){background:#101e31!important;color:#edf2fa!important;box-shadow:0 0 0 1px #405572 inset!important;border-color:#405572!important}
html[data-theme=dark] :is(input,textarea,.el-input__inner,.el-select__placeholder){color:#edf2fa!important}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#98abc4!important}
html[data-theme=dark] :is(.el-input__wrapper,.el-select__wrapper):focus-within{box-shadow:0 0 0 2px #8eb0ff inset!important}
html[data-theme=dark] :is(.el-button:not(.el-button--primary):not(.el-button--danger),.qh-button:not(.primary):not(.danger)){background:#243750!important;color:#dce8fc!important;border-color:#466080!important}
html[data-theme=dark] :is(.el-button--primary,.qh-button.primary,.login-btn,.register-btn){background:#3370ff!important;color:white!important;border-color:#5e8eff!important}
html[data-theme=dark] :is(.el-table,.el-table tr,.el-table th.el-table__cell,.el-table td.el-table__cell){background:#17253a!important;color:#dce8fc!important;border-color:#304159!important;--el-table-header-bg-color:#20334d;--el-table-row-hover-bg-color:#253c5b;--el-table-border-color:#304159}
html[data-theme=dark] .el-table th.el-table__cell{background:#20334d!important}
html[data-theme=dark] .el-table .el-table__row:hover>td.el-table__cell{background:#253c5b!important}
html[data-theme=dark] :is(.stat-cards,.stats-grid){background:transparent!important}
html[data-theme=dark] :is(.app-shell,.main-layout) .dashboard :is(.stat-card,.stat-cards .stat-card){background:#17253a!important;border-color:#304159!important;box-shadow:0 4px 16px #0002!important}
html[data-theme=dark] :is(.app-shell,.main-layout) .dashboard .stat-card:hover{background:#223a59!important;border-color:#557eb4!important;transform:translateY(-3px)!important}
html[data-theme=dark] :is(.stat-icon,.profile-avatar,.profile-section-icon,.signed-icon,.profile-demo-note){background:#243d61!important;color:#aec9ff!important}
html[data-theme=dark] :is(.account-close-row,.profile-account-info dl>div){border-color:#304159!important}
html[data-theme=dark] :is(.closure-notice,.closure-warning){background:#392732!important;border-color:#80505d!important;color:#ffc2c2!important}
html[data-theme=dark] :is(.closure-notice,.closure-warning) :is(p,strong){color:#ffc2c2!important}
html[data-theme=dark] :is(.profile-error,.signed-error,.el-form-item__error){color:#ffadad!important}
html[data-theme=dark] .profile-success{color:#91dbb6!important}
html[data-theme=dark] .qh-profile-dialog::backdrop{background:#030912bb}
html[data-theme=dark] .preview-banner{background:#1b304c!important;color:#c5d8f7!important;border-color:#304159!important}
html[data-theme=dark] #app :is(.login-card,.register-card){background:#17253a!important;border-color:#304159!important;box-shadow:0 16px 48px #0003!important}
html[data-theme=dark] #app :is(.login-form,.register-form){background:transparent!important}
html[data-theme=dark] #app .login-bg .bg-content ul li{color:#cfddf1!important;background:#243b5a!important;box-shadow:inset 0 0 0 1px #3b5273!important}
html[data-theme=dark] #app :is(.login-footer a,.register-footer a,.login-container .el-link--primary){color:#a9c3ff!important}
html[data-theme=dark] :is(.metrics-band,.rewards-section,.rewards-card,.quick-actions,.summary-card,.reward-card){background:#17253a!important;border-color:#304159!important;color:#edf2fa!important}
html[data-theme=dark] :is(.welcome-section,.metric,.reward-total,.action-row){border-color:#304159!important}
html[data-theme=dark] .action-row{color:#dce8fc!important;background:transparent!important}
html[data-theme=dark] .action-row:hover{background:#223a59!important}
html[data-theme=dark] .action-icon{background:#243d61!important;color:#aec9ff!important}
html[data-theme=dark] :is(.metric>span,.metric-label,.rewards-caption,.reward-total>span,.status-line>span,.status-percentage,.action-copy>span,.section-heading>span,.welcome-date,.profile-demo-note code){color:#aebfd7!important}
html[data-theme=dark] .el-progress-bar__outer{background:#2e4261!important}
html[data-theme=dark] .app-shell[data-v-aa3b0d52] :is(.top-bar,.glass-card){background:#17253a!important;color:#edf2fa!important;border-color:#304159!important}
html[data-theme=dark] .app-shell[data-v-aa3b0d52] :is(.nav-item,.action-name,.breadcrumb,.user-name){color:#bac7d9!important}
html[data-theme=dark] .app-shell[data-v-aa3b0d52] .nav-item:is(:hover,.active){background:#253c5b!important;color:#b8ceff!important}
html[data-theme=dark] .app-shell[data-v-aa3b0d52] .dashboard :is(.welcome-username,.reward-total-value){background:none!important;-webkit-text-fill-color:#edf2fa!important;color:#edf2fa!important}
html[data-theme=dark] .app-shell[data-v-aa3b0d52] .dashboard .action-item{border-color:#304159!important}
html[data-theme=dark] .app-shell[data-v-aa3b0d52] .dashboard .action-item:hover{background:#223a59!important}
html[data-theme=dark] :is(.el-button--danger.is-plain,.qh-button.danger){background:#432c36!important;color:#ffc2c2!important;border-color:#885563!important}
html[data-theme=dark] :is(.auth-legal-dialog,.agreement-content,.disclaimer-content,.qh-profile-dialog,.el-dialog) :is(h1,h2,h3,h4){color:#edf2fa!important}
html[data-theme=dark] :is(.auth-legal-dialog,.agreement-content,.disclaimer-content) :is(p,li){color:#bac7d9!important}
html[data-theme=dark] :is(.auth-dialog-close,.el-dialog__headerbtn){color:#c5d8f7!important}
@media(max-width:600px){.qh-theme-floating{right:14px;top:14px}.qh-theme-toggle{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important}}
@media(prefers-reduced-motion:reduce){.qh-theme-toggle{transition:none}html[data-theme=dark] :is(.app-shell,.main-layout) .dashboard .stat-card:hover{transform:none!important}}
/* Workbench utilities sit on one baseline, separate from the account menu. */
:is(.main-layout,.app-shell) :is(.header-right,.top-bar-right){display:flex!important;align-items:center!important;gap:18px!important;flex-shrink:0}
:is(.main-layout,.app-shell) :is(.header-right,.top-bar-right)>.qh-theme-toggle{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;border-color:transparent!important;border-radius:50%!important;background:transparent!important;color:#637087!important}
:is(.main-layout,.app-shell) :is(.header-right,.top-bar-right)>.qh-theme-toggle:hover{background:#eef4ff!important;color:#245bdb!important}
:is(.main-layout,.app-shell) :is(.user-info,.user-pill){display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:40px;line-height:1.4}
:is(.main-layout,.app-shell) :is(.user-info,.user-pill) :is(.el-avatar,.pill-avatar){flex-shrink:0}
html[data-theme=dark] :is(.main-layout,.app-shell) :is(.header-right,.top-bar-right)>.qh-theme-toggle{background:transparent!important;color:#bac7d9!important;border-color:transparent!important}
html[data-theme=dark] :is(.main-layout,.app-shell) :is(.header-right,.top-bar-right)>.qh-theme-toggle:hover{background:#253c5b!important;color:#dce8fc!important}
@media(max-width:600px){:is(.main-layout,.app-shell) :is(.header-right,.top-bar-right){gap:10px!important}}