html[data-theme="contrast"]{color-scheme:dark;--app-bg:#000;--app-sidebar:#000;--app-top:#000;--app-panel:#000;--app-panel-2:#111;--app-border:#fff;--app-text:#fff;--app-muted:#f0f0f0;--app-primary:#ffde00;--app-primary-hover:#fff200;--app-shadow:none;--app-input:#000;--app-overlay:rgba(0,0,0,.92)}
html[data-theme="contrast"] .btn.primary{color:#000!important}html[data-theme="contrast"] :focus-visible{outline:3px solid #ffde00!important;outline-offset:3px}.sw-contrast{background:linear-gradient(90deg,#000 50%,#ffde00 50%)}
.theme-preview{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;min-height:220px;background:var(--surface,var(--app-panel))!important;color:var(--text,var(--app-text))!important}.theme-preview img{height:38px;width:auto;object-fit:contain;margin-bottom:22px}.preview-cards{display:grid;gap:12px}.preview-cards span{display:block;border:1px solid var(--border,var(--app-border));border-radius:var(--radius,var(--app-radius));background:color-mix(in srgb,var(--primary,var(--app-primary)) 9%,var(--surface,var(--app-panel)));min-height:48px}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.color-grid label{display:grid;grid-template-columns:1fr 52px;align-items:center}.color-grid input[type=color]{padding:3px;height:40px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-steps span{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-panel-2)}.workflow-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--app-primary);color:#fff}.check-grid{display:grid;grid-template-columns:repeat(3,1fr)}.error-page{display:grid;place-items:center;min-height:100vh;padding:24px}.error-card{max-width:600px;padding:40px;border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-panel)}.error-card img{max-width:220px;height:auto;margin-bottom:28px}.brand-logo{height:28px;width:auto;object-fit:contain}.brand-mark-image{width:34px;height:34px;object-fit:contain;border-radius:8px}
@media(max-width:760px){.theme-preview,.workflow-steps{grid-template-columns:1fr 1fr}.color-grid,.check-grid{grid-template-columns:1fr}}
@media(max-width:480px){.theme-preview,.workflow-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.auth-links{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.auth-card>.brand-logo{display:block;max-width:230px;height:auto;margin:0 auto 26px}.auth-card .brand-mark-image{flex:0 0 auto}