.night-hero-art,.night-auth-art{display:none}
:root[data-preset=night-market] body{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 55%),var(--bg)}
:root[data-preset=night-market] .brand-mark{border:1px solid color-mix(in srgb,var(--accent) 75%,white);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 17%,transparent);border-radius:9px}
:root[data-preset=night-market] .sidebar{border-right-color:var(--line)}
:root[data-preset=night-market] .topbar{background:color-mix(in srgb,var(--color-topbar) 96%,transparent)}
:root[data-preset=night-market] :is(.panel,.stat,.card,.admin-setting-card,.deal-section){box-shadow:0 5px 25px #0000000a}
:root[data-preset=night-market] .nav button.active{box-shadow:inset 3px 0 var(--accent)}
:root[data-preset=night-market] .side-banner{background:linear-gradient(140deg,var(--color-banner),var(--color-sidebar));border-top:2px solid var(--accent)}
:root[data-preset=night-market] .btn:not(.secondary):not(.ghost):not(.danger){box-shadow:0 4px 20px color-mix(in srgb,var(--color-button) 13%,transparent)}
:root[data-preset=night-market] :is(.card,.inspection-service,.admin-setting-card):hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}
:root[data-preset=night-market] .hero{min-height:340px;padding:40px;border-radius:16px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));isolation:isolate;box-shadow:0 10px 40px #00000020}
:root[data-preset=night-market] .night-hero-art{display:block;position:absolute;right:0;top:0;height:100%;width:60%;object-fit:cover;object-position:center 34%;z-index:-2}
:root[data-preset=night-market] .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--color-hero) 0%,var(--color-hero) 31%,color-mix(in srgb,var(--color-hero) 94%,transparent) 43%,color-mix(in srgb,var(--color-hero) 20%,transparent) 72%,transparent 100%);pointer-events:none}
:root[data-preset=night-market] .hero>.car-art{display:none}
:root[data-preset=night-market] .hero-copy{max-width:59%}
:root[data-preset=night-market] .hero h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin-top:18px}
:root[data-preset=night-market] .hero .eyebrow{color:#81e5ff}
:root[data-preset=night-market] .hero .eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:#ffae72;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #ffae7280;vertical-align:1px}
:root[data-preset=night-market] .hero p{max-width:390px;font-size:12px;line-height:1.9}
:root[data-preset=night-market] .auth-art{background:var(--color-hero);isolation:isolate;min-height:100svh;padding:40px 45px;gap:25px}
:root[data-preset=night-market] .night-auth-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:-2}
:root[data-preset=night-market] .auth-art:after{inset:0;background:linear-gradient(180deg,#03101fc9 0%,#03101f05 25%,#03101f38 48%,#03101feb 84%,#03101f 100%);transform:none;z-index:-1}
:root[data-preset=night-market] .auth-art>.brand{color:#f0f7ff}
:root[data-preset=night-market] .auth-art>div:not(.brand){margin-top:auto}
:root[data-preset=night-market] .auth-art h1{font-size:clamp(38px,4vw,62px);color:#f0f7ff;margin:20px 0;letter-spacing:-2px}
:root[data-preset=night-market] .auth-art h1 em{color:#6fe1ff}
:root[data-preset=night-market] .auth-art p{color:#b6cee4}
:root[data-preset=night-market] .auth-art .car-art{display:none}
:root[data-preset=night-market] .auth-art footer{color:#8ca9c2;font-size:9px;line-height:1.8}
:root[data-preset=night-market] .auth-form{background:var(--color-dialog)}
:root[data-preset=night-market] .auth-art .brand small{color:#a8c0d9}
.theme-preset-picker{margin-bottom:22px}
@media(max-width:1100px){:root[data-preset=night-market] .hero{padding:30px;min-height:310px}:root[data-preset=night-market] .hero h2{font-size:30px}:root[data-preset=night-market] .hero-copy{max-width:62%}}
@media(max-width:760px){:root[data-preset=night-market] .hero{min-height:330px;padding:25px 20px;align-items:flex-end}:root[data-preset=night-market] .night-hero-art{width:100%;object-position:72% 25%}:root[data-preset=night-market] .hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--color-hero) 93%,transparent) 0%,color-mix(in srgb,var(--color-hero) 72%,transparent) 48%,color-mix(in srgb,var(--color-hero) 15%,transparent) 100%),linear-gradient(0deg,var(--color-hero),transparent 90%)}:root[data-preset=night-market] .hero-copy{max-width:94%}:root[data-preset=night-market] .hero h2{font-size:28px;max-width:310px}:root[data-preset=night-market] .hero p{font-size:11px;max-width:280px}:root[data-preset=night-market] .hero .eyebrow{font-size:9px;letter-spacing:1.4px}:root[data-preset=night-market] .hero .btn{margin-top:12px}:root[data-preset=night-market] .auth-art{min-height:340px;padding:25px;gap:18px}:root[data-preset=night-market] .night-auth-art{object-position:center 26%}:root[data-preset=night-market] .auth-art h1{font-size:35px;letter-spacing:-1px;max-width:320px;margin:12px 0 0}:root[data-preset=night-market] .auth-art:after{background:linear-gradient(90deg,#03101fce,#03101f26),linear-gradient(0deg,#03101fdd,transparent 80%)}:root[data-preset=night-market] .auth-art .eyebrow{font-size:9px}:root[data-preset=night-market] .auth-form{padding-top:30px}}
@media(max-height:500px) and (orientation:landscape){:root[data-preset=night-market] .auth-art{display:none}}
:root[data-preset=night-market] :is(.footer-note,.security-badge){color:var(--muted)}
:root[data-preset=night-market] .task-icon{border-color:var(--line)}
:root[data-preset=night-market] .bar{background:var(--line)}
@media(min-width:761px){:root[data-preset=night-market] .night-hero-art{object-position:center 8%}}