@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
body,button,input,select,textarea{font-family:Poppins,"SamsungOne","Samsung Sans",system-ui,sans-serif}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{background:#fff;color:#172b45;border:1.5px solid #859ab5;border-radius:12px;box-shadow:0 2px 3px #15345608;min-height:48px}input::placeholder,textarea::placeholder{color:#64748b;opacity:1}label>span:first-child{font-weight:600;color:var(--text)}input:focus,select:focus,textarea:focus{outline:3px solid #3985ff40;outline-offset:2px;border-color:#2563eb}.btn{min-height:46px;font-weight:600;border-radius:12px}.btn-primary{background:#2463df;color:white;box-shadow:0 4px 12px #2463df26}.btn:active{transform:translateY(1px)}
[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),[data-theme=dark] select,[data-theme=dark] textarea{background:#26364b;color:#f8fafc;border-color:#71829a}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#bbc8d9}[data-theme=dark] .btn-primary{background:#3878ef;color:#fff}
.manage-group{margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.manage-group h2{font-size:.9rem;padding:16px;margin:0;background:var(--surface2)}.manage-link{display:flex;align-items:center;gap:14px;padding:16px;border-top:1px solid var(--line);color:var(--text);text-decoration:none}.manage-link>svg:first-child{width:23px;height:23px;color:var(--link)}.manage-link>svg:last-child{width:17px;margin-left:auto}.manage-link:active{background:var(--soft-blue)}.manage-intro{color:var(--muted);margin:0 0 18px}.plan-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.plan-price{font-size:1.5rem}
@media(max-width:900px){body[data-authenticated="1"]{background:var(--bg)}.main{padding:14px 16px calc(98px + env(safe-area-inset-bottom))!important}.topbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.topbar h1{font-size:1.3rem}.topbar .eyebrow,.topbar-actions>.btn,.topbar-actions>.account-menu,.topbar-actions>.sidebar-mobile-trigger{display:none}.topbar-actions{gap:6px;flex-wrap:nowrap}.topbar-actions .appearance-switch,.topbar-actions .language-switch{padding:8px;font-size:.72rem;min-height:40px}.workspace-welcome{margin-bottom:16px}.workspace-welcome h2{font-size:1.1rem}.workspace-welcome p:not(.eyebrow),.workspace-welcome>.btn{display:none}.workspace-welcome .eyebrow{font-size:.65rem}.dashboard-metrics .metric-card{min-height:118px;padding:16px;background:var(--surface);box-shadow:none}.metric-card strong{font-size:1.35rem!important;color:var(--text)}.metric-card>span{font-size:.76rem;color:var(--muted)}.metric-card small{font-size:.65rem}.panel,.analytics-kpi,.mauzo-goal-card{background:var(--surface);backdrop-filter:none;box-shadow:none;border-color:var(--line);border-radius:18px}.panel-head h2,.dashboard-section-title h2{font-size:1rem}.quick-actions a{min-height:56px;font-size:.8rem}.setup-checklist ol{gap:12px}.setup-checklist li{font-size:.8rem}.mobile-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important;padding:9px 8px calc(9px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;background:var(--surface)!important;border:1px solid var(--line);box-shadow:0 -4px 24px #0e203015;z-index:100}.mobile-nav a{min-height:51px;gap:4px;border-radius:12px;color:var(--muted)}.mobile-nav small{font-size:.65rem!important;font-weight:600}.mobile-nav .nav-icon{width:22px;height:22px}.mobile-nav a.active{color:var(--link);background:var(--soft-blue)}.mobile-nav .mobile-sale{background:var(--primary)!important;color:#fff!important;border:5px solid var(--surface);border-radius:22px;margin-top:-24px;min-height:66px;box-shadow:0 4px 12px #2463df30}.mobile-sale .nav-icon{width:27px;height:27px}.table-wrap{border-radius:12px}.table-wrap th{font-size:.75rem;white-space:nowrap}.table-wrap td{font-size:.82rem}.stack{gap:16px}input,select,textarea{font-size:16px!important}.plan-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

@media(max-width:360px){.topbar h1{font-size:1.05rem}.topbar-actions .appearance-switch,.topbar-actions .language-switch{font-size:.65rem;padding:7px}}

/* Clear hierarchy and contrasting fields in both appearances. */
:root{--heading-ink:#174f9e;--accent-ink:#12665d;--label-ink:#37577b;--input-fill:#fff;--input-ink:#17324d;--input-hint:#526b85;--input-edge:#8098b4;--header-fill:#e8f2ff;--header-line:#bdd4f1}
html[data-theme=dark]{--heading-ink:#a9ceff;--accent-ink:#71dfcf;--label-ink:#b2c8e3;--input-fill:#26364b;--input-ink:#f8fafc;--input-hint:#bbc8d9;--input-edge:#71829a;--header-fill:#1b304d;--header-line:#35577e}
.main :is(h1,h2,h3),.auth-card h2{color:var(--heading-ink)}.main .eyebrow,.auth-card .eyebrow{color:var(--accent-ink)}.main :is(.panel-head,.dashboard-section-title) h2{color:var(--heading-ink)}.main .metric-card strong,.main .analytics-kpi strong{color:var(--heading-ink)}.main .metric-card:has(.icon-success) strong{color:var(--accent-ink)}.main .metric-card:has(.icon-expense) strong{color:var(--label-ink)}label>span:first-child,.metric-card>span,.manage-link>span{color:var(--label-ink)}.plan-price,.mauzo-goal-total strong{color:var(--accent-ink)}
html[data-theme] body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),html[data-theme] body select,html[data-theme] body textarea{background:var(--input-fill);color:var(--input-ink);border-color:var(--input-edge);caret-color:var(--input-ink);color-scheme:normal}
html[data-theme] body input::placeholder,html[data-theme] body textarea::placeholder{color:var(--input-hint);opacity:1}html[data-theme] body select option{background:var(--input-fill);color:var(--input-ink)}html[data-theme] body input:autofill{-webkit-text-fill-color:var(--input-ink);box-shadow:0 0 0 1000px var(--input-fill) inset}
html[data-theme] .input-icon-field>svg,html[data-theme] .password-field .password-toggle{color:var(--input-hint)}html[data-theme] .password-field .password-toggle{background:var(--input-fill)}html[data-theme] .sidebar-search-trigger{color:var(--input-hint)}
.topbar.app-header{padding:20px 22px;border:1px solid var(--header-line);border-radius:22px;background:var(--header-fill);box-shadow:0 5px 20px #163e7010;gap:18px;align-items:center}.app-header .header-identity{min-width:0}.app-header h1{margin:3px 0 0;line-height:1.25;color:var(--heading-ink);overflow-wrap:anywhere}.app-header .eyebrow{color:var(--label-ink);font-size:.65rem}.app-header .header-business{display:block;margin-top:7px;font-size:.75rem;color:var(--accent-ink);font-weight:600;overflow-wrap:anywhere}.app-header .topbar-actions{flex-wrap:wrap;justify-content:flex-end}.app-header :is(.appearance-switch,.language-switch){background:var(--surface);color:var(--heading-ink);border:1px solid var(--header-line);border-radius:12px}
@media(max-width:900px){.topbar.app-header{padding:16px;margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:13px;border-radius:18px}.app-header .eyebrow{display:block}.app-header h1{font-size:1.35rem}.app-header .topbar-actions{justify-content:flex-start;gap:8px;padding-top:11px;border-top:1px solid var(--header-line)}.app-header .topbar-actions :is(.appearance-switch,.language-switch){min-height:42px;padding:8px 12px;font-size:.75rem}}
@media print{.topbar.app-header{background:#fff;box-shadow:none}.main :is(h1,h2,h3){color:#172435}}

.mobile-nav .mobile-sale small{color:#fff}

/* The coloured text holders are cards, not editable fields. Scoped tokens keep their contents readable. */
html[data-theme=light] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--surface:#123e75;--surface2:#1b4c86;--text:#fff;--muted:#c6daf3;--line:#4874a6;--heading-ink:#fff;--accent-ink:#83ead8;--label-ink:#d4e5fa;--link:#b7dcff;--soft-blue:#24548d;background:var(--surface)!important;color:var(--text);border-color:var(--line)!important;box-shadow:0 6px 18px #123e7514;backdrop-filter:none}
html[data-theme=dark] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--surface:#d5eaff;--surface2:#c1ddf8;--text:#15375e;--muted:#3f5d7c;--line:#9bc3e7;--heading-ink:#124780;--accent-ink:#12665d;--label-ink:#294f78;--link:#164f9e;--soft-blue:#b9d8f5;background:var(--surface)!important;color:var(--text);border-color:var(--line)!important;box-shadow:none;backdrop-filter:none}
.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) :is(.muted,small){color:var(--muted)}
.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) :is(h2,h3,th){color:var(--heading-ink)}
.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) a:not(.btn){color:var(--link)}
.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) .btn-ghost{color:var(--text);border-color:var(--line)}
.main .metric-card>span,.main .metric-card>small{color:var(--muted)}.main .metric-card strong{color:var(--heading-ink)}
@media print{html[data-theme] .main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--surface:#fff;--surface2:#f1f4f8;--text:#172435;--muted:#526477;--heading-ink:#172435;--accent-ink:#12665d;--label-ink:#37577b;--link:#174f9e;--line:#ccc;background:#fff!important;color:#172435;box-shadow:none}}

html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){color:var(--text)!important}
html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) :is(h2,h3,strong){color:var(--heading-ink)!important;-webkit-text-fill-color:currentColor!important}
html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) :is(.muted,small){color:var(--muted)}
html[data-theme] body[data-authenticated="1"] main.main .metric-card>span{color:var(--label-ink)}

html[data-theme] body[data-authenticated="1"] .mobile-nav .mobile-sale small{color:#fff!important}
@media print{html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--text:#172435;--muted:#526477;--heading-ink:#172435;--label-ink:#37577b;--link:#174f9e;background:#fff!important;border-color:#ccc!important;color:#172435!important;box-shadow:none}}

/* Compact personal header and consistent contrast on coloured panels. */
.topbar.app-header{display:flex;flex-wrap:nowrap;justify-content:space-between}
.header-person{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;flex:1}
.profile-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#2163b4;color:#fff;font-weight:600;box-shadow:inset 0 1px 2px #ffffff70,0 3px 12px #276bd330}
.profile-avatar img{width:100%;height:100%;object-fit:cover}.header-identity{display:flex;flex-direction:column;overflow:hidden}.header-identity small{color:var(--muted);font-size:.72rem}.header-identity strong{color:var(--heading-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}
.page-title{font-size:1.2rem;margin:0 0 18px;color:var(--heading-ink)}.profile-preview{width:96px;height:96px;border-radius:50%;object-fit:cover}.profile-panel{max-width:680px}
.catalog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.catalog-summary>div{padding:14px}.catalog-summary strong{display:block;font-size:1.35rem}
.main fieldset{min-width:0;border:1px solid var(--line);border-radius:14px;padding:16px}.main legend{font-weight:600;padding:0 6px}.profit-preview{display:block;padding:12px;border-radius:12px;background:var(--surface2);color:var(--text)}[data-scan-video]{width:100%;max-height:240px;object-fit:cover}
html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px 2px #081b4430,0 5px 18px #2479e51c}
html[data-theme] body[data-authenticated="1"] main.main .panel :is(table,tbody,tr,td){background:transparent!important;color:var(--text)!important}
html[data-theme] body[data-authenticated="1"] main.main .panel :is(thead,th){background:var(--surface2)!important;color:var(--heading-ink)!important}
html[data-theme] body[data-authenticated="1"] main.main .panel td :is(a:not(.btn),small,.muted){color:var(--link)!important}
html[data-theme] body[data-authenticated="1"] main.main .panel :is(p,label,legend,summary){color:var(--text)}
html[data-theme] body[data-authenticated="1"] main.main .panel tbody tr:hover{background:var(--surface2)!important}
@media(max-width:900px){.topbar.app-header{display:flex;gap:8px;padding:12px;margin-bottom:14px}.app-header .topbar-actions{flex:0 0 auto;flex-wrap:nowrap;gap:5px;padding:0;border:0}.app-header .topbar-actions :is(.appearance-switch,.language-switch){width:42px;min-width:42px;height:42px;padding:7px;justify-content:center}.app-header [data-theme-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.app-header .sync-chip-top{display:none}.header-person{gap:8px}.header-identity strong{font-size:.9rem}.catalog-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{font-size:1.1rem}.main fieldset{padding:12px}.profile-avatar{width:38px;height:38px;flex-basis:38px}}
@media print{html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){box-shadow:none}}
@media(max-width:900px){.app-header .topbar-actions{width:auto;overflow:visible}.app-header .header-person{flex:1 1 0}.app-header .header-identity{flex:1 1 0}}

/* Sales-first home and calmer navy dark appearance. */
.summary-period{display:flex;gap:4px;padding:4px;border-radius:15px;background:var(--surface);border:1px solid var(--line);max-width:420px}.summary-period a{flex:1;text-align:center;padding:10px 12px;border-radius:11px;color:var(--muted);font-weight:600}.summary-period a[aria-current]{background:#2468cd;color:#fff;box-shadow:0 2px 7px #1453a82b}.summary-dates{color:var(--muted);font-size:.75rem;margin:8px 0 16px}
.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics .metric-featured{grid-column:1/-1;min-height:190px;position:relative;padding:24px}.main .dashboard-metrics .metric-featured strong{font-size:clamp(2rem,6vw,3rem)!important;line-height:1.25;letter-spacing:-.03em}.metric-featured .metric-sparkline{right:84px;opacity:.35}.sales-visibility{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid #9ac8ff70;color:#fff;background:#ffffff14;box-shadow:inset 0 1px 0 #ffffff35}.sales-visibility svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.sales-masked,.eye-slash{display:none}html[data-sales-hidden=true] .sales-amount{display:none}html[data-sales-hidden=true] .sales-masked{display:inline}html[data-sales-hidden=true] .eye-slash{display:block}
.stock-scanner{padding:14px;margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.stock-scanner .inline-form{margin-top:10px}.stock-scanner [role=status]{font-size:.8rem;margin:10px 0 0}
.theme-moon{display:none}html[data-theme=dark] .theme-sun{display:none}html[data-theme=dark] .theme-moon{display:block}
.mobile-nav .nav-icon,.metric-icon .ui-icon,.manage-icon .ui-icon{stroke-width:1.8;filter:drop-shadow(0 2px 1px #153e7826)}.metric-icon{border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff44,0 3px 8px #061c4220}.mobile-nav a .nav-icon{box-sizing:content-box;padding:6px;border-radius:12px;background:#94b9ee12;transition:background .18s,color .18s,transform .18s}.mobile-nav a.active .nav-icon{color:#1262c9;background:#dcecff;box-shadow:inset 0 1px 0 #fff,0 3px 8px #3269c422;transform:translateY(-2px)}.mobile-nav a.active small{color:#1762bd!important}.mobile-nav .mobile-sale.active{background:#097c72!important}.mobile-nav .mobile-sale .nav-icon{background:transparent;color:white;box-shadow:none}.mobile-nav .mobile-sale.active small{color:white!important}.appearance-switch[aria-pressed=true]{color:#94c7ff!important;box-shadow:inset 0 1px 0 #ffffff26}.appearance-switch .ui-icon{width:23px;height:23px}
html[data-theme=dark]{--bg:#0b1320;--surface:#142238;--surface2:#1c304a;--text:#e9f2ff;--muted:#adbed4;--line:#344b68;--heading-ink:#e3efff;--label-ink:#cfdef1;--link:#9dccff;--accent-ink:#86dfd0;--header-fill:#142238;--header-line:#344b68;--input-fill:#203750;--input-ink:#f2f7ff;--input-hint:#bacde3;--input-edge:#5f7e9e;color-scheme:dark}
html[data-theme=dark] body{background:#0b1320;color:#e9f2ff}
html[data-theme=dark] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--surface:#142238;--surface2:#1c304a;--text:#e9f2ff;--muted:#adbed4;--line:#344b68;--heading-ink:#e3efff;--label-ink:#cfdef1;--link:#9dccff;--accent-ink:#86dfd0;--soft-blue:#244263;background:var(--surface)!important;box-shadow:inset 0 1px 0 #c6dfff16,0 6px 18px #00000026}
html[data-theme=dark] body[data-authenticated="1"] main.main .metric-featured{background:linear-gradient(120deg,#174d86,#14365e)!important;--heading-ink:#fff;--label-ink:#dcecff;--muted:#c4ddfa;border-color:#487db4!important}
html[data-theme=dark] .mobile-nav a.active .nav-icon{background:#244e79;color:#a6d7ff;box-shadow:inset 0 1px 0 #76b2f15e}html[data-theme=dark] .mobile-nav a.active small{color:#a6d7ff!important}html[data-theme=dark] .mobile-nav .mobile-sale.active small{color:white!important}
html[data-theme=dark] body[data-authenticated="0"] :is(.auth-panel,.auth-panel-inner,.auth-card){background:#142238!important;color:#e9f2ff!important;border-color:#344b68!important}
html[data-theme=dark] body[data-authenticated="0"] .auth-card :is(h1,h2,h3){color:#f1f6ff!important;-webkit-text-fill-color:#f1f6ff!important;background:none!important}
html[data-theme=dark] body[data-authenticated="0"] :is(.auth-intro,.auth-switch,.auth-method-note,.auth-divider,.auth-card label,.auth-card label>span,.auth-card .muted,.auth-footer){color:#c7d7ed!important}
html[data-theme=dark] body[data-authenticated="0"] :is(.auth-card,.auth-footer) a{color:#9dccff!important}html[data-theme=dark] body[data-authenticated="0"] .auth-card .eyebrow{color:#86dfd0!important}
html[data-theme=dark] body[data-authenticated="0"] .auth-card input:not([type=checkbox]){background:#203750!important;color:#f2f7ff!important;-webkit-text-fill-color:#f2f7ff!important;border-color:#5f7e9e!important}html[data-theme=dark] body[data-authenticated="0"] .auth-card input::placeholder{color:#bacde3!important;-webkit-text-fill-color:#bacde3!important}
@media(max-width:900px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .metric-featured{min-height:186px;padding:20px}.dashboard-metrics>.metric-card:last-child{grid-column:1/-1;min-height:105px}.mobile-nav a{gap:1px}.mobile-nav .nav-icon{width:21px;height:21px}.mobile-nav .mobile-sale .nav-icon{width:25px;height:25px}.metric-featured .metric-sparkline{top:24px;width:90px}.summary-period{max-width:none}}
@media(prefers-reduced-motion:reduce){.mobile-nav a .nav-icon{transition:none;transform:none}}
@media print{html[data-theme=dark] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--text:#172435;--heading-ink:#172435;--muted:#42566d;--label-ink:#37577b;--surface2:#eef2f7;background:#fff!important;box-shadow:none}.sales-visibility,.summary-period{display:none}}

.main .dashboard-metrics .metric-featured #sales-figure>span{font-size:inherit!important;font-weight:inherit;line-height:inherit;color:inherit!important;letter-spacing:inherit}

/* Auth contrast safeguard: entered credentials must remain legible in dark mode. */
html[data-theme="dark"] body[data-authenticated="0"] .auth-card :is(input[type="email"],input[type="text"],input[type="password"],input[type="tel"],input[type="number"]) {
  background-color: #203750 !important;
  color: #f2f7ff !important;
  -webkit-text-fill-color: #f2f7ff !important;
  caret-color: #f2f7ff !important;
  border: 1px solid #7798bb !important;
  color-scheme: dark;
  opacity: 1;
}
html[data-theme="dark"] body[data-authenticated="0"] .auth-card :is(input[type="email"],input[type="text"],input[type="password"],input[type="tel"],input[type="number"])::placeholder {
  color: #bacde3 !important;
  -webkit-text-fill-color: #bacde3 !important;
  opacity: 1;
}
html[data-theme="dark"] body[data-authenticated="0"] .auth-card :is(input[type="email"],input[type="text"],input[type="password"],input[type="tel"],input[type="number"]):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus) {
  -webkit-text-fill-color: #f2f7ff !important;
  -webkit-box-shadow: 0 0 0 1000px #203750 inset !important;
  box-shadow: 0 0 0 1000px #203750 inset !important;
  caret-color: #f2f7ff !important;
}
html[data-theme="dark"] body[data-authenticated="0"] .auth-card .password-toggle {
  color: #dbeaff !important;
  -webkit-text-fill-color: #dbeaff !important;
  background-color: #203750 !important;
}
html[data-theme="dark"] body[data-authenticated="0"] .auth-card :is(input[type="email"],input[type="text"],input[type="password"]):focus-visible {
  border-color: #9dccff !important;
  outline: 2px solid #9dccff;
  outline-offset: 2px;
}

/* The business summary uses one compact, keyboard-accessible period selector. */
.summary-period{display:flex;align-items:center;gap:12px;width:min(100%,440px);max-width:440px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.summary-period label{font-size:.83rem;font-weight:600;color:var(--text);white-space:nowrap}
html[data-theme] body .summary-period select{flex:1;min-width:0;width:auto;min-height:44px;padding:8px 34px 8px 12px;border-radius:10px;background:var(--input-fill);color:var(--input-ink);border:1px solid var(--input-edge)}
@media(max-width:480px){.summary-period{max-width:100%;gap:8px;padding:8px}.summary-period label{font-size:.72rem}.summary-period select{font-size:14px!important}}


/* Decorative shilling notes stay behind the featured sales amount. */
.dashboard-metrics .metric-featured{isolation:isolate;overflow:hidden}
.dashboard-metrics .metric-featured .sales-money-rain{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.dashboard-metrics .metric-featured > :is(.metric-icon,span,strong,small){position:relative;z-index:1}
.dashboard-metrics .metric-featured > .metric-sparkline{z-index:1}
.dashboard-metrics .metric-featured > .sales-visibility{z-index:2}
.sales-money-note{
    --note-offset:0px;
    --note-tilt:-17deg;
    position:absolute;top:-68px;left:var(--note-left,10%);width:86px;height:42px;
    display:block;will-change:transform,opacity;
    opacity:0;
    animation:shilling-note-fall var(--note-duration,12s) linear var(--note-delay,0s) infinite;
}
.sales-money-note-face{
    box-sizing:border-box;width:100%;height:100%;padding:0;display:block;
    border-radius:4px;border:1px solid #ffe1a86b;
    background:linear-gradient(135deg,#b36969 0%,#7f454e 46%,#b9875b 100%);
    box-shadow:0 5px 11px #14142124,inset 0 0 0 3px #f8ddaa18;
    transform:rotate(var(--note-tilt));
}
.sales-money-note:nth-child(1){--note-left:5%;--note-delay:-9s;--note-duration:12s;--note-offset:28px;--note-tilt:-14deg}
.sales-money-note:nth-child(2){--note-left:18%;--note-delay:-2s;--note-duration:14s;--note-offset:-18px;--note-tilt:22deg}
.sales-money-note:nth-child(3){--note-left:31%;--note-delay:-13s;--note-duration:16s;--note-offset:15px;--note-tilt:-24deg}
.sales-money-note:nth-child(4){--note-left:43%;--note-delay:-5s;--note-duration:15s;--note-offset:-22px;--note-tilt:16deg}
.sales-money-note:nth-child(5){--note-left:56%;--note-delay:-10s;--note-duration:13s;--note-offset:25px;--note-tilt:-12deg}
.sales-money-note:nth-child(6){--note-left:67%;--note-delay:-3s;--note-duration:17s;--note-offset:-15px;--note-tilt:28deg}
.sales-money-note:nth-child(7){--note-left:80%;--note-delay:-15s;--note-duration:18s;--note-offset:10px;--note-tilt:-20deg}
.sales-money-note:nth-child(8){--note-left:89%;--note-delay:-7s;--note-duration:16s;--note-offset:-28px;--note-tilt:19deg}
.sales-money-note:nth-child(9){--note-left:24%;--note-delay:-14s;--note-duration:19s;--note-offset:14px;--note-tilt:-28deg}
.sales-money-note:nth-child(10){--note-left:72%;--note-delay:-11s;--note-duration:20s;--note-offset:-18px;--note-tilt:11deg}
@keyframes shilling-note-fall{
    0%{transform:translate3d(0,-10px,0) rotate(-9deg);opacity:0}
    10%{opacity:.20}
    75%{opacity:.20}
    95%{opacity:0}
    100%{transform:translate3d(var(--note-offset),330px,0) rotate(35deg);opacity:0}
}
@media(max-width:600px){
    .sales-money-note{width:72px;height:36px}
    .sales-money-note:nth-child(n+8){display:none}
}
@media(prefers-reduced-motion:reduce){
    .dashboard-metrics .metric-featured .sales-money-rain{display:none}
}
@media print{
    .dashboard-metrics .metric-featured .sales-money-rain{display:none}
}


/* Licensed, low-resolution photographs give each falling note its real currency design. */
.sales-money-note-face{position:relative;overflow:hidden}
/* Self-hosted photos are CSS backgrounds, so failed requests show the color/denomination fallback, never a broken img icon. */
.sales-money-note .sales-money-note-face{background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;position:relative}
.sales-money-note .sales-money-note-face.cash-1000{background-image:url("/assets/banknotes/tzs-1000.jpg"),linear-gradient(135deg,#6bbacc,#426d9d)}
.sales-money-note .sales-money-note-face.cash-2000{background-image:url("/assets/banknotes/tzs-2000.jpg"),linear-gradient(135deg,#d8a370,#7c5043)}
.sales-money-note .sales-money-note-face.cash-5000{background-image:url("/assets/banknotes/tzs-5000.jpg"),linear-gradient(135deg,#9a88b6,#594883)}
.sales-money-note .sales-money-note-face.cash-10000{background-image:url("/assets/banknotes/tzs-10000.jpg"),linear-gradient(135deg,#db9193,#923d52)}
.sales-money-note{filter:drop-shadow(0 4px 3px #07172a24)}
@keyframes shilling-note-fall{
    0%{transform:translate3d(0,-10px,0) rotate(-9deg);opacity:0}
    10%{opacity:.40}
    75%{opacity:.40}
    95%{opacity:0}
    100%{transform:translate3d(var(--note-offset),330px,0) rotate(35deg);opacity:0}
}
.sales-money-credit{font-size:.67rem;color:var(--muted);margin:5px 0 14px;text-align:right}
.sales-money-credit a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.sales-money-credit{font-size:.6rem}}


/* Dashboard identity: page title, business category and business name share one space-saving row. */
.dashboard-heading-row{
    display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);
    min-width:0;margin:0 0 13px;padding:0 0 10px;
    border-bottom:1px solid var(--line);
}
.dashboard-heading-row > .page-title{
    flex:0 0 auto;margin:0;font-size:clamp(1.05rem,1.65vw,1.35rem);
    line-height:1.25;white-space:nowrap;
}
.dashboard-heading-identity{
    display:flex;flex:1 1 auto;align-items:center;gap:9px;
    min-width:0;white-space:nowrap;
}
.dashboard-heading-category{
    flex:0 0 auto;max-width:34%;overflow:hidden;text-overflow:ellipsis;
    padding:5px 9px;border-radius:999px;
    background:var(--soft-blue);border:1px solid var(--line);
    color:var(--heading-ink);font-weight:700;font-size:.71rem;line-height:1.2;
}
.dashboard-heading-name{
    flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
    color:var(--text);font-size:clamp(.83rem,1.45vw,1rem);
    font-weight:650;line-height:1.35;
}
@media(max-width:900px){
    .dashboard-heading-row{gap:9px;margin-bottom:11px;padding-bottom:8px}
    .dashboard-heading-row > .page-title{font-size:1.08rem}
    .dashboard-heading-category{font-size:.66rem;padding:4px 7px}
    .dashboard-heading-name{font-size:.81rem}
    .dashboard-heading-identity{gap:7px}
}
@media(max-width:360px){
    .dashboard-heading-row{gap:6px}
    .dashboard-heading-row > .page-title{font-size:1rem}
    .dashboard-heading-category{font-size:.62rem;padding:4px 6px}
    .dashboard-heading-identity{gap:5px}
}
@media print{
    .dashboard-heading-row{border:0;break-inside:avoid}
}
/* Deep-orange hierarchy with a clean, flat type treatment. Seal depth stays on
   containers and icon wells; letters themselves remain crisp and plain. */
:root{--heading-ink:#b84a16;--icon-edge:#c4571d;--icon-edge-active:#ef7a32}
html[data-theme=dark]{--heading-ink:#f29a64;--icon-edge:#e1783d;--icon-edge-active:#ffb07d}
html[data-theme] body[data-authenticated="1"] main.main :is(h1,h2,h3,h4,.page-title,.dashboard-section-title,.panel-head h2,.workspace-welcome h2,.auth-card h2){color:var(--heading-ink)!important;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;filter:none!important}
html[data-theme] body[data-authenticated="1"] main.main :is(p,span,strong,small,label,a,th,td,legend,summary){text-shadow:none!important;-webkit-text-fill-color:currentColor}
html[data-theme] body[data-authenticated="0"] :is(.auth-card h1,.auth-card h2,.auth-card h3,.auth-card p,.auth-card label,.auth-card a,.auth-footer){text-shadow:none!important;-webkit-text-fill-color:currentColor}
html[data-theme] body[data-authenticated="1"] main.main :is(.metric-icon,.analytics-kpi-icon,.mauzo-goal-icon,.manage-icon,.quick-actions a,.summary-period,.sales-visibility){border-color:var(--icon-edge)!important}
html[data-theme] body[data-authenticated="1"] .mobile-nav .nav-icon{border:1px solid var(--icon-edge)!important}
html[data-theme] body[data-authenticated="1"] .mobile-nav a.active .nav-icon{border-color:var(--icon-edge-active)!important;color:var(--icon-edge-active)!important}
html[data-theme] body[data-authenticated="1"] .mobile-nav .mobile-sale .nav-icon{border-color:rgba(255,255,255,.75)!important;color:#fff!important}
html[data-theme] body[data-authenticated="1"] :is(.metric-icon,.analytics-kpi-icon,.mauzo-goal-icon,.manage-icon) .ui-icon{filter:none!important}
html[data-theme] body[data-authenticated="1"] main.main :is(.panel,.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group){--heading-ink:#f29a64}
html[data-theme] body[data-authenticated="1"] :is(.metric-card,.analytics-kpi,.mauzo-goal-card,.manage-group) :is(h1,h2,h3,h4){color:var(--heading-ink)!important}
html[data-theme] body[data-authenticated="0"] .auth-card :is(h1,h2,h3),html[data-theme] body[data-authenticated="0"] .auth-card .eyebrow{color:var(--heading-ink)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}

html[data-theme] body[data-authenticated="0"] :is(.auth-card h1,.auth-card h2,.auth-card h3,.auth-card p,.auth-card label,.auth-card a,.auth-footer){
  text-shadow:none!important;
  filter:none!important;
}