:root{--page:#f5f7fa;--panel:#fff;--panel-soft:#f1f5fa;--text:#172033;--accent-soft:#eef5ff;--input-line:#d9e1ec}
.employee{min-height:44px;padding:6px;border-radius:9px}
.employee:hover{background:var(--accent-soft)}
.profile-chevron{width:13px!important;height:13px!important}
.profile-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:90px;padding-right:max(20px,calc((100vw - 1040px)/2 + 24px));background:#10213f38;backdrop-filter:blur(1px)}
.profile-panel{max-width:360px;padding:22px;background:var(--panel);border:1px solid var(--line)}
.profile-panel .modal-head{margin-bottom:20px}
.profile-panel .modal-head h2{font-size:15px;color:var(--muted);font-weight:600}
.profile-identity{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.profile-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--accent-soft);color:var(--blue);font-size:21px;font-weight:700;flex-shrink:0}
.profile-identity h3{font-size:19px}
.profile-identity p{margin:3px 0 0;color:var(--muted);font-size:13px}
.profile-appearance{margin-top:21px}
.profile-appearance h3{font-size:14px;margin-bottom:13px}
.theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.theme-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:91px;border:1px solid var(--input-line);border-radius:11px;background:var(--panel);color:var(--muted);font-size:12px}
.theme-choice .icon{width:25px;height:25px}
.theme-choice.active{background:var(--accent-soft);border-color:var(--blue);color:var(--blue);font-weight:650}
.profile-panel .profile-theme-note{margin:13px 0 0;font-size:11px;color:var(--muted);line-height:1.8}
@media(max-width:700px){.profile-backdrop{padding:77px 17px 17px}.profile-panel{max-width:360px;margin-left:auto}}
@media(max-width:400px){.employee{gap:5px;padding:4px}.employee>.icon:not(.profile-chevron){display:none}.header-right{gap:6px}.header-inner{gap:7px}.brand{font-size:18px}}
html[data-theme=dark]{color-scheme:dark;--page:#191d23;--panel:#262c34;--panel-soft:#303842;--text:#dce1e7;--accent-soft:#2c4054;--input-line:#485465;--blue:#80b1e0;--muted:#a5afbd;--line:#3c4552;--green:#78bc96;background:var(--page);color:var(--text)}
html[data-theme=dark] body{background:var(--page);color:var(--text)}
html[data-theme=dark] :is(.app-header,.bottom-nav){background:#1e232a;border-color:var(--line)}
html[data-theme=dark] :is(.card,.stat,.search-box,.back,.btn.outline,.photo-slot,.hotspot,.option,.field input,.field select,.field textarea,.money-input,.pill,.media-tile,.modal,.damage-card,.part-button){background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme=dark] :is(.search-box input,.field input,.field select,.field textarea){color:var(--text)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#929dad;opacity:1}
html[data-theme=dark] :is(.demo-badge,.square-icon,.btn.soft,.segmented button.active,.pill.active,.option.active,.damage-selected,.part-button.active){background:var(--accent-soft);color:var(--blue);border-color:#54769a}
html[data-theme=dark] :is(.brand-mark,.btn.primary,.damage-views button.active){background:#6494c3;color:#101d2a;box-shadow:none}
html[data-theme=dark] .btn.primary:hover{background:#76a5d1}
html[data-theme=dark] :is(.segmented,.group-line,.slot-thumb,.demo-help,.remainder,.damage-views,.ledger-sign.initial){background:var(--panel-soft);color:var(--muted)}
html[data-theme=dark] :is(.task-person,.task-phone,.client-name,.field>label,.guide-instruction,.modal p,.upload small,.remainder small,.staff-row-stats,.staff-row-stats strong,.part-button,.damage-legend,.damage-card p,.damage-detail>p){color:var(--muted)}
html[data-theme=dark] :is(.stat-label,.segmented button,.nav-inner a,.plate,.detail-label,.demo-help,.slot-thumb .icon,.media-tile .sample,.damage-views button,.damage-map-hint){color:var(--muted)}
html[data-theme=dark] :is(.segmented button.active,.nav-inner a.active){color:var(--blue)}
html[data-theme=dark] .btn.outline{color:var(--blue);border-color:#526b85}
html[data-theme=dark] :is(.tag,.damage-section.old .damage-section-title>span,.damage-tag.old){background:#453923;color:#e8bb6c}
html[data-theme=dark] :is(.tag.green,.info.success,.ledger-sign,.success-large){background:#283e35;color:#8bd0a6}
html[data-theme=dark] :is(.tag.red,.ledger-sign.out,.damage-section.new .damage-section-title>span,.damage-tag.new){background:#472e35;color:#f1a0a8}
html[data-theme=dark] .tag.gray{background:#303842;color:#bdc6d0}
html[data-theme=dark] .positive{color:#8bd0a6}
html[data-theme=dark] :is(.negative,.error-text){color:#f1a0a8}
html[data-theme=dark] :is(.info,.upload){background:#273b4e;color:#aecde8;border-color:#567899}
html[data-theme=dark] .info.warn{background:#453923;color:#e8c182}
html[data-theme=dark] .radio{border-color:#76869a}
html[data-theme=dark] .active>.radio{border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--accent-soft)}
html[data-theme=dark] :is(.check-dot,.step.done .step-dot){background:#76b992;color:#182a20}
html[data-theme=dark] .step-dot{background:var(--panel-soft);color:var(--muted)}
html[data-theme=dark] .step.active .step-dot{background:#6494c3;color:#101d2a}
html[data-theme=dark] .step:before{background:var(--line)}
html[data-theme=dark] .check-row input{border-color:#8190a3}
html[data-theme=dark] .check-row input:checked{background-color:#598c6d;border-color:#76b992}
html[data-theme=dark] .progress-bar{background:var(--panel-soft)}
html[data-theme=dark] .balance-card{background:linear-gradient(135deg,#293644,#262c34)}
html[data-theme=dark] .guide-art{background:linear-gradient(145deg,#303c4b,#262c34)}
html[data-theme=dark] :is(.review-image,.compare-images img,.media-tile img,.photo-modal img,.damage-full-photo img,.damage-thumb){background:#303842}
html[data-theme=dark] .modal-backdrop{background:#0c121a99}
html[data-theme=dark] .profile-backdrop{background:#10151d66}
html[data-theme=dark] .profile-panel :is(.profile-identity p,.profile-theme-note){color:var(--muted)}
html[data-theme=dark] #toast{background:#33465c;color:#e3ebf4;border:1px solid #526984}
html[data-theme=dark] .damage-detail.old{border-color:#655031}
html[data-theme=dark] .damage-detail.new{border-color:#714650}
html[data-theme=dark] .damage-empty{border-color:var(--line);color:var(--muted)}
html[data-theme=dark] .car-outline path{fill:#262c34;stroke:#98a6b8}
html[data-theme=dark] :is(.damage-zone path,.damage-zone rect){fill:#303842;stroke:#8998aa}
html[data-theme=dark] .damage-zone.old :is(path,rect){fill:#59472b;stroke:#c19a58}
html[data-theme=dark] .damage-zone.new :is(path,rect){fill:#603943;stroke:#d68a94}
html[data-theme=dark] .damage-zone.selected :is(path,rect),html[data-theme=dark] .damage-zone[role=button]:is(:hover,:focus) :is(path,rect){fill:#355a7b;stroke:#91bde5}
html[data-theme=dark] .car-details{stroke:#a3afbe}
html[data-theme=dark] .car-details .car-glass{fill:#202832}
html[data-theme=dark] .panel-label{fill:#b8c2cf}
html[data-theme=dark] .panel-label.subtle{fill:#96a3b3}
html[data-theme=dark] .panel-leader{stroke:#728093}
html[data-theme=dark] .damage-pin circle{stroke:#262c34;fill:#c16d78}
html[data-theme=dark] .damage-pin.old circle{fill:#bc9252}
html[data-theme=dark] .damage-pin text{fill:#101820}
html[data-theme=dark] .damage-pin:is(:focus,.focused) circle{stroke:#dce1e7}
html[data-theme=dark] .damage-legend .old{background:#bc9252}
html[data-theme=dark] .damage-legend .new{background:#c16d78}
html[data-theme=dark] .car-art stop:first-child{stop-color:#a2afbe}
html[data-theme=dark] .car-art stop:last-child{stop-color:#738295}
html[data-theme=dark] .top-car :is(path,rect)[fill="#e2e8f0"]{fill:#76869a}
html[data-theme=dark] .top-car ellipse{fill:#26313d}