@font-face { font-family:Satoshi; font-weight:400; src:url('Satoshi-Regular.woff') format('woff'); font-display:swap; }
@font-face { font-family:Satoshi; font-weight:500; src:url('Satoshi-Medium.woff') format('woff'); font-display:swap; }
@font-face { font-family:Satoshi; font-weight:700 900; src:url('Satoshi-Bold.woff') format('woff'); font-display:swap; }
body.unified-ui {
 --void:#fff; --deep:#fafafa; --surface:#fff; --raised:#f9fafb; --border:#eaecf0; --border-accent:#ffd0b9; --gold:#f03f00; --gold-light:#c63800; --gold-dark:#c63800; --gold-dim:#fff3ed; --text:#1a1a1a; --muted:#667085; --ink:#1a1a1a; --ink-soft:#667085; --paper:#fafafa; --line:#eaecf0; --line-strong:#e4e7ec; --accent:#f03f00; --accent-bg:#fff3ed; --accent-dark:#c63800;
 --tasks-ink:#1a1a1a; --tasks-ink-soft:#667085; --tasks-gold:#f03f00; --tasks-gold-dark:#c63800; --tasks-teal:#c63800; --tasks-paper:#fafafa; --tasks-line:#eaecf0;
 --campaign-ink:#1a1a1a; --campaign-ink-soft:#667085; --campaign-gold:#f03f00; --campaign-gold-dark:#c63800; --campaign-teal:#c63800; --campaign-paper:#fafafa; --campaign-line:#eaecf0;
 background:#fafafa; color:#1a1a1a; font-family:Satoshi,sans-serif !important; -webkit-font-smoothing:antialiased;
}
.unified-ui .account-content { min-width:0; }
.unified-ui .account-page-heading { max-width:1264px; margin:0 auto; padding:32px 28px 12px; }
.unified-ui .account-page-heading h2 { font-size:30px; font-weight:700; letter-spacing:-.8px; color:#1a1a1a; }
.unified-ui .account-content > .py-12,.unified-ui .account-content > .py-6 { padding-top:24px; }
.unified-ui .account-content :is(h1,h2,h3,h4,label,input,select,textarea,button,table),.unified-ui .display { font-family:Satoshi,sans-serif !important; }
.unified-ui .account-content :is(h1,h2,h3) { letter-spacing:-.45px; }
.unified-ui .account-content .max-w-7xl { max-width:1264px; }
.unified-ui .account-content :is(.bg-white,.tasks-row,.tasks-stat,.tasks-toolbar,.tasks-empty,.campaign-card,.wallet-card,.wallet-panel,.profile-card,.fintech-profile-card,.svc-card,.ledger,.vtu-card) { background-color:#fff; border-color:#eaecf0; box-shadow:none; }
.unified-ui .account-content :is(.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl).bg-white { border:1px solid #eaecf0; border-radius:20px; }
.unified-ui .account-content :is(.shadow,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl) { box-shadow:0 4px 20px #10182804; }
.unified-ui .account-content :is(.tasks-row,.tasks-stat,.tasks-empty,.campaign-card,.campaign-stat,.profile-card,.fintech-profile-card,.ledger) { border-radius:20px; }
.unified-ui .account-content :is(.text-indigo-600,.text-violet-600,.text-purple-600,.text-blue-600) { color:#d53b00; }
.unified-ui .account-content :is(.bg-indigo-50,.bg-violet-50,.bg-purple-50,.bg-blue-50,.bg-indigo-100,.bg-violet-100) { background-color:#fff3ed; }
.unified-ui .account-content :is(a,button):is(.bg-indigo-600,.bg-violet-600,.bg-purple-600,.bg-blue-600,.bg-indigo-500,.bg-emerald-600) { background:#f03f00; color:#fff; border-color:#f03f00; border-radius:100px; }
.unified-ui .account-content :is(.btn-primary,.campaign-btn,.tasks-cta) { background:#f03f00; color:#fff; border:1px solid #f03f00; border-radius:100px; }
.unified-ui .account-content :is(.tasks-cta,.campaign-btn):hover { background:#d93900; color:#fff; }
.unified-ui .account-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select) { border-color:#d0d5dd; border-radius:12px; color:#344054; background-color:#fff; box-shadow:none; }
.unified-ui :is(input,select,textarea):focus { outline:2px solid #ffb99a; outline-offset:1px; border-color:#f03f00; }
.unified-ui :is(input[type=checkbox],input[type=radio]) { accent-color:#f03f00; }
.unified-ui .account-content :is(.tasks-eyebrow,.label) { color:#d53b00; font-family:Satoshi,sans-serif; }
.unified-ui .account-content :is(.tasks-shell,.campaign-shell,.svc-page,.task-submissions-page,.submissions-wrap) { font-family:Satoshi,sans-serif !important; --accent:#f03f00; --accent-dark:#c63800; --accent-bg:#fff3ed; --paper:#fafafa; --surface:#fff; --ink:#1a1a1a; --ink-soft:#667085; --line:#eaecf0; --line-strong:#e4e7ec; }
.unified-ui .account-content .svc-tab.is-active,.unified-ui .account-content .svc-tab.active { color:#d53b00; border-color:#f03f00; background:#fff3ed; }
.unified-ui .account-content :is(.svc-tabs-wrap,.sticky) { scroll-margin-top:90px; }
.unified-ui .account-content table { color:#344054; }
.unified-ui .account-content thead { background:#fafafa; color:#667085; }
.unified-ui .account-content th { font-weight:600; font-size:12px; letter-spacing:.2px; }
.unified-ui .account-content td { font-size:13px; }
.unified-ui .account-content :is(.table-wrapper,.overflow-x-auto) { min-width:0; max-width:100%; }
.unified-ui .account-content .grid > * { min-width:0; }
.unified-ui .account-content .profile-menu-item { border-color:#eaecf0; }
.unified-ui .account-content .profile-menu-item:hover { background:#fff5ef; }
.unified-ui .account-content :is(.profile-btn-lock,.fintech-profile-btn-lock) { background:#fff3ed; color:#c63800; border-color:#ffdfcf; border-radius:100px; }
.unified-ui .account-content :is(.profile-btn-logout,.fintech-profile-btn-logout) { border-radius:100px; }
/* Independent seller/buyer portal, admin login, and maintenance layouts. */
.unified-ui > .min-h-screen { background:#fafafa; }
.unified-ui:not(.admin-panel) header.bg-white\/90 { background:#fff; border-color:#eaecf0; }
.unified-ui:not(.account-dashboard):not(.admin-panel) :is(h1,h2,h3) { font-family:Satoshi,sans-serif; letter-spacing:-.5px; }
.unified-ui:not(.account-dashboard):not(.admin-panel) :is(.bg-indigo-600,.bg-slate-900) { background:#f03f00; color:#fff; }
.unified-ui:not(.account-dashboard):not(.admin-panel) :is(.text-indigo-600,.text-blue-600) { color:#d53b00; }
.unified-ui:not(.account-dashboard):not(.admin-panel) :is(.bg-white.rounded-xl,.bg-white.rounded-2xl,.bg-white.rounded-3xl) { border:1px solid #eaecf0; border-radius:22px; box-shadow:none; }
.unified-ui .admin-login-shell { background:#fff5ef !important; }
.unified-ui .admin-login-card { border:1px solid #eaecf0; box-shadow:none; background:#fff; }
.unified-ui .admin-login-card input { border-radius:12px; border-color:#d0d5dd; }
.unified-ui .admin-login-card button[type=submit] { border-radius:100px; background:#f03f00; color:#fff; }
.unified-ui .screen--full { background:#fff5ef; font-family:Satoshi,sans-serif; color:#1a1a1a; }
.unified-ui .lock-full { background:#fff; border:1px solid #eaecf0; border-radius:24px; color:#1a1a1a; }
.unified-ui .lock-full .key { background:#fff3ed; color:#c63800; border-color:#ffdfcf; }
.unified-ui .lock-full .key:hover { background:#ffdfcf; }
.unified-ui .lock-full .avatar { background:#fff3ed; color:#c63800; }
.unified-ui .lock-full .link { color:#c63800; }
.unified-ui .bg-symbols { color:#ffd0b9; }
.unified-ui :focus-visible { outline:2px solid #f03f00; outline-offset:3px; }
@media(max-width:767px) {
 .unified-ui .account-page-heading { padding:24px 18px 8px; }
 .unified-ui .account-page-heading h2 { font-size:26px; }
 .unified-ui .account-content > .py-12 { padding-top:20px; }
 .unified-ui .account-content table { font-size:12px; }
}

/* Service and wallet panels use the same warm palette as the public site. */
.unified-ui .account-content .wallet-shell { background:#fafafa; }
.unified-ui .account-content .wallet-card { background-image:none; background-color:#fff5ef; }
.unified-ui .account-content .wallet-card .text-indigo-700 { color:#c63800; }
.unified-ui .account-content :is(.vtu-hero,.bn-hero) { background:#fff3ed; border-color:#ffdfcf; border-radius:22px; }
.unified-ui .account-content .ib-hero { background:#f03f00; border-radius:22px; }
.unified-ui .account-content :is(.ib-card,.ib-panel,.bn-card,.bn-panel,.vtu-card,.vtu-panel) { border-color:#eaecf0; border-radius:20px; box-shadow:none; }
