/* Vela Tools V5 — calm, premium Butter & Blush design system */
:root {
  color-scheme: light;
  --v5-page: #efeeea;
  --v5-surface: #faf9f6;
  --v5-raised: #f3f1ec;
  --v5-ink: #302e34;
  --v5-muted: #625f66;
  --v5-subtle: #817c82;
  --v5-border: #dedad3;
  --v5-accent: #a96269;
  --v5-accent-strong: #8f5059;
  --v5-accent-soft: #eedbdc;
  --v5-butter: #e8d9ad;
  --v5-shadow: 0 16px 42px rgba(47, 42, 39, .075);
  --v5-radius: 20px;
}
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] body,
body { background: var(--v5-page) !important; color: var(--v5-ink) !important; }
body { font-size: 15px; line-height: 1.65; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
::selection { background: #e7c9c8; color: #382f34; }
a { text-underline-offset: 3px; }
.wrap { width: min(1180px, calc(100% - 52px)); }
.announcement { background: #e8e3d9 !important; color: #5c554f !important; min-height: 32px; font-size: 10px; }
.announcement a { color: #874d56 !important; }
.site-header { background: rgba(247,246,242,.94) !important; border-color: var(--v5-border) !important; box-shadow: 0 4px 18px rgba(38,34,32,.035); }
.nav-shell { max-width: 1320px; min-height: 72px; gap: 28px; padding-inline: 30px; }
.brand { color: var(--v5-ink) !important; }
.brand small { color: #716c70 !important; }
.brand-mark { background: #e7d8b8 !important; color: #745b4c !important; }
.main-nav a, .nav-login { color: #58545b !important; font-size: 13px; }
.main-nav a:hover, .main-nav a.active, .nav-login:hover { color: var(--v5-accent) !important; }
.theme-toggle { border-color: #d8d2c9 !important; background: #f0eee9 !important; color: #4d4850 !important; min-height: 40px; }
.theme-toggle:hover { background: #e7e3dc !important; }
.theme-toggle-icon { background: #e6d9b9 !important; color: #62513b !important; }
.btn { border-radius: 13px; font-size: 13px; min-height: 43px; }
.btn-primary { background: #a96269 !important; color: #fff !important; box-shadow: 0 5px 14px rgba(124,70,78,.15) !important; }
.btn-primary:hover { background: #914f58 !important; }
.btn-cream { background: #e9e1d3 !important; color: #514943 !important; }
.btn-dark { background: #38343a !important; color: #fbf8f3 !important; }
.hero { padding-top: 68px; padding-bottom: 66px; min-height: 540px; gap: 44px; }
.hero h1, .page-hero h1, .auth-form-card h1 { color: var(--v5-ink) !important; letter-spacing: -2.1px; }
.hero-lede, .page-hero p, .section-heading p { color: var(--v5-muted) !important; }
.eyebrow { color: #865e5e !important; letter-spacing: 1.5px; }
.hero-search { background: var(--v5-surface) !important; border-color: var(--v5-border) !important; box-shadow: 0 10px 28px rgba(43,38,34,.055) !important; }
.hero-search input, .catalog-search input { color: var(--v5-ink) !important; background: transparent !important; }
.hero-search input::placeholder, .catalog-search input::placeholder { color: #837d7b !important; }
.hero-blob { opacity: .55; filter: blur(5px); }
.tool-preview, .float-card { background: #f8f6f1 !important; border-color: #ded8cf !important; box-shadow: 0 18px 48px rgba(45,39,34,.11) !important; }
.preview-grid a { background: #f4f1eb !important; border-color: #e3ddd3 !important; }
.preview-grid small, .float-card small, .preview-foot { color: #716b68 !important; }
.trust-strip { background: #e8e5de !important; border-color: #dcd7cf !important; }
.trust-inner, .trust-inner b { color: #5f5a60 !important; }
.section-soft { background: #e9e7e1 !important; }
.section { padding-top: 78px; padding-bottom: 78px; }
.section-heading h2, .feature-copy h2, .creator-band h2 { color: var(--v5-ink) !important; }
.category-card { border: 1px solid rgba(114,101,91,.11); box-shadow: none; }
.cat-peach { background: #eee3dc !important; }
.cat-lav { background: #e9e4ed !important; }
.cat-mint { background: #e4e9e1 !important; }
.cat-yellow { background: #eee9d9 !important; }
.cat-blue { background: #e3e8eb !important; }
.cat-rose { background: #eee2e4 !important; }
.category-card b { color: #37333a !important; }
.category-card small { color: #6c666a !important; }
.tool-card { background: var(--v5-surface) !important; border-color: var(--v5-border) !important; box-shadow: 0 4px 15px rgba(44,39,35,.035); }
.tool-card:hover { border-color: #cda4a0 !important; box-shadow: var(--v5-shadow) !important; }
.tool-card>b, .tool-card b { color: var(--v5-ink) !important; }
.tool-card p, .tool-category { color: var(--v5-muted) !important; }
.tool-card-icon, .cat-art, .mini-icon, .point-icon, .quick-tool-icon { filter: saturate(.72); }
.feature-main-card { background: #f8f6f1 !important; border-color: var(--v5-border) !important; box-shadow: var(--v5-shadow) !important; }
.feature-main-card h3, .feature-main-card b { color: var(--v5-ink) !important; }
.feature-main-card small { color: var(--v5-muted) !important; }
.creator-band { background: #e7e0d9 !important; }
.creator-band h2 { color: var(--v5-ink) !important; }
.value-grid>div, .guide-card, .note-box { background: #f8f6f1 !important; border-color: var(--v5-border) !important; }
.site-footer { background: #e7e5df !important; border-color: #d8d4cc !important; }
.footer-col a, .footer-brand p, .footer-bottom { color: #5f5a60 !important; }
/* Tool workspace and forms */
.tool-workspace, .tool-card, .panel-card, .flow-panel, .flow-workspace, .flow-save-card,
.workspace-item, .blog-card, .price-card, .ad-manager-card, .blog-admin-form,
.modal-card, .image-result-card, .image-selected-card { background: var(--v5-surface) !important; border-color: var(--v5-border) !important; box-shadow: 0 5px 20px rgba(44,39,35,.035); }
.tool-intro h1, .account-heading h1, .admin-topbar h1 { color: var(--v5-ink) !important; }
.tool-intro p, .account-heading p, .panel-heading small, .workspace-section-heading p,
.blog-card p, .legal-copy p, .form-note, .small-note { color: var(--v5-muted) !important; }
.tool-controls label, .form-stack label, .form-grid label, .ad-manager-fields label { color: #48434a !important; font-size: 12px; }
.tool-controls textarea, .tool-controls input, .tool-controls select,
.form-stack input, .form-stack textarea, .form-grid input, .form-grid select,
.admin-payout-form input, .admin-payout-form select, .ad-manager-fields input,
.ad-manager-fields select, .ad-manager-fields textarea { background: #f7f6f2 !important; color: #302e34 !important; border: 1px solid #d9d4cc !important; border-radius: 12px; min-height: 46px; }
.tool-controls textarea, .form-stack textarea { min-height: 125px; }
.tool-controls input:focus, .tool-controls textarea:focus, .tool-controls select:focus,
.form-stack input:focus, .form-grid input:focus, .form-grid select:focus,
.ad-manager-fields input:focus, .ad-manager-fields textarea:focus { border-color: #a96269 !important; box-shadow: 0 0 0 3px rgba(169,98,105,.13) !important; outline: none; }
input::placeholder, textarea::placeholder { color: #817b7a !important; opacity: 1; }
.tool-output, .flow-output, .image-preview, .qr-output { background: #eeece6 !important; color: #333039 !important; border-color: #d8d3ca !important; }
/* Premium authentication layout */
.auth-wrap { width: min(1120px, calc(100% - 48px)); min-height: 0; margin: 42px auto 76px; grid-template-columns: .92fr 1.08fr; overflow: hidden; border: 1px solid var(--v5-border); border-radius: 27px; background: var(--v5-surface) !important; box-shadow: 0 18px 52px rgba(39,34,31,.07); }
.auth-art { min-height: 650px; background: linear-gradient(145deg,#e8e0d4 0%,#eee3e1 55%,#e4e8e0 100%) !important; }
.auth-art-card { width: min(390px,84%); background: rgba(250,248,244,.91) !important; border: 1px solid rgba(255,255,255,.75) !important; box-shadow: 0 18px 44px rgba(54,44,40,.11) !important; padding: 38px; }
.auth-art-card h2 { color: #39343a !important; font-size: 39px; }
.auth-art-card p { color: #625b61 !important; }
.auth-art-pills span { background: #ebe6de !important; color: #595157 !important; }
.auth-form-side { padding: 54px clamp(30px,5vw,72px); background: var(--v5-surface) !important; }
.auth-form-card { width: min(460px,100%); }
.auth-form-card h1 { font-size: clamp(30px,3.4vw,39px); line-height: 1.12; letter-spacing: -1.1px; margin: 11px 0 10px; }
.auth-sub { color: var(--v5-muted) !important; font-size: 13px; line-height: 1.7; margin-bottom: 25px; }
.form-stack { gap: 17px; }
.form-stack label { display: grid; gap: 8px; color: #48434a !important; font-size: 12px; }
.form-stack input { height: 49px; padding-inline: 14px; font-size: 14px; }
.checkbox-label { display: flex !important; align-items: flex-start; gap: 9px !important; line-height: 1.55; font-size: 11px !important; color: #625d63 !important; }
.checkbox-label input { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 2px; }
.checkbox-label a, .form-inline-right a, .auth-switch a { color: var(--v5-accent-strong) !important; }
.form-inline-right { font-size: 12px; }
.auth-switch { color: #625e64 !important; font-size: 12px; }
.auth-password-control { position: relative; display: flex; align-items: center; }
.auth-password-control input { width: 100%; padding-right: 76px !important; }
.password-visibility-toggle { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #7d555d; font-size: 11px; font-weight: 800; padding: 8px; border-radius: 8px; }
.password-visibility-toggle:hover { background: #eee4e1; }
.password-strength { display: grid; gap: 6px; color: #716a70; font-size: 10px; margin-top: -8px; }
.password-strength-track { height: 5px; background: #e6e2dc; border-radius: 99px; overflow: hidden; }
.password-strength-fill { height: 100%; width: 0; background: #b7a17a; border-radius: inherit; transition: width .18s ease, background .18s ease; }
.auth-validation-message { min-height: 16px; color: #9c4d56; font-size: 11px; margin-top: -8px; }
.form-stack button[type=submit] { min-height: 49px; font-size: 13px; }
/* User dashboard */
.account-shell { max-width: 1360px; grid-template-columns: 246px minmax(0,1fr); gap: 25px; padding-top: 38px; padding-bottom: 84px; }
.account-sidebar { background: var(--v5-surface) !important; border: 1px solid var(--v5-border) !important; box-shadow: 0 8px 26px rgba(44,39,35,.045); border-radius: 19px; padding: 18px; top: 92px; }
.account-person { border-color: var(--v5-border) !important; }
.account-person b, .quick-tool-list b, .panel-heading b { color: var(--v5-ink) !important; }
.account-person small, .sidebar-label, .sidebar-help small { color: var(--v5-muted) !important; }
.account-nav { color: #555159 !important; border-radius: 11px; min-height: 42px; font-size: 12px; padding: 10px 12px; }
.account-nav:hover { background: #eeece6 !important; color: #3c3740 !important; }
.account-nav.active { background: #eee1df !important; color: #874d56 !important; }
.sidebar-help { background: #eeece6 !important; border: 1px solid var(--v5-border); border-radius: 13px; }
.sidebar-help b { color: var(--v5-ink) !important; }
.logout-form button { color: #73535a !important; }
.account-content { min-width: 0; }
.account-heading { margin: 5px 0 22px; }
.account-heading h1 { font-size: clamp(27px,3vw,36px); }
.account-heading p { font-size: 12px; }
.dashboard-stats { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.stat-card { min-height: 126px; background: var(--v5-surface) !important; border: 1px solid var(--v5-border); border-radius: 17px; padding: 17px; box-shadow: 0 4px 16px rgba(44,39,35,.03); }
.stat-card small { color: var(--v5-muted) !important; font-size: 10px; }
.stat-card b { color: var(--v5-ink) !important; font-size: 24px; }
.stat-card a { color: var(--v5-accent-strong) !important; font-size: 10px; }
.stat-peach,.stat-lav,.stat-mint,.stat-yellow { background: var(--v5-surface) !important; }
.stat-card>span { color: var(--v5-accent) !important; }
.dashboard-two-col { grid-template-columns: minmax(0,1.18fr) minmax(280px,.82fr); gap: 14px; }
.panel-card { border: 1px solid var(--v5-border) !important; border-radius: 17px; padding: 20px; box-shadow: 0 5px 19px rgba(44,39,35,.035); }
.panel-heading { align-items: center; }
.panel-heading b { font-size: 14px; }
.panel-heading small { font-size: 10px; }
.activity-row, .quick-tool-list>a, .workspace-row { border-color: var(--v5-border) !important; }
.activity-row { color: var(--v5-ink); }
.status-pill { font-size: 10px; }
.creator-balance-grid { gap: 13px; }
.creator-balance-main { border-radius: 18px; background: #e9e2d9 !important; color: #343039 !important; }
.creator-balance-main small, .creator-balance-main p { color: #5f5960 !important; }
.creator-balance-main b { color: #312d34 !important; }
.creator-balance-side>div { background: var(--v5-surface) !important; border: 1px solid var(--v5-border); border-radius: 15px; }
.creator-level-card { background: var(--v5-surface) !important; border: 1px solid var(--v5-border); }
/* Admin console */
.admin-shell { max-width: 1500px; grid-template-columns: 252px minmax(0,1fr); gap: 25px; padding: 34px 30px 84px; }
.admin-sidebar { background: var(--v5-surface) !important; border: 1px solid var(--v5-border) !important; box-shadow: 0 8px 26px rgba(44,39,35,.045); border-radius: 19px; padding: 18px; top: 92px; }
.admin-sidebar .brand { margin-bottom: 21px; }
.admin-sidebar .account-nav { font-size: 12px; }
.admin-content { min-width: 0; }
.admin-topbar { background: var(--v5-surface); border: 1px solid var(--v5-border); border-radius: 17px; padding: 18px 22px; margin-bottom: 17px; }
.admin-topbar h1 { font-size: 27px; }
.admin-chip { background: #ebe5dc !important; color: #5e4c4d !important; font-size: 10px; }
.admin-stat-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.admin-stat, .admin-stat:nth-child(2), .admin-stat:nth-child(3), .admin-stat:nth-child(4) { background: var(--v5-surface) !important; border: 1px solid var(--v5-border); border-radius: 16px; box-shadow: 0 4px 16px rgba(44,39,35,.03); }
.admin-stat small, .admin-stat span { color: var(--v5-muted) !important; font-size: 10px; }
.admin-stat b { color: var(--v5-ink) !important; font-size: 25px; }
.admin-section { background: var(--v5-surface) !important; border: 1px solid var(--v5-border) !important; border-radius: 17px; padding: 21px; margin: 18px 0; box-shadow: 0 4px 17px rgba(44,39,35,.025); scroll-margin-top: 100px; }
.admin-section-heading h2 { color: var(--v5-ink) !important; font-size: 18px; }
.admin-section-heading p { color: var(--v5-muted) !important; font-size: 11px; }
.admin-setting-card, .ad-manager-card, .blog-admin-form { background: #f5f3ee !important; border-color: var(--v5-border) !important; border-radius: 13px; }
.admin-setting-card b, .ad-manager-title b { color: var(--v5-ink) !important; }
.admin-setting-card small, .ad-manager-footer small { color: var(--v5-muted) !important; }
.table-wrap { border: 1px solid var(--v5-border); border-radius: 13px; }
.data-table { min-width: 720px; font-size: 12px; }
.data-table th { background: #efede7; color: #514c53 !important; border-color: var(--v5-border) !important; font-size: 10px; padding: 12px; }
.data-table td { border-color: var(--v5-border) !important; color: var(--v5-ink); padding: 12px; }
.data-table td small { color: var(--v5-muted) !important; font-size: 10px; }
.admin-payout-form { display: flex; flex-wrap: wrap; gap: 6px; min-width: 210px; }
.admin-payout-form input, .admin-payout-form select { min-width: 100px; flex: 1; }
.analytics-bar-row { border-color: var(--v5-border) !important; color: var(--v5-ink) !important; font-size: 12px; }
.admin-note, .small-note { color: var(--v5-muted) !important; }
/* Tables and cards remain readable without over-bright pastels */
.empty-inline { background: var(--v5-raised) !important; border: 1px dashed var(--v5-border); color: var(--v5-muted) !important; border-radius: 12px; padding: 15px; }
.toast { border: 1px solid var(--v5-border); }
.toast-success { background: #e4ece2 !important; color: #34563b !important; }
.toast-error { background: #f1e2e0 !important; color: #783e43 !important; }
.toast-info { background: #eee9dc !important; color: #65573d !important; }
:focus-visible { outline: 3px solid rgba(169,98,105,.5); outline-offset: 2px; }
/* Dark theme: lower glare, clear surfaces, readable controls */
html[data-theme="dark"] {
  color-scheme: dark;
  --v5-page: #202126;
  --v5-surface: #292a30;
  --v5-raised: #32333a;
  --v5-ink: #eeeae5;
  --v5-muted: #c3bdba;
  --v5-subtle: #a59fa0;
  --v5-border: #45434b;
  --v5-accent: #d69b96;
  --v5-accent-strong: #e3aaa4;
  --v5-accent-soft: #48383e;
  --v5-shadow: 0 16px 44px rgba(0,0,0,.24);
}
html[data-theme="dark"] body { background: var(--v5-page) !important; color: var(--v5-ink) !important; }
html[data-theme="dark"] .announcement { background: #302d31 !important; color: #d6ccca !important; }
html[data-theme="dark"] .announcement a { color: #e2aaa2 !important; }
html[data-theme="dark"] .site-header { background: rgba(35,36,41,.96) !important; border-color: var(--v5-border) !important; }
html[data-theme="dark"] .brand, html[data-theme="dark"] .hero h1, html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .section-heading h2, html[data-theme="dark"] .feature-copy h2,
html[data-theme="dark"] .creator-band h2, html[data-theme="dark"] .tool-intro h1,
html[data-theme="dark"] .account-heading h1, html[data-theme="dark"] .admin-topbar h1,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] .tool-card b,
html[data-theme="dark"] .category-card b, html[data-theme="dark"] .panel-heading b,
html[data-theme="dark"] .admin-section-heading h2 { color: var(--v5-ink) !important; }
html[data-theme="dark"] .brand small, html[data-theme="dark"] .main-nav a,
html[data-theme="dark"] .nav-login, html[data-theme="dark"] .hero-lede,
html[data-theme="dark"] .page-hero p, html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .tool-intro p, html[data-theme="dark"] .account-heading p,
html[data-theme="dark"] .panel-heading small, html[data-theme="dark"] .tool-card p,
html[data-theme="dark"] .category-card small, html[data-theme="dark"] .footer-col a,
html[data-theme="dark"] .footer-brand p, html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .legal-copy p, html[data-theme="dark"] .admin-section-heading p,
html[data-theme="dark"] .small-note { color: var(--v5-muted) !important; }
html[data-theme="dark"] .theme-toggle { background: #34353b !important; color: #f1e9e5 !important; border-color: #55515a !important; }
html[data-theme="dark"] .theme-toggle-icon { background: #4a4142 !important; color: #f2d4a2 !important; }
html[data-theme="dark"] .btn-primary { background: #b9787b !important; color: #fff !important; }
html[data-theme="dark"] .btn-primary:hover { background: #c98789 !important; }
html[data-theme="dark"] .btn-cream { background: #48443f !important; color: #f0e6d6 !important; }
html[data-theme="dark"] .btn-dark { background: #e1b0a6 !important; color: #30292d !important; }
html[data-theme="dark"] .hero-search, html[data-theme="dark"] .tool-preview,
html[data-theme="dark"] .float-card, html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .panel-card, html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .account-sidebar, html[data-theme="dark"] .admin-sidebar,
html[data-theme="dark"] .admin-topbar, html[data-theme="dark"] .admin-section,
html[data-theme="dark"] .admin-stat, html[data-theme="dark"] .tool-workspace,
html[data-theme="dark"] .flow-panel, html[data-theme="dark"] .flow-workspace,
html[data-theme="dark"] .flow-save-card, html[data-theme="dark"] .workspace-item,
html[data-theme="dark"] .blog-card, html[data-theme="dark"] .price-card,
html[data-theme="dark"] .ad-manager-card, html[data-theme="dark"] .blog-admin-form,
html[data-theme="dark"] .modal-card, html[data-theme="dark"] .auth-form-side,
html[data-theme="dark"] .auth-form-card, html[data-theme="dark"] .image-result-card,
html[data-theme="dark"] .image-selected-card {
  background: var(--v5-surface) !important; border-color: var(--v5-border) !important; color: var(--v5-ink) !important; box-shadow: var(--v5-shadow) !important;
}
html[data-theme="dark"] .section-soft, html[data-theme="dark"] .trust-strip,
html[data-theme="dark"] .site-footer { background: #25262b !important; border-color: var(--v5-border) !important; }
html[data-theme="dark"] .trust-inner, html[data-theme="dark"] .trust-inner b { color: #c3bdba !important; }
html[data-theme="dark"] .category-card, html[data-theme="dark"] .cat-peach,
html[data-theme="dark"] .cat-lav, html[data-theme="dark"] .cat-mint,
html[data-theme="dark"] .cat-yellow, html[data-theme="dark"] .cat-blue,
html[data-theme="dark"] .cat-rose, html[data-theme="dark"] .stat-peach,
html[data-theme="dark"] .stat-lav, html[data-theme="dark"] .stat-mint,
html[data-theme="dark"] .stat-yellow, html[data-theme="dark"] .admin-stat:nth-child(2),
html[data-theme="dark"] .admin-stat:nth-child(3), html[data-theme="dark"] .admin-stat:nth-child(4) {
  background: #2d2e34 !important; border-color: var(--v5-border) !important;
}
html[data-theme="dark"] .hero-blob { opacity: .16 !important; }
html[data-theme="dark"] .preview-grid a, html[data-theme="dark"] .feature-main-card,
html[data-theme="dark"] .workspace-callout, html[data-theme="dark"] .note-box,
html[data-theme="dark"] .guide-card, html[data-theme="dark"] .flow-login-note,
html[data-theme="dark"] .flow-step-item, html[data-theme="dark"] .flow-empty-step,
html[data-theme="dark"] .image-preview, html[data-theme="dark"] .tool-output,
html[data-theme="dark"] .flow-output, html[data-theme="dark"] .image-selected-info,
html[data-theme="dark"] .image-option-check, html[data-theme="dark"] .image-help,
html[data-theme="dark"] .admin-setting-card, html[data-theme="dark"] .ad-manager-card,
html[data-theme="dark"] .blog-admin-form, html[data-theme="dark"] .empty-inline {
  background: var(--v5-raised) !important; border-color: var(--v5-border) !important; color: var(--v5-ink) !important;
}
html[data-theme="dark"] .tool-controls label, html[data-theme="dark"] .form-stack label,
html[data-theme="dark"] .form-grid label, html[data-theme="dark"] .ad-manager-fields label,
html[data-theme="dark"] .admin-setting-card b, html[data-theme="dark"] .ad-manager-title b,
html[data-theme="dark"] .data-table td { color: var(--v5-ink) !important; }
html[data-theme="dark"] .tool-controls input, html[data-theme="dark"] .tool-controls textarea,
html[data-theme="dark"] .tool-controls select, html[data-theme="dark"] .form-stack input,
html[data-theme="dark"] .form-stack textarea, html[data-theme="dark"] .form-grid input,
html[data-theme="dark"] .form-grid select, html[data-theme="dark"] .admin-payout-form input,
html[data-theme="dark"] .admin-payout-form select, html[data-theme="dark"] .ad-manager-fields input,
html[data-theme="dark"] .ad-manager-fields select, html[data-theme="dark"] .ad-manager-fields textarea {
  background: #222329 !important; border-color: #4d4b53 !important; color: #f0ede8 !important;
}
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #a7a1a2 !important; }
html[data-theme="dark"] .account-nav { color: #d3ccca !important; }
html[data-theme="dark"] .account-nav:hover { background: #37363d !important; color: #f0e8e5 !important; }
html[data-theme="dark"] .account-nav.active { background: #49363d !important; color: #f0c1b7 !important; }
html[data-theme="dark"] .sidebar-help, html[data-theme="dark"] .creator-balance-main {
  background: #333138 !important; border-color: var(--v5-border) !important; color: var(--v5-ink) !important;
}
html[data-theme="dark"] .creator-balance-main b, html[data-theme="dark"] .creator-balance-main p,
html[data-theme="dark"] .creator-balance-main small { color: var(--v5-ink) !important; }
html[data-theme="dark"] .admin-chip { background: #40373b !important; color: #efc5be !important; }
html[data-theme="dark"] .data-table th { background: #33333a !important; color: #ded8d4 !important; border-color: var(--v5-border) !important; }
html[data-theme="dark"] .data-table td, html[data-theme="dark"] .data-table td small { border-color: var(--v5-border) !important; color: #d9d3d0 !important; }
html[data-theme="dark"] .table-wrap { border-color: var(--v5-border) !important; }
html[data-theme="dark"] .auth-art { background: linear-gradient(145deg,#343039 0%,#383038 55%,#303630 100%) !important; }
html[data-theme="dark"] .auth-art-card { background: rgba(42,40,46,.94) !important; border-color: #55505a !important; }
html[data-theme="dark"] .auth-art-card h2, html[data-theme="dark"] .auth-art-card p,
html[data-theme="dark"] .auth-form-card h1, html[data-theme="dark"] .auth-sub { color: var(--v5-ink) !important; }
html[data-theme="dark"] .auth-art-pills span { background: #3b3940 !important; color: #e2dcd9 !important; }
html[data-theme="dark"] .password-visibility-toggle { color: #edb8b1 !important; }
html[data-theme="dark"] .password-visibility-toggle:hover { background: #40363c !important; }
html[data-theme="dark"] .password-strength, html[data-theme="dark"] .auth-validation-message,
html[data-theme="dark"] .auth-switch, html[data-theme="dark"] .checkbox-label { color: var(--v5-muted) !important; }
html[data-theme="dark"] .password-strength-track { background: #49474d !important; }
html[data-theme="dark"] .mobile-menu { background: #292a30 !important; border-color: var(--v5-border) !important; }
html[data-theme="dark"] .mobile-menu a { color: #e3ded9 !important; }
html[data-theme="dark"] .mobile-menu-toggle { background: #34353b !important; color: #eee9e5 !important; border-color: #55515a !important; }
html[data-theme="dark"] .mobile-bottom-nav { background: rgba(40,41,47,.97) !important; border-color: #4b4951 !important; }
html[data-theme="dark"] .mobile-bottom-nav a { color: #c8c1bd !important; }
html[data-theme="dark"] .mobile-bottom-nav a.active { background: #45343b !important; color: #f0c1b7 !important; }
html[data-theme="dark"] .toast-success { background: #2c3a30 !important; color: #cfe5d0 !important; }
html[data-theme="dark"] .toast-error { background: #3f2d31 !important; color: #f0c2c0 !important; }
html[data-theme="dark"] .toast-info { background: #3b382e !important; color: #eadbb4 !important; }
html[data-theme="dark"] .creator-level-card, html[data-theme="dark"] .creator-balance-side>div { background: var(--v5-surface) !important; border-color: var(--v5-border) !important; }
/* responsive: wide Windows screens, tablets, phones */
@media (min-width: 1500px) {
  .wrap { width: min(1320px, calc(100% - 88px)); }
  .account-shell { max-width: 1460px; }
  .admin-shell { max-width: 1560px; }
}
@media (max-width: 1100px) {
  .nav-shell { gap: 16px; padding-inline: 22px; }
  .main-nav { gap: 16px; }
  .account-shell { grid-template-columns: 220px minmax(0,1fr); gap: 17px; }
  .admin-shell { grid-template-columns: 222px minmax(0,1fr); gap: 17px; padding-inline: 20px; }
  .dashboard-stats, .admin-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .wrap { width: calc(100% - 30px); }
  .nav-shell { min-height: 64px; padding: 8px 15px; }
  .main-nav, .nav-login, .nav-actions>.btn, .nav-account { display: none !important; }
  .nav-actions { display: flex; margin-left: auto; gap: 9px; }
  .theme-toggle { width: 42px; min-width: 42px; padding: 8px; gap: 0; }
  .theme-toggle-label { display: none; }
  .mobile-menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .mobile-menu { display: none; }
  .mobile-menu.open { display: grid; }
  .hero { grid-template-columns: 1fr; padding: 40px 0 38px; min-height: 0; }
  .hero h1 { font-size: clamp(38px,9vw,51px); letter-spacing: -1.8px; }
  .hero-art { min-height: 335px; }
  .hero-blob { width: min(320px,88vw); height: 300px; }
  .section { padding-block: 54px; }
  .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tool-card-grid, .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .auth-wrap { width: calc(100% - 24px); margin: 18px auto 58px; grid-template-columns: 1fr; border-radius: 20px; }
  .auth-art { min-height: 230px; padding: 25px 12px; }
  .auth-art-card { width: min(350px,90%); padding: 22px; }
  .auth-art-card h2 { font-size: 28px; margin: 9px 0; }
  .auth-art-card p { font-size: 11px; }
  .auth-art-pills { margin-top: 10px; }
  .auth-form-side { padding: 30px 22px 35px; }
  .auth-form-card h1 { font-size: 31px; }
  .account-shell { display: grid; grid-template-columns: 1fr; gap: 15px; padding-top: 17px; }
  .account-sidebar { position: static; padding: 12px; display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 5px; align-items: center; -webkit-overflow-scrolling: touch; }
  .account-person { min-width: 170px; padding: 0 10px 0 0; margin: 0 6px 0 0; border: 0; border-right: 1px solid var(--v5-border); }
  .account-sidebar .sidebar-label, .account-sidebar .sidebar-help, .account-sidebar .logout-form { display: none; }
  .account-nav { flex: 0 0 auto; white-space: nowrap; min-height: 39px; padding: 8px 10px; font-size: 10px; }
  .account-nav>span { display: inline; }
  .account-content { min-width: 0; }
  .account-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .dashboard-stats, .admin-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-two-col { grid-template-columns: 1fr; }
  .panel-card { padding: 15px; }
  .admin-shell { display: grid; grid-template-columns: 1fr; padding: 18px 14px 60px; gap: 14px; }
  .admin-sidebar { position: static; display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 5px; padding: 11px; -webkit-overflow-scrolling: touch; }
  .admin-sidebar .brand { flex: 0 0 auto; margin: 0 10px 0 0; padding-right: 12px; border-right: 1px solid var(--v5-border); }
  .admin-sidebar .sidebar-label { display: none; }
  .admin-sidebar .account-nav { flex: 0 0 auto; white-space: nowrap; font-size: 10px; }
  .admin-sidebar .account-nav>span { display: inline; }
  .admin-topbar { padding: 15px; }
  .admin-topbar h1 { font-size: 22px; }
  .admin-section { margin: 13px 0; padding: 14px; }
  .admin-settings-grid, .admin-settings-grid { grid-template-columns: 1fr; }
  .admin-payout-form { min-width: 180px; }
  .table-wrap { max-width: 100%; overflow-x: auto; }
  .data-table { min-width: 700px; }
  .mobile-bottom-nav { bottom: calc(7px + env(safe-area-inset-bottom)); left: 8px; right: 8px; }
}
@media (max-width: 420px) {
  .brand { font-size: 22px; }
  .brand-mark { width: 34px; height: 34px; }
  .hero-search { grid-template-columns: 24px minmax(0,1fr); }
  .hero-search .btn { grid-column: 1/-1; width: 100%; }
  .category-card { padding: 11px; min-height: 96px; }
  .category-card b { font-size: 11px; }
  .tool-card { min-height: 168px; padding: 12px; }
  .dashboard-stats, .admin-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .stat-card { padding: 13px; min-height: 112px; }
  .stat-card b { font-size: 21px; }
  .auth-form-side { padding-inline: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}