:root{--bg:#07111f;--bg2:#0b1729;--panel:#101e33;--panel2:#14263f;--line:rgba(148,163,184,.16);--text:#edf6ff;--muted:#93a4ba;--blue:#3b82f6;--cyan:#22d3ee;--green:#34d399;--violet:#8b5cf6;--amber:#f59e0b;--rose:#fb7185;--indigo:#6366f1;--danger:#f87171;--success:#34d399}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% -10%,#153a63 0,transparent 32%),radial-gradient(circle at 95% 0,#2e1e5d 0,transparent 27%),linear-gradient(145deg,#07111f,#0a1628 56%,#07111f);min-height:100vh}.app-body{min-height:100vh}.navbar{height:76px;padding:0 max(24px,4vw);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(6,15,28,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;min-width:220px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#2f80ed,#7c3aed);box-shadow:0 10px 28px rgba(59,130,246,.28)}.brand b{display:block;font-size:15px}.brand small{display:block;color:#7f91a8;font-size:11px;margin-top:2px}.nav-links{display:flex;align-items:center;gap:5px;flex:1;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a,.logout-link{color:#aebed1;text-decoration:none;font-size:13px;font-weight:650;padding:9px 11px;border-radius:9px;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#fff;background:#15253c}.logout-link{border:1px solid var(--line)}.dashboard-shell,.form-shell{width:min(1440px,92%);margin:0 auto;padding:34px 0 52px}.form-shell{width:min(980px,92%)}.hero-dashboard{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:34px;border:1px solid rgba(96,165,250,.17);border-radius:26px;background:linear-gradient(135deg,rgba(30,64,175,.23),rgba(30,41,59,.68) 52%,rgba(88,28,135,.19));box-shadow:0 25px 70px rgba(0,0,0,.2);margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#66c7ff;font-weight:800}.hero-dashboard h1,.page-head h1{font-size:34px;line-height:1.05;margin:7px 0 9px}.hero-dashboard p,.page-head p{color:var(--muted);max-width:680px;margin:0;line-height:1.55}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:750;border:1px solid transparent;cursor:pointer;font:inherit}.primary-action{color:white;background:linear-gradient(135deg,#2563eb,#6d5dfc);box-shadow:0 10px 28px rgba(37,99,235,.25)}.secondary-action{color:#d9e7f7;background:#122239;border-color:rgba(148,163,184,.22)}.full-btn{width:100%;margin-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:120px;border-radius:20px;padding:19px 20px;text-decoration:none;color:white;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px rgba(0,0,0,.16);transition:.18s}.metric-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.17)}.metric-card span{font-size:12px;color:rgba(255,255,255,.72);font-weight:650}.metric-card strong{font-size:25px;letter-spacing:-.02em}.tone-blue{background:linear-gradient(145deg,#173f78,#102643)}.tone-violet{background:linear-gradient(145deg,#4d2c78,#25193f)}.tone-cyan{background:linear-gradient(145deg,#07566b,#123142)}.tone-green{background:linear-gradient(145deg,#0b5a4a,#11372f)}.tone-amber{background:linear-gradient(145deg,#785015,#3d2c13)}.tone-rose{background:linear-gradient(145deg,#713345,#3a1d2d)}.tone-indigo{background:linear-gradient(145deg,#373d91,#20254e)}.tone-dark{background:linear-gradient(145deg,#202d41,#0b1421);border-color:rgba(96,165,250,.25)}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.action-tile{display:flex;gap:12px;align-items:center;min-height:92px;padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(15,30,51,.78);text-decoration:none;color:#fff}.action-tile:hover{background:#142842;border-color:rgba(96,165,250,.32)}.tile-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#1d3352;color:#7dd3fc;font-weight:900;flex:0 0 auto}.action-tile div{min-width:0;flex:1}.action-tile b{display:block;font-size:13px}.action-tile small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.35}.action-tile i{font-style:normal;color:#6ea8ff;font-size:18px}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.dark-panel,.form-card,.upload-premium-card{background:linear-gradient(180deg,rgba(16,30,51,.94),rgba(11,24,42,.94));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.14);margin-bottom:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.section-title h2{font-size:18px;margin:4px 0 0}.section-title a{font-size:12px;color:#7cc4ff;text-decoration:none}.transaction-item,.month-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:13px 4px;border-bottom:1px solid rgba(148,163,184,.1)}.transaction-item:last-child,.month-card:last-child{border-bottom:0}.avatar{width:36px;height:36px;border-radius:11px;background:#1b3557;color:#7dd3fc;display:grid;place-items:center;font-weight:800}.tx-main{flex:1;min-width:0}.tx-main b,.month-card b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main small,.month-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.transaction-item strong,.month-card strong{font-size:13px}.month-card{justify-content:space-between}.empty-dark{padding:28px 4px;color:var(--muted);font-size:13px;text-align:center}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px;padding:12px 2px}.premium-form label{display:block;color:#aebed1;font-size:12px;font-weight:700;margin-bottom:15px}.premium-form input,.premium-form select,.premium-form textarea,input,select{width:100%;margin-top:7px;padding:13px 14px;background:#0a1728;border:1px solid rgba(148,163,184,.21);border-radius:12px;color:#edf6ff;outline:none;font:inherit}.premium-form input:focus,.premium-form select:focus{border-color:#4f8df7;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split-note{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 14px}.split-note span{padding:10px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:11px;color:#b8c8da;background:#0c1a2e}.drop-zone{min-height:230px;border:1.5px dashed rgba(96,165,250,.4)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(15,23,42,.08))!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px!important;cursor:pointer}.drop-zone input{display:none}.drop-zone b{font-size:18px;color:#edf6ff;margin:8px 0}.drop-zone small{color:#8093ac}.upload-symbol{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);font-size:28px;color:#fff}.format-guide{margin-top:18px;padding:16px;border-radius:14px;background:#0a1728;border:1px solid var(--line)}.format-guide>b{font-size:12px}.format-guide div{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.format-guide span{padding:6px 9px;border-radius:8px;background:#142842;color:#8dc7ff;font-size:10px}.format-guide p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;border:1px solid transparent}.alert.success{background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.24);color:#81e6c2}.alert.error{background:rgba(239,68,68,.12);border-color:rgba(248,113,113,.24);color:#fda4af}.mini-balance{padding:13px 16px;border-radius:14px;background:#101f35;border:1px solid var(--line);text-align:right}.mini-balance small{display:block;color:var(--muted);font-size:10px}.mini-balance b{font-size:20px}.table-wrap{overflow:auto}.dark-table,table{width:100%;border-collapse:collapse;min-width:720px}.dark-table th,table th{color:#7f91a8;font-size:10px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:11px;border-bottom:1px solid var(--line)}.dark-table td,table td{padding:12px 11px;border-bottom:1px solid rgba(148,163,184,.09);font-size:12px}.text-danger,.link-danger{border:0;background:none;color:#fb7185;cursor:pointer}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4%;background:#07111f;border-bottom:1px solid var(--line);color:white}.top h1{margin:0;font-size:20px}.top span{color:var(--muted);font-size:11px}.top-actions{display:flex;gap:7px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:9px 12px;border:1px solid var(--line);background:#122239;color:#d9e7f7;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#2563eb,#6d5dfc);color:#fff;border-color:transparent}.btn.ghost{background:#0e1d31;color:#c3d2e3}.btn.small{font-size:11px;padding:7px 10px}.wrap{width:min(1440px,92%);margin:0 auto;padding:28px 0}.panel{background:#101e33;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.muted{color:var(--muted);font-size:12px;line-height:1.5}.hero-metric{background:linear-gradient(135deg,#173b68,#202455);border:1px solid rgba(96,165,250,.2);padding:24px;border-radius:20px;margin-bottom:16px}.hero-metric strong{display:block;font-size:30px;margin:6px 0}.calc-strip,.date-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.calc-strip>div,.date-summary>div{background:#101e33;border:1px solid var(--line);padding:14px;border-radius:14px}.calc-strip span,.date-summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.browser-form,.payment-form,.client-form,.manual-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login-bg{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 0,#173a62,transparent 30%),linear-gradient(145deg,#06111f,#0b1729)}.auth-card{width:min(470px,100%);background:#0f1e33;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.auth-card h1{margin:0 0 5px}.auth-card p{color:var(--muted)}.auth-card hr{border:0;border-top:1px solid var(--line);margin:18px 0}.auth-card small{display:block;color:var(--muted);margin-top:15px;line-height:1.5}.fixed-allocation{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.fixed-allocation>div{background:#0a1728;border:1px solid var(--line);padding:14px;border-radius:12px;text-align:center}.fixed-allocation small{margin:0}.fixed-allocation b{display:block;margin-top:4px}.section-head,.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.recent-list{margin-top:12px}.recent-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.recent-list span{color:var(--muted)}.month-list{display:grid;gap:8px}.month-row{display:flex;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none;background:#0c1a2e}.month-row span{color:var(--muted);font-size:10px}.empty{color:var(--muted);text-align:center;padding:25px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:1180px){.nav-links{max-width:calc(100vw - 360px)}.metric-grid{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.navbar{height:auto;padding:13px 4%;flex-wrap:wrap;gap:10px}.brand{min-width:unset}.nav-links{order:3;max-width:100%;width:100%}.logout-link{margin-left:auto}.dashboard-shell,.form-shell,.wrap{width:94%;padding-top:20px}.hero-dashboard,.page-head{align-items:flex-start;flex-direction:column;padding:22px}.hero-dashboard h1,.page-head h1{font-size:28px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:102px;padding:15px}.metric-card strong{font-size:19px}.action-grid{grid-template-columns:1fr}.field-grid,.browser-form,.payment-form,.client-form,.manual-form{grid-template-columns:1fr}.calc-strip,.date-summary{grid-template-columns:1fr 1fr}.content-grid{display:block}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.hero-actions{width:100%}.hero-actions .action-btn{flex:1}.brand small{display:none}}

/* V8 Light Green Professional Theme */
:root{--bg:#eefbf4;--bg2:#e4f7ec;--panel:#ffffff;--panel2:#f5fcf8;--line:#cfe7d8;--text:#123326;--muted:#668176;--blue:#16875f;--cyan:#20a876;--green:#159567;--violet:#438f70;--amber:#b47b20;--rose:#b95768;--indigo:#2e8063;--danger:#d94f5c;--success:#16875f}
html{color-scheme:light}
body{color:var(--text);background:radial-gradient(circle at 12% 0,#d6f6e3 0,transparent 32%),radial-gradient(circle at 95% 4%,#e2f7ea 0,transparent 30%),linear-gradient(145deg,#f7fffa,#eaf8f0 58%,#f4fcf7)}
.navbar{background:rgba(20,103,75,.97);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 8px 28px rgba(20,103,75,.12)}
.brand{color:#fff}.brand small{color:#c9eadb}.brand-mark{background:linear-gradient(135deg,#5ad29d,#20a876);box-shadow:0 10px 28px rgba(20,135,95,.22)}
.nav-links a,.logout-link{color:#d9f2e6}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.13)}.logout-link{border-color:rgba(255,255,255,.25)}
.hero-dashboard{border-color:#bfe3cf;background:linear-gradient(135deg,#e3f8ec,#f9fffb 55%,#d8f3e4);box-shadow:0 20px 55px rgba(34,100,72,.10)}
.eyebrow{color:#16875f}.hero-dashboard h1,.page-head h1{color:#123326}.hero-dashboard p,.page-head p{color:var(--muted)}
.primary-action,.btn.primary{background:linear-gradient(135deg,#16875f,#27aa78);box-shadow:0 10px 25px rgba(22,135,95,.18)}
.secondary-action,.btn,.btn.ghost{color:#195b43;background:#f4fcf7;border-color:#bcdcca}
.metric-card{color:#123326;border-color:#c8e4d4;box-shadow:0 12px 30px rgba(31,92,67,.08)}.metric-card span{color:#527267}.metric-card:hover{border-color:#8cc8a7;box-shadow:0 16px 36px rgba(31,92,67,.12)}
.tone-blue{background:linear-gradient(145deg,#e5f7ee,#d9f1e5)}.tone-violet{background:linear-gradient(145deg,#edf9f2,#dff2e8)}.tone-cyan{background:linear-gradient(145deg,#dcf7ed,#cef0e2)}.tone-green{background:linear-gradient(145deg,#d9f5e6,#c8ecd9)}.tone-amber{background:linear-gradient(145deg,#fff8df,#f5edc9)}.tone-rose{background:linear-gradient(145deg,#fff0f1,#f7dfe3)}.tone-indigo{background:linear-gradient(145deg,#e8f5ee,#d5eadf)}.tone-dark{background:linear-gradient(145deg,#d6f1e2,#c3e5d3);border-color:#a8d3ba}
.action-tile{background:#fff;color:#17392b;border-color:#d2e8db;box-shadow:0 8px 22px rgba(31,92,67,.06)}.action-tile:hover{background:#effaf4;border-color:#9dcdb2}.tile-icon{background:#daf2e5;color:#167c58}.action-tile small{color:var(--muted)}.action-tile i{color:#16875f}
.dark-panel,.form-card,.upload-premium-card,.panel{background:#fff;border-color:#d4e8dc;box-shadow:0 16px 40px rgba(31,92,67,.07)}
.section-title a{color:#16875f}.transaction-item,.month-card{color:var(--text);border-bottom-color:#e2efe7}.avatar{background:#dff4e8;color:#147c57}.tx-main small,.month-card small{color:var(--muted)}
.premium-form label{color:#355f4e}.premium-form input,.premium-form select,.premium-form textarea,input,select{background:#fbfffc;border-color:#c9dfd2;color:#15372a}.premium-form input:focus,.premium-form select:focus{border-color:#2ba878;box-shadow:0 0 0 3px rgba(43,168,120,.12)}
.split-note span,.format-guide,.fixed-allocation>div{background:#f3fbf6;border-color:#d5e9dd;color:#426b5a}.drop-zone{border-color:#7fc6a1!important;background:linear-gradient(180deg,#f1fcf6,#e7f7ee)!important}.drop-zone b{color:#15372a}.upload-symbol{background:linear-gradient(135deg,#1d9368,#54c895)}.format-guide span{background:#e0f4e8;color:#167b58}
.alert.success{background:#e6f8ee;border-color:#bce6ce;color:#126c4b}.alert.error{background:#fff0f0;border-color:#f2caca;color:#b83d48}.mini-balance{background:#edf9f2;border-color:#cfe5d8}.dark-table th,table th{color:#648075}.dark-table td,table td{border-bottom-color:#e3eee7}.top{background:#176f51;border-bottom-color:#2b8567}.top span{color:#cce9dc}
.hero-metric{background:linear-gradient(135deg,#dff5e8,#effbf4);border-color:#b8ddc7}.calc-strip>div,.date-summary>div{background:#fff;border-color:#d4e8dc}.login-bg{background:radial-gradient(circle at 20% 0,#d8f5e4,transparent 32%),linear-gradient(145deg,#f7fffa,#e7f7ee)}.auth-card{background:#fff;border-color:#cfe5d8;box-shadow:0 28px 70px rgba(31,92,67,.14)}.month-row{color:var(--text);background:#f8fdfa;border-color:#d4e8dc}

/* V8 Clean White Professional Theme */
:root{--bg:#f6f8fb;--bg2:#eef2f6;--panel:#ffffff;--panel2:#fafbfc;--line:#e2e8f0;--text:#172033;--muted:#6b778c;--blue:#2563eb;--cyan:#0891b2;--green:#16875f;--violet:#6d5dfc;--amber:#b7791f;--rose:#c2415d;--indigo:#4f46e5;--danger:#dc3545;--success:#16875f}
html{color-scheme:light}body{color:var(--text);background:#f6f8fb}.navbar{background:#fff;border-bottom:1px solid #e5eaf0;box-shadow:0 2px 12px rgba(15,23,42,.05)}.brand{color:#172033}.brand small{color:#8792a5}.brand-mark{background:#172033;box-shadow:none}.nav-links a,.logout-link{color:#5f6b7c}.nav-links a:hover,.nav-links a.active{color:#172033;background:#f0f3f7}.logout-link{border-color:#dbe2ea}.hero-dashboard{background:#fff;border-color:#e1e7ee;box-shadow:0 8px 30px rgba(15,23,42,.06)}.eyebrow{color:#64748b}.hero-dashboard h1,.page-head h1{color:#172033}.hero-dashboard p,.page-head p{color:#6b778c}.primary-action,.btn.primary{background:#172033;box-shadow:none}.secondary-action,.btn,.btn.ghost{color:#273449;background:#fff;border-color:#d9e0e8}.metric-card{color:#172033;background:#fff!important;border-color:#e1e7ee;box-shadow:0 5px 18px rgba(15,23,42,.045)}.metric-card span{color:#6b778c}.metric-card:hover{border-color:#cbd5e1;box-shadow:0 9px 25px rgba(15,23,42,.07)}.tone-blue,.tone-violet,.tone-cyan,.tone-green,.tone-amber,.tone-rose,.tone-indigo,.tone-dark{background:#fff!important}.action-tile{background:#fff;color:#172033;border-color:#e1e7ee;box-shadow:0 4px 16px rgba(15,23,42,.04)}.action-tile:hover{background:#fafbfc;border-color:#cbd5e1}.tile-icon{background:#f0f3f7;color:#334155}.action-tile small{color:#7a8699}.action-tile i{color:#475569}.dark-panel,.form-card,.upload-premium-card,.panel{background:#fff;border-color:#e1e7ee;box-shadow:0 7px 24px rgba(15,23,42,.045)}.section-title a{color:#334155}.transaction-item,.month-card{color:#172033;border-bottom-color:#edf0f4}.avatar{background:#eef2f6;color:#334155}.premium-form label{color:#465266}.premium-form input,.premium-form select,.premium-form textarea,input,select{background:#fff;border-color:#d8e0e8;color:#172033}.premium-form input:focus,.premium-form select:focus{border-color:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.1)}.split-note span,.format-guide,.fixed-allocation>div{background:#fafbfc;border-color:#e1e7ee;color:#566275}.drop-zone{border-color:#cbd5e1!important;background:#fafbfc!important}.drop-zone b{color:#172033}.upload-symbol{background:#172033}.format-guide span{background:#eef2f6;color:#475569}.mini-balance{background:#fafbfc;border-color:#e1e7ee}.top{background:#fff;border-bottom-color:#e1e7ee;color:#172033}.top span{color:#7a8699}.hero-metric{background:#fff;border-color:#e1e7ee}.calc-strip>div,.date-summary>div{background:#fff;border-color:#e1e7ee}.login-bg{background:#f6f8fb}.auth-card{background:#fff;border-color:#e1e7ee;box-shadow:0 20px 60px rgba(15,23,42,.10)}.month-row{color:#172033;background:#fff;border-color:#e1e7ee}.empty-dark{color:#7a8699}


/* Currency display toggle */
.currency-switch{display:inline-flex;align-items:center;padding:4px;background:#f1f5f9;border:1px solid #dbe3ec;border-radius:12px;gap:3px}
.currency-btn{appearance:none;border:0;background:transparent;color:#64748b;font:inherit;font-size:12px;font-weight:800;padding:9px 14px;border-radius:9px;cursor:pointer;transition:.18s ease}
.currency-btn:hover{color:#172033;background:#e9eef4}
.currency-btn.active{background:#172033;color:#fff;box-shadow:0 3px 10px rgba(15,23,42,.12)}
.currency-value{white-space:nowrap}
@media(max-width:760px){.hero-actions{flex-wrap:wrap}.currency-switch{order:-1;width:100%;justify-content:center}.currency-btn{flex:1}}


/* V9 polished transaction browser + public root overview */
.browser-panel{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:22px 24px!important;box-shadow:0 8px 28px rgba(15,23,42,.055)!important;margin-bottom:18px}
.browser-form{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(300px,1.25fr)!important;gap:18px!important;align-items:end!important}
.browser-form label{display:flex!important;flex-direction:column!important;gap:8px!important;font-size:13px!important;font-weight:800!important;color:#334155!important}
.browser-form select{width:100%!important;min-height:46px!important;padding:0 14px!important;border:1px solid #d7dee8!important;border-radius:11px!important;background:#fff!important;color:#172033!important;font-size:15px!important;font-weight:650!important}
.v4-date-summary{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:18px!important;margin:0 0 18px!important;box-shadow:0 8px 28px rgba(15,23,42,.05)!important}
.v4-date-summary>div{background:#f8fafc!important;border:1px solid #e5eaf0!important;border-radius:13px!important;padding:16px!important;min-height:92px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.v4-date-summary small{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.v4-date-summary strong{display:block!important;color:#0f172a!important;font-size:21px!important;line-height:1.2!important;font-weight:850!important;white-space:nowrap!important}
.wrap>.panel:not(.browser-panel){background:#fff!important;border-radius:18px!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 28px rgba(15,23,42,.05)!important}
.wrap>.panel h2{font-size:20px!important;color:#0f172a!important}.wrap>.panel .muted{font-size:13px!important;color:#64748b!important}
.wrap table{font-size:13px!important}.wrap table th{font-size:11px!important;letter-spacing:.04em!important}.wrap table td{padding-top:14px!important;padding-bottom:14px!important}
.public-overview-body{min-height:100vh;background:#f6f8fb!important;color:#172033!important;margin:0}.public-overview{width:min(1120px,92%);margin:0 auto;padding:70px 0}.public-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border:1px solid #e1e7ee;border-radius:22px;padding:34px 38px;box-shadow:0 10px 34px rgba(15,23,42,.06)}.public-hero h1{font-size:36px;line-height:1.1;margin:8px 0 10px;color:#111827}.public-hero p{margin:0;color:#6b7280;font-size:15px}.public-tools{display:flex;align-items:center;gap:12px}.public-login{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#172033;color:#fff;border-radius:11px;padding:12px 18px;font-size:13px;font-weight:800}.public-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.public-metric{background:#fff;border:1px solid #e1e7ee;border-radius:18px;padding:25px 26px;box-shadow:0 7px 24px rgba(15,23,42,.045);min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.public-metric span{color:#64748b;font-size:13px;font-weight:800}.public-metric strong{font-size:29px;line-height:1.15;color:#0f172a;font-weight:850;margin-top:20px}.public-overview .currency-switch{background:#f1f5f9}.public-overview .currency-btn{font-size:12px}
@media(max-width:1050px){.v4-date-summary{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.browser-form{grid-template-columns:1fr!important}.v4-date-summary{grid-template-columns:repeat(2,1fr)!important}.v4-date-summary strong{font-size:18px!important}.public-overview{padding:28px 0}.public-hero{align-items:flex-start;flex-direction:column;padding:26px}.public-hero h1{font-size:30px}.public-tools{width:100%;justify-content:space-between}.public-metrics{grid-template-columns:1fr}.public-metric{min-height:105px}.public-metric strong{font-size:26px}}

/* V10 larger typography + soft light-green dashboard */
.app-body{background:linear-gradient(180deg,#eefaf2 0,#f6fbf7 48%,#eef7f1 100%)!important}
.dashboard-shell{font-size:16px!important}
.navbar{background:#fff!important;border-bottom:1px solid #d8eadf!important;box-shadow:0 3px 14px rgba(25,90,55,.07)!important}
.brand b{font-size:16px!important}.brand small{font-size:11px!important}.nav-links a,.logout-link{font-size:14px!important;font-weight:750!important;padding:11px 13px!important}
.hero-dashboard{background:#fff!important;border-color:#d5e8dc!important;padding:34px 36px!important}.hero-dashboard h1{font-size:34px!important}.hero-dashboard p{font-size:16px!important;line-height:1.6!important}.eyebrow{font-size:12px!important}
.metric-grid{gap:16px!important}.metric-card{min-height:126px!important;padding:22px!important;border-color:#d6e7dd!important;box-shadow:0 7px 22px rgba(24,88,53,.055)!important}.metric-card>span{font-size:14px!important;font-weight:800!important;color:#456054!important}.metric-card strong,.metric-card strong .currency-value{font-size:27px!important;line-height:1.15!important;font-weight:850!important;color:#10231a!important}
.action-grid{gap:14px!important}.action-tile{min-height:82px!important;padding:16px!important;border-color:#d6e7dd!important}.action-tile b{font-size:15px!important}.action-tile small{font-size:12px!important;line-height:1.45!important}.tile-icon{width:38px!important;height:38px!important;font-size:16px!important;background:#e6f5ec!important;color:#197347!important}
.currency-btn{font-size:13px!important;padding:10px 15px!important}.currency-btn.active{background:#176b45!important}.primary-action{background:#176b45!important}.primary-action:hover{background:#12583a!important}
.dark-panel,.panel,.form-card,.upload-premium-card{border-color:#d6e7dd!important}.section-title h2,.panel h2{font-size:22px!important}.section-title a,.panel a{font-size:13px}.transaction-item,.month-card{font-size:14px!important}.transaction-item b,.month-card b{font-size:15px!important}.transaction-item strong,.month-card strong{font-size:16px!important}
.content-grid{gap:18px!important}

/* Sohel settlement */
.sohel-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.sohel-kpis>div{background:#fff;border:1px solid #d6e7dd;border-radius:18px;padding:22px 24px;box-shadow:0 7px 24px rgba(24,88,53,.055)}.sohel-kpis span{display:block;font-size:14px;font-weight:800;color:#4c6659;margin-bottom:12px}.sohel-kpis strong{display:block;font-size:28px;color:#10231a;line-height:1.15}.sohel-kpis small{display:block;margin-top:8px;font-size:14px;color:#64786d}.sohel-kpis .due{background:#effaf3;border-color:#b9dec8}.sohel-kpis .due strong{color:#11663f}

/* Transaction browser stronger visual hierarchy */
.browser-panel{padding:26px!important;border-color:#d6e7dd!important}.browser-form label{font-size:15px!important}.browser-form select{min-height:50px!important;font-size:16px!important;border-color:#cfe2d6!important}.v4-date-summary{border-color:#d6e7dd!important;background:#fff!important;padding:20px!important}.v4-date-summary>div{background:#f4fbf6!important;border-color:#d9eadf!important;min-height:105px!important}.v4-date-summary small{font-size:13px!important}.v4-date-summary strong{font-size:23px!important}
@media(max-width:900px){.sohel-kpis{grid-template-columns:1fr}.metric-card strong,.metric-card strong .currency-value{font-size:23px!important}.hero-dashboard h1{font-size:29px!important}}

/* V11 final polish: details, browser, and public Sohel due */
body:not(.app-body):not(.public-overview-body):not(.login-bg){background:#eef8f1!important;color:#13231a!important}
.wrap{width:min(1380px,92%)!important;padding:30px 0 54px!important}
.top{background:#10251b!important;border-bottom:0!important;padding:18px 4%!important;box-shadow:0 4px 16px rgba(16,65,39,.12)!important}
.top h1{font-size:22px!important;line-height:1.2!important}.top span{font-size:13px!important;color:#c5d7cc!important;margin-top:4px!important;display:block!important}.top .btn.ghost{background:#fff!important;color:#173624!important;border-color:#dce8e0!important;font-size:14px!important;padding:10px 15px!important}

/* Details page */
.hero-metric{background:#fff!important;border:1px solid #d6e7dc!important;border-radius:22px!important;padding:28px 30px!important;margin-bottom:18px!important;box-shadow:0 10px 30px rgba(20,80,46,.06)!important}
.hero-metric small{display:block!important;color:#557063!important;font-size:14px!important;font-weight:800!important;margin-bottom:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.hero-metric strong{display:block!important;color:#10271b!important;font-size:38px!important;line-height:1.1!important;font-weight:900!important;margin:0 0 10px!important}
.hero-metric p{margin:0!important;color:#6a7e72!important;font-size:15px!important;line-height:1.55!important}
.v4-calc{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 24px!important}
.v4-calc>div{background:#fff!important;border:1px solid #d9e8de!important;border-radius:17px!important;padding:20px 21px!important;min-height:105px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:0 7px 22px rgba(20,80,46,.045)!important}
.v4-calc span{display:block!important;color:#60766a!important;font-size:13px!important;font-weight:800!important;margin-bottom:9px!important}
.v4-calc b{display:block!important;color:#10271b!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;white-space:nowrap!important}
.wrap>.panel{background:#fff!important;border:1px solid #d8e7dd!important;border-radius:20px!important;padding:24px!important;box-shadow:0 9px 28px rgba(20,80,46,.05)!important}
.wrap>.panel .section-head{margin-bottom:16px!important}.wrap>.panel h2{font-size:22px!important;margin:0 0 7px!important;color:#10271b!important}.wrap>.panel .muted{font-size:14px!important;color:#6d8175!important;margin:0!important}
.wrap table th{font-size:12px!important;color:#64776c!important;padding:14px 12px!important;background:#f7fbf8!important}.wrap table td{font-size:14px!important;color:#17261d!important;padding:15px 12px!important}.wrap table tr:last-child td{border-bottom:0!important}

/* Transaction browser */
.browser-panel{background:#fff!important;border:1px solid #d7e7dc!important;border-radius:20px!important;padding:24px!important;box-shadow:0 9px 28px rgba(20,80,46,.055)!important;margin-bottom:16px!important}
.browser-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:end!important}
.browser-form label{display:flex!important;flex-direction:column!important;gap:9px!important;color:#294637!important;font-size:15px!important;font-weight:850!important}
.browser-form select{width:100%!important;min-height:52px!important;margin:0!important;padding:0 15px!important;background:#f9fcfa!important;border:1px solid #cfe1d5!important;border-radius:12px!important;color:#10271b!important;font-size:16px!important;font-weight:750!important;outline:none!important}
.browser-form select:focus{border-color:#55966e!important;box-shadow:0 0 0 3px rgba(60,130,82,.12)!important}
.v4-date-summary{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:13px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 20px!important;box-shadow:none!important}
.v4-date-summary>div{background:#fff!important;border:1px solid #d7e7dc!important;border-radius:16px!important;padding:19px!important;min-height:106px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:0 7px 22px rgba(20,80,46,.045)!important}
.v4-date-summary small{display:block!important;color:#61776b!important;font-size:13px!important;font-weight:850!important;margin-bottom:9px!important;text-transform:uppercase!important;letter-spacing:.045em!important}
.v4-date-summary strong{display:block!important;color:#10271b!important;font-size:23px!important;line-height:1.2!important;font-weight:900!important;white-space:nowrap!important}
.bank-pill{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:999px!important;background:#eef8f1!important;color:#285e3d!important;font-size:12px!important;font-weight:800!important}
.link-danger{font-size:13px!important;font-weight:800!important}

/* Public root overview */
.public-overview-body{background:linear-gradient(180deg,#eff9f2 0,#f8fcf9 100%)!important}
.public-overview{width:min(1240px,92%)!important;padding:68px 0!important}
.public-hero{border-color:#d8e8de!important;box-shadow:0 10px 32px rgba(20,80,46,.055)!important}
.public-metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.public-metric{border-color:#d8e8de!important;min-height:145px!important;padding:26px!important;box-shadow:0 8px 25px rgba(20,80,46,.045)!important}
.public-metric span{font-size:15px!important;color:#4e6859!important}.public-metric strong{font-size:31px!important;color:#10271b!important;margin-top:22px!important}.public-metric small{display:block!important;color:#718478!important;font-size:12px!important;margin-top:7px!important}.public-metric-due{background:#f0fbf4!important;border-color:#b9ddc6!important}.public-metric-due strong{color:#12633b!important}

@media(max-width:1100px){.v4-calc{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v4-date-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}.public-metrics-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.browser-form{grid-template-columns:1fr!important}.v4-date-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v4-date-summary strong{font-size:19px!important}.v4-calc{grid-template-columns:1fr!important}.hero-metric strong{font-size:31px!important}.public-metrics-four{grid-template-columns:1fr!important}.public-overview{padding:28px 0!important}}
/* V12 public read-only detail pages */
.public-metric{color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.public-metric:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,80,46,.09)!important;border-color:#b9ddc6!important}.public-metric small{font-weight:700!important;color:#2f6f49!important}.public-detail-shell{width:min(1220px,92%);margin:0 auto;padding:46px 0 70px}.public-detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.public-detail-top>a{color:#1b5e3a;text-decoration:none;font-weight:800}.public-detail-hero,.public-detail-panel{background:#fff;border:1px solid #d8e8de;border-radius:20px;padding:28px 30px;box-shadow:0 8px 25px rgba(20,80,46,.045)}.public-detail-hero h1{font-size:34px;margin:8px 0 10px;color:#10271b}.public-detail-hero>strong{display:block;font-size:34px;color:#12633b;margin:12px 0 6px}.public-detail-hero p{margin:0;color:#718478}.public-detail-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.public-detail-kpis>div{background:#fff;border:1px solid #d8e8de;border-radius:16px;padding:20px 22px}.public-detail-kpis span{display:block;color:#64786c;font-size:14px;font-weight:800;margin-bottom:8px}.public-detail-kpis strong{font-size:25px;color:#10271b}.public-detail-kpis .due{background:#f0fbf4;border-color:#b9ddc6}.public-detail-panel{margin-top:18px}.public-detail-panel h2,.public-detail-panel h1{margin:0 0 18px;color:#10271b}.public-detail-panel table{width:100%;border-collapse:collapse}.public-detail-panel th{background:#f4faf6;color:#4d6758;font-size:13px;text-transform:uppercase;letter-spacing:.03em;padding:13px 12px;text-align:left}.public-detail-panel td{padding:14px 12px;border-top:1px solid #e7efe9;font-size:14px;color:#20352a}.public-view-btn{display:inline-flex;padding:9px 13px;border:1px solid #b9d6c2;border-radius:9px;text-decoration:none;color:#155e3b;font-weight:800;background:#f8fcf9}.public-browser-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.public-browser-form label{font-weight:800;color:#385544;font-size:14px}.public-browser-form input,.public-browser-form select{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #cfe0d5;border-radius:10px;background:#fff;font-size:15px}.public-day-kpis{grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 20px}.public-day-kpis strong{font-size:20px}.public-browser-panel .table-wrap{overflow:auto}@media(max-width:900px){.public-day-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.public-detail-kpis{grid-template-columns:1fr}.public-browser-form{grid-template-columns:1fr}}@media(max-width:640px){.public-detail-shell{padding:24px 0}.public-detail-hero,.public-detail-panel{padding:20px}.public-detail-hero h1{font-size:28px}.public-detail-hero>strong{font-size:28px}}