:root{
 --ui-primary:#0f766e;--ui-primary-strong:#115e59;--ui-primary-soft:#e9f7f4;
 --ui-bg:#f3f6f5;--ui-surface:#fff;--ui-surface-2:#f8faf9;--ui-text:#172523;
 --ui-muted:#667a76;--ui-border:#e0e9e6;--ui-danger:#b42318;--ui-warning:#a15c00;
 --ui-success:#067647;--ui-radius:14px;--ui-radius-sm:10px;
 --ui-shadow:0 12px 36px rgba(24,53,48,.07);--ui-sidebar:264px;--ui-topbar:82px;
 --primary:var(--ui-primary);--ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-border);
 --bg:var(--ui-bg);--green:var(--ui-success);--red:var(--ui-danger);--shadow:var(--ui-shadow)
}
html{background:var(--ui-bg);scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--ui-bg);color:var(--ui-text);font-size:15px;line-height:1.45}
body::selection{background:#99e2d5;color:#123b35}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(15,118,110,.28)!important;outline-offset:2px}
.shell{grid-template-columns:var(--ui-sidebar) minmax(0,1fr);background:var(--ui-bg)}
.shell>aside{width:var(--ui-sidebar);padding:22px 16px;background:linear-gradient(180deg,#10201e 0%,#0d1918 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:10px 0 40px rgba(6,29,26,.08)}
.brand{min-height:62px;padding:4px 10px 22px;font-size:21px}.brand .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#20a393,#0f766e);box-shadow:0 8px 24px rgba(15,118,110,.4)}.brand small{color:#8fa9a4;font-size:10px;letter-spacing:.02em}
.shell nav{gap:4px}.shell nav>span{margin:17px 13px 7px;color:#6f8b86;font-size:10px;letter-spacing:.15em}.shell .nav{min-height:44px;padding:0 13px;border-radius:10px;color:#a8b9b6;font-size:14px;transition:background .16s,color .16s,transform .16s}.shell .nav:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.shell .nav.active{background:linear-gradient(90deg,rgba(31,157,141,.24),rgba(31,157,141,.09));border-color:rgba(72,207,189,.18);box-shadow:inset 3px 0 #39b9a8;color:#fff}.shell .nav.active i{color:#6ee7d5}
.sidebar-foot{min-height:68px;padding:11px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important}.sidebar-foot>.avatar{width:39px;height:39px;background:linear-gradient(145deg,#22a592,#0f766e)}.sidebar-foot b{color:#fff;font-size:12px}.sidebar-foot small{color:#91a6a2!important}.sidebar-foot button{min-width:40px;min-height:40px;border-radius:9px}.sidebar-foot button:hover{background:rgba(255,255,255,.08);color:#fff}
main{min-width:0;padding:0 32px 48px}main>header{position:sticky;top:0;z-index:15;height:var(--ui-topbar);margin:0 -32px 24px;padding:0 32px;background:rgba(243,246,245,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(213,225,222,.78)}
.page-heading .eyebrow{color:var(--ui-primary);font-size:9px}.page-heading h2{font-size:25px;color:var(--ui-text)}.page-heading p{color:var(--ui-muted);text-transform:capitalize}.header-actions{gap:8px;min-width:0}.icon-btn,.secondary{background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-text)}.icon-btn:hover,.secondary:hover{border-color:#bfd4cf;background:#fbfdfc}.primary{background:linear-gradient(135deg,#168779,#0f6f67);box-shadow:0 7px 18px rgba(15,118,110,.19)}.primary:hover{box-shadow:0 9px 24px rgba(15,118,110,.26)}
.view{max-width:1600px;margin-inline:auto}.view.active{animation:ui-view-in .2s ease both}@keyframes ui-view-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.panel,.metric,.report-filter-panel,.report-table-panel{background:var(--ui-surface);border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:0 5px 22px rgba(23,55,49,.035)!important}.panel-head{padding:20px 22px 16px}.panel h3{font-size:16px;color:var(--ui-text)}.panel p{font-size:12px;color:var(--ui-muted)}
.balance-card{border-radius:18px;box-shadow:var(--ui-shadow)}.balance-card.usd{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.2),transparent 28%),linear-gradient(130deg,#0c6d66,#159184)}.balance-card.cdf{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(130deg,#115e59,#278c79)}
.metric{min-width:0}.metric span,.metric small{font-size:12px}.metric strong{font-size:22px;color:var(--ui-text)}
.table-wrap,.report-table-wrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}table{font-size:13px}th{height:42px;padding:11px 18px;background:var(--ui-surface-2);color:#5f716d;font-size:10px;letter-spacing:.08em}td{height:54px;padding:11px 18px;border-color:#edf2f0}tbody tr{transition:background .14s}tbody tr:hover{background:#f8fbfa}.professional-table{min-width:760px}.empty-state,.report-empty{color:var(--ui-muted)}
.form-grid label{font-size:12px;color:#4b625d}.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select,.list-search input,.table-search input{min-height:44px;background:var(--ui-surface);border-color:#d8e4e1;border-radius:10px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 4px rgba(15,118,110,.1)}
.badge,.currency-chip{background:var(--ui-primary-soft);border-color:#cce9e3;color:var(--ui-primary-strong)}.status-chip.pending{background:#fff5df;color:#8a5200}.status-chip.cashed{background:#e9f8f2;color:#067647}
.sidebar-backdrop{display:none}.global-search{position:relative;min-width:210px;max-width:300px;flex:1}.global-search>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ui-muted);pointer-events:none}.global-search input{width:100%;height:42px;padding:0 48px 0 39px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface);color:var(--ui-text);outline:none}.global-search input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 4px rgba(15,118,110,.1)}.global-search kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);padding:2px 6px;border:1px solid var(--ui-border);border-bottom-width:2px;border-radius:6px;background:var(--ui-surface-2);color:var(--ui-muted);font-size:10px}.global-search-results{position:absolute;top:48px;left:0;right:0;padding:6px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;box-shadow:var(--ui-shadow);z-index:50}.global-search-results button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ui-text);text-align:left}.global-search-results button:hover,.global-search-results button:focus{background:var(--ui-primary-soft)}
.login-screen{background:var(--ui-bg);place-items:stretch;grid-template-columns:minmax(360px,43%) 1fr;overflow:auto}.locked .login-screen{display:grid}.login-brand-panel{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:48px 56px;color:#effbf8;background:radial-gradient(circle at 18% 82%,rgba(56,210,188,.18),transparent 34%),linear-gradient(145deg,#102b27,#0a1716);overflow:hidden}.login-brand-panel::after{content:"";position:absolute;width:440px;height:440px;right:-250px;top:15%;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-brand .brand-mark{width:46px;height:46px;background:linear-gradient(145deg,#31b7a5,#0f766e)}.login-brand b{display:block;font-size:22px}.login-brand small{display:block;color:#99b8b2;font-size:11px}.login-message{position:relative;z-index:1;margin:auto 0;max-width:520px}.login-kicker{display:block;color:#50c9b7;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:14px}.login-message h2{max-width:500px;margin:0 0 18px;font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.04;letter-spacing:-.055em}.login-message p{max-width:480px;margin:0;color:#aac2be;font-size:15px;line-height:1.7}.login-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.login-trust span{padding:8px 11px;border:1px solid rgba(120,220,204,.16);border-radius:999px;background:rgba(255,255,255,.045);font-size:11px}.login-version{position:relative;z-index:1;color:#79948f}.login-form-panel{display:grid;place-items:center;min-height:100vh;padding:40px}.login-card{width:min(440px,100%);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.login-card .login-kicker{margin-bottom:9px}.login-card h1{font-size:32px;letter-spacing:-.04em;color:var(--ui-text)}.login-card p{margin:9px 0 29px;font-size:14px}.login-card label{margin:18px 0 0;color:#415752;font-size:12px}.login-card input{height:50px;margin-top:8px;padding:0 15px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:11px;color:var(--ui-text);outline:none}.login-card input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 4px rgba(15,118,110,.1)}.login-card button{min-height:50px;margin-top:24px;border-radius:11px;background:linear-gradient(135deg,#168779,#0f6f67);box-shadow:0 8px 22px rgba(15,118,110,.2)}.login-card>small{font-size:11px}.login-mobile-brand{display:none}
html[data-theme="dark"]{--ui-bg:#0d1817;--ui-surface:#142321;--ui-surface-2:#192b28;--ui-text:#edf7f5;--ui-muted:#9bb0ac;--ui-border:#29413d;--bg:var(--ui-bg);--ink:var(--ui-text);--line:var(--ui-border)}
html[data-theme="dark"] body,html[data-theme="dark"] main>header{background:var(--ui-bg)}html[data-theme="dark"] main>header{background:rgba(13,24,23,.9)}html[data-theme="dark"] .panel,html[data-theme="dark"] .metric,html[data-theme="dark"] .secondary,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .login-card input,html[data-theme="dark"] .global-search-results{background:var(--ui-surface);color:var(--ui-text)}html[data-theme="dark"] th,html[data-theme="dark"] tbody tr:hover{background:var(--ui-surface-2)}

/* Dark mode: neutral, layered surfaces with restrained teal accents. */
html[data-theme="dark"]{
 --ui-bg:#0b1317;--ui-surface:#111d23;--ui-surface-2:#17262d;--ui-text:#edf5f7;
 --ui-muted:#9aadb5;--ui-border:#283a42;--ui-primary:#2bb5a3;--ui-primary-strong:#73ddcf;
 --ui-primary-soft:#153a36;--bg:var(--ui-bg);--ink:var(--ui-text);--muted:var(--ui-muted);
 --line:var(--ui-border);--primary:var(--ui-primary);--shadow:0 16px 42px rgba(0,0,0,.24)
}
html[data-theme="dark"] body{background:radial-gradient(circle at 84% -10%,rgba(43,181,163,.07),transparent 30%),var(--ui-bg)!important;color:var(--ui-text)}
html[data-theme="dark"] .shell>aside{background:linear-gradient(180deg,#0f1c20,#0b1518);border-color:#203137;box-shadow:12px 0 40px rgba(0,0,0,.16)}
html[data-theme="dark"] main>header{background:rgba(11,19,23,.88)!important;border-color:#24353c}
html[data-theme="dark"] .panel,html[data-theme="dark"] .metric,html[data-theme="dark"] .quick>button,
html[data-theme="dark"] .secondary,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .theme-menu,
html[data-theme="dark"] .confirm-modal,html[data-theme="dark"] .app-modal .panel,
html[data-theme="dark"] .report-filter-panel,html[data-theme="dark"] .report-table-panel,
html[data-theme="dark"] .report-summary-card,html[data-theme="dark"] .report-breakdown,
html[data-theme="dark"] .profile-card,html[data-theme="dark"] .profile-actions{
 background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;
 box-shadow:0 10px 32px rgba(0,0,0,.13)!important
}
html[data-theme="dark"] .modal-head,html[data-theme="dark"] th,html[data-theme="dark"] thead,
html[data-theme="dark"] .report-table th{background:var(--ui-surface-2)!important;color:#b3c2c8!important;border-color:var(--ui-border)!important}
html[data-theme="dark"] td,html[data-theme="dark"] .quick>button,html[data-theme="dark"] .agent-table td,
html[data-theme="dark"] .professional-table td{border-color:#22343b!important;color:var(--ui-text)}
html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .agent-table-wrap,
html[data-theme="dark"] .report-table-wrap{background:var(--ui-surface)!important}
html[data-theme="dark"] .filters,html[data-theme="dark"] .supply-toolbar,
html[data-theme="dark"] .collections-toolbar,html[data-theme="dark"] .history-toolbar,
html[data-theme="dark"] .agent-table-toolbar{background:#0f1a20!important;border-color:var(--ui-border)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .report-filter-control,html[data-theme="dark"] .agent-combobox>input,
html[data-theme="dark"] .collections-toolbar>label:not(.compact-limit-control),
html[data-theme="dark"] .movement-limit{background:#152229!important;border-color:#30444d!important;color:var(--ui-text)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#788d96!important}
html[data-theme="dark"] .currency-switch{background:#121f25!important;border-color:#2a3d45!important}
html[data-theme="dark"] .currency-switch span{color:#8fa3ab}html[data-theme="dark"] .currency-switch button{color:#9fb0b7}
html[data-theme="dark"] .currency-switch button.active{background:#236f68!important;color:#f4fffd!important;box-shadow:none!important}
html[data-theme="dark"] .active-cash{border-color:#31434a}html[data-theme="dark"] .active-cash strong{color:#f0f7f8!important}
html[data-theme="dark"] .pending-supply{background:#2b2417!important;border-color:#675125!important;color:#f2cf82}
html[data-theme="dark"] .global-search input{background:#121f25;border-color:#2b3e47;color:var(--ui-text)}
html[data-theme="dark"] .global-search kbd{background:#18302e;border-color:#28514c;color:#9bd7ce}
html[data-theme="dark"] .collections-table tbody tr.collection-cashed-row,
html[data-theme="dark"] .professional-table tbody tr.collection-transfer-row{background:#122923!important}
html[data-theme="dark"] .collections-table tbody tr.collection-cashed-row:hover,
html[data-theme="dark"] .professional-table tbody tr.collection-transfer-row:hover{background:#17362f!important}
html[data-theme="dark"] .collections-table tbody tr.collection-pending-row,
html[data-theme="dark"] .professional-table tbody tr.supply-transfer-row{background:#292417!important}
html[data-theme="dark"] .collections-table tbody tr.collection-pending-row:hover,
html[data-theme="dark"] .professional-table tbody tr.supply-transfer-row:hover{background:#352e1c!important}
html[data-theme="dark"] .collection-summary{background:#292315;border-color:#6d5526}html[data-theme="dark"] .collection-summary span{color:#f3b84b}html[data-theme="dark"] .collection-summary small{color:#d7ae61}
html[data-theme="dark"] .status-chip.cashed,html[data-theme="dark"] .collection-complete{background:#163a31;color:#62d6b6}
html[data-theme="dark"] .status-chip.pending{background:#3a2e16;color:#f2bd58}
html[data-theme="dark"] .currency-chip,html[data-theme="dark"] .badge{background:#173b38;border-color:#28544f;color:#70d7c9}
html[data-theme="dark"] .table-action,html[data-theme="dark"] .modal-close{background:#19272e!important;border-color:#30444d!important;color:#b4c4ca!important}
html[data-theme="dark"] .table-action:hover{background:#20343c!important;border-color:#43606b!important;color:#fff!important}
html[data-theme="dark"] .table-action.delete{background:#351d22!important;border-color:#65313b!important;color:#ff8794!important}
html[data-theme="dark"] .table-pagination{background:#101b21;color:#92a5ad}
html[data-theme="dark"] .table-pagination button{background:#19272e;border-color:#30434c;color:#c3d0d5}
html[data-theme="dark"] .table-pagination button:hover:not(:disabled){background:#203a38;border-color:#39766e;color:#9ce7dc}
html[data-theme="dark"] .table-pagination button:disabled{background:#131f25;color:#63757d;opacity:.72}
html[data-theme="dark"] .money-in{color:#54d7a9}html[data-theme="dark"] .money-out{color:#ff808c}
html[data-theme="dark"] .movement-date small,html[data-theme="dark"] .agent-cell small,
html[data-theme="dark"] .cashed-by,html[data-theme="dark"] .panel p{color:var(--ui-muted)!important}
html[data-theme="dark"] .theme-menu button:hover,html[data-theme="dark"] .theme-menu button:focus-visible,
html[data-theme="dark"] .theme-menu button.active{background:#19302f!important;color:#9ee5db!important}
html[data-theme="dark"] *{scrollbar-color:#3b5159 transparent}html[data-theme="dark"] *::-webkit-scrollbar-thumb{background:#3b5159;background-clip:padding-box}
.reports-only .active-cash,.reports-only .pending-supply,.reports-only .supply-header-button,.reports-only #new-operation{display:none!important}.reports-only .shell nav>span{display:none}.reports-only .shell nav{padding-top:18px}.reports-only .nav[data-view="reports"]{order:-1}
@media(max-width:1180px){main{padding-inline:20px}main>header{margin-inline:-20px;padding-inline:20px}.header-actions{max-width:72%;overflow-x:auto;scrollbar-width:none}.global-search{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.shell>aside{transform:translateX(-100%);transition:transform .22s ease;z-index:80}.menu-open .shell>aside{transform:none}.sidebar-backdrop{position:fixed;inset:0;z-index:70;border:0;background:rgba(4,15,13,.56);backdrop-filter:blur(2px)}.menu-open .sidebar-backdrop{display:block}main{grid-column:1;padding:0 20px 36px}main>header{height:72px;margin:0 -20px 20px;padding:0 20px}.header-actions{max-width:none}.active-cash,.pending-supply,.pwa-install-button{display:none!important}.page-heading{min-width:0}.page-heading h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-screen{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100dvh;padding:28px}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:50px}.login-mobile-brand b{font-size:21px}.login-mobile-brand .brand-mark{margin:0}.content-grid,.agents-grid{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:0 16px 28px}main>header{margin-inline:-16px;padding-inline:16px}.header-actions{gap:6px}.currency-switch{min-width:auto}.currency-switch>span{display:none}.currency-switch button{padding-inline:9px}.header-actions .supply-header-button{display:none!important}.balance-grid{grid-template-columns:1fr}.metric-grid,.report-summary-grid{grid-template-columns:1fr}.panel-head{padding:17px 16px 13px}.form-grid{padding-inline:16px}.login-form-panel{padding:22px 18px}.login-mobile-brand{margin-bottom:38px}.login-card h1{font-size:28px}.toast{left:12px;right:12px;bottom:12px;min-width:0}.form-actions{flex-wrap:wrap}.form-actions button{flex:1;min-width:130px}}
@media(max-width:360px){main{padding-inline:12px}main>header{margin-inline:-12px;padding-inline:12px}.page-heading .eyebrow,.page-heading p{display:none}.page-heading h2{font-size:18px}.header-actions #refresh{display:none}.metric-grid{grid-template-columns:1fr}.login-form-panel{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}