*{box-sizing:border-box}:root{--bg:#f4f6f8;--card:#fff;--line:#dfe3e8;--ink:#182230;--muted:#667085;--brand:#0b7255;--brand2:#18b586;--dark:#0c2b22;--red:#b42318;--amber:#b54708;--blue:#175cd3;--shadow:0 4px 18px rgba(16,24,40,.06)}html[data-theme="dark"]{--bg:#101828;--card:#1d2939;--line:#344054;--ink:#f2f4f7;--muted:#d0d5dd;--dark:#071b15}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.top{position:sticky;top:0;z-index:30;background:var(--dark);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 2px 12px rgba(0,0,0,.12)}.brand{font-weight:850;font-size:19px;letter-spacing:.1px}.sub{font-size:11px;opacity:.78}.top-user{display:flex;align-items:center;gap:10px;font-weight:700}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 60px)}.side{background:var(--card);border-right:1px solid var(--line);padding:10px;position:sticky;top:60px;height:calc(100vh - 60px);overflow:auto}.side a{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);padding:10px 11px;border-radius:10px;margin:2px 0;font-size:14px}.side a:hover,.side a.active{background:#e8f7f1;color:#075b44}.main{padding:16px;min-width:0;max-width:1600px;width:100%;margin:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:13px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric b{font-size:23px;display:block;margin-top:5px}.metric small{color:var(--muted)}.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.span2{grid-column:span 2}.span3{grid-column:span 3}.span4{grid-column:1/-1}label{display:block;color:var(--muted);font-size:12px;font-weight:650;margin:0 0 5px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd5dc;border-radius:9px;background:var(--card);color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(24,181,134,.22);border-color:var(--brand2)}textarea{min-height:78px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:var(--brand);color:white;border-radius:9px;padding:9px 12px;text-decoration:none;font-weight:750;cursor:pointer;font-size:13px}.btn:hover{filter:brightness(.96)}.btn.gray{background:#667085}.btn.red{background:var(--red)}.btn.blue{background:var(--blue)}.btn.wa{background:#1a9f57}.btn.amber{background:var(--amber)}.btn.sm{padding:6px 8px;font-size:11px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:9px;border-bottom:1px solid var(--line);text-align:left;font-size:12.5px;vertical-align:top}th{background:rgba(127,127,127,.07);font-weight:800}.notice,.success{background:#eaf8f2;padding:11px;border-radius:9px;margin-bottom:11px;color:#08633f;border:1px solid #b7ead6}.danger{background:#feeceb;color:#a61b1b;padding:11px;border-radius:9px;margin-bottom:11px;border:1px solid #fecdca}.warning{background:#fff6ed;color:#93370d;padding:11px;border-radius:9px;border:1px solid #fedf89}.pill{display:inline-block;border-radius:999px;padding:4px 8px;background:#eef2f6;color:#344054;font-size:11px;font-weight:700}.pill.green{background:#e8f7f1;color:#075b44}.pill.blue{background:#eff4ff;color:#175cd3}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.actions form{margin:0}.searchbar{display:flex;gap:7px;align-items:center}.searchbar input{max-width:420px}.setup{max-width:680px;margin:45px auto;padding:12px}.setup label{margin-top:10px}.muted{color:var(--muted)}.right{text-align:right}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-title h1{margin:0}.section-title h2{margin:0}.mobile-bottom{display:none}.logo{height:36px;max-width:120px;object-fit:contain;background:white;border-radius:6px;padding:2px}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px}.menu-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px 12px;text-decoration:none;text-align:center;min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;box-shadow:var(--shadow);transition:.15s transform,.15s box-shadow}.menu-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,24,40,.1)}.menu-icon{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#10213a;color:#28e7af;font-size:29px;font-weight:800}.menu-card b{font-size:14px}.divider-title{font-size:14px;font-weight:850;margin:2px 0 10px}.private{border-left:4px solid #7f56d9;background:#f9f5ff}.private .private-tag{color:#6941c6;font-size:11px;font-weight:800}.source-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subcard{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.035)}.subcard h3{margin:0 0 10px}.import-only,.local-only{transition:.15s}.hidden{display:none!important}.summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.summary-cards .card{margin:0}.big-number{font-size:24px;font-weight:850}.report-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.report-logo{height:60px;max-width:180px}.monthly-group{margin-bottom:18px}.monthly-group h3{background:rgba(127,127,127,.08);padding:8px 10px;border-radius:8px}.tally-entry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.batch-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 40px;gap:8px;align-items:end;margin-bottom:7px}.batch-row .remove-row{height:42px;border:0;border-radius:8px;background:#fee4e2;color:#b42318;font-weight:800}.source-badge{font-size:10px;font-weight:800;padding:3px 6px;border-radius:20px;background:#eff8ff;color:#175cd3}.soft{background:#ecfdf3;color:#027a48}.hard{background:#fff4ed;color:#c4320a}.totals-row{font-weight:850;background:rgba(11,114,85,.06)}.share-box{display:flex;gap:8px;flex-wrap:wrap}.ledger-balance{font-size:25px;font-weight:900}.nowrap{white-space:nowrap}@media(max-width:1100px){.grid,.form{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid{grid-template-columns:repeat(3,1fr)}.summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{display:flex;height:auto;overflow:auto;position:sticky;top:60px;z-index:20;border-right:0;border-bottom:1px solid var(--line);padding:6px}.side a{white-space:nowrap}.main{padding:11px}.menu-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.top{padding:9px 10px}.brand{font-size:16px}.top-user{font-size:12px}.side{display:none}.main{padding:10px 9px 96px}.grid,.form,.source-panels,.kpi-strip,.summary-cards{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.menu-grid{grid-template-columns:repeat(3,1fr);gap:8px}.menu-card{min-height:120px;padding:12px 6px}.menu-icon{width:52px;height:52px;font-size:24px}.menu-card b{font-size:12px}.mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);z-index:40;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(0,0,0,.08)}.mobile-bottom a,.mobile-bottom button{min-height:65px;border:0;background:transparent;font:inherit;text-decoration:none;color:var(--ink);padding:4px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:800;cursor:pointer}.mobile-bottom .nav-ico{font-size:29px;line-height:1}.mobile-more{display:none;position:fixed;left:9px;right:9px;bottom:86px;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 16px 40px rgba(0,0,0,.22);padding:10px;max-height:70vh;overflow:auto}.mobile-more.open{display:block}.mobile-more-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 10px;font-size:18px}.mobile-more-head button{width:36px;height:36px;border:0;border-radius:9px;background:#eef2f6;color:#344054;font-size:24px}.mobile-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-more-grid a{display:flex;align-items:center;min-height:55px;padding:11px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:800;background:var(--bg)}.card{padding:12px}table{min-width:820px}.batch-row{grid-template-columns:1fr 1fr;gap:6px}.batch-row .remove-row{grid-column:2}.tally-entry-grid{grid-template-columns:1fr 1fr}.report-head{display:block}.share-box{gap:6px}}
@media print{body{background:#fff}.top,.side,.mobile-bottom,.mobile-more,.noprint{display:none!important}.shell{display:block}.main{padding:0;max-width:none}.card{border:0;box-shadow:none;padding:6px}.table{overflow:visible}table{min-width:0}.report-break{break-before:page}}

/* ===== ZAAT 2.2 Premium Dashboard / Navigation ===== */
:root{--zaat-sidebar:#101b2b;--zaat-sidebar-2:#16243a;--zaat-top:#ffffff;--zaat-green:#19b36b;--zaat-blue:#1d73e8;--zaat-violet:#7a50d7;--zaat-amber:#f59d0b;--zaat-teal:#16a6a0;--zaat-red:#ef4d5b}
body{background:#f6f8fb}.top{position:sticky;top:0;z-index:35;margin-left:250px;background:var(--zaat-top);color:var(--ink);padding:11px 20px;border-bottom:1px solid var(--line);box-shadow:none;min-height:64px}.top-left,.top-user{display:flex;align-items:center;gap:13px}.top-menu-mark{font-size:20px;color:#7b8794}.top-date{font-size:12px;color:var(--muted);font-weight:650}.top-mobile-brand{display:none}.top-bell{font-size:19px;color:#566274}.user-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#11a967,#31c989);color:white;font-weight:900}.user-copy{display:flex;flex-direction:column;line-height:1.15}.user-copy b{font-size:12px}.user-copy small{font-size:10px;color:var(--muted);margin-top:3px}.top-logout{font-size:11px;text-decoration:none;background:#f1f4f8;color:#344054;padding:7px 9px;border-radius:8px;font-weight:750}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 64px)}.side{position:fixed;left:0;top:0;width:250px;height:100vh;z-index:50;background:linear-gradient(180deg,var(--zaat-sidebar),#0c1625);border-right:0;padding:0 11px 16px;color:#d8e0ea;overflow:auto}.side-brand{height:79px;display:flex;align-items:center;gap:10px;padding:12px 5px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.side-logo{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(62,230,168,.45);background:#112b24;color:#35dfaa;font-size:11px;font-weight:900;letter-spacing:.3px}.side-brand b{display:block;color:#35dfaa;font-size:13px}.side-brand small{display:block;color:#a9b5c5;font-size:9px;margin-top:4px;white-space:nowrap}.side-label{text-transform:uppercase;letter-spacing:.7px;font-size:9px;color:#6f8199;padding:5px 8px 8px}.side a{position:relative;color:#d5deea;padding:9px 9px;border-radius:8px;margin:2px 0;font-size:11.5px;gap:9px}.side a:hover,.side a.active{background:var(--zaat-sidebar-2);color:#38d9a2}.side a.active:before{content:"";position:absolute;left:-11px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#2dcc91}.side-ico{width:20px;text-align:center;font-size:15px;color:#a9b8c8}.side a.active .side-ico{color:#35dfaa}.side a em{margin-left:auto;background:#25a967;color:#fff;border-radius:99px;padding:2px 6px;font-size:8px;font-style:normal;font-weight:800}.side-fx{margin-top:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px}.side-fx>b{font-size:10px;color:#dfe7f1}.side-fx div{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:9px;color:#98a7b9}.side-fx strong{color:#32d79f;font-size:9px}.main{grid-column:2;padding:20px 22px 18px;max-width:none;margin:0;width:100%}.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin:3px 0 18px}.dash-head h1{margin:0 0 4px;font-size:26px;letter-spacing:-.7px}.dashboard-customize{background:linear-gradient(135deg,#15a965,#25bf7e);box-shadow:0 6px 14px rgba(20,169,101,.18)}
.premium-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.premium-kpi{background:#fff;border:1px solid #e4e8ef;border-radius:12px;min-height:108px;padding:15px 12px;text-decoration:none;display:flex;gap:10px;align-items:flex-start;box-shadow:0 3px 12px rgba(15,23,42,.035);transition:.15s transform,.15s box-shadow}.premium-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.premium-kpi>span:last-child{min-width:0}.premium-kpi small{display:block;color:#68758a;font-size:10px;font-weight:700}.premium-kpi b{display:block;margin-top:7px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-kpi em{display:block;color:#97a2b2;font-size:8.5px;font-style:normal;margin-top:8px}.kpi-icon{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-size:17px;font-weight:900}.premium-kpi.green .kpi-icon{background:#e9fbf1;color:var(--zaat-green)}.premium-kpi.blue .kpi-icon{background:#edf5ff;color:var(--zaat-blue)}.premium-kpi.violet .kpi-icon{background:#f3efff;color:var(--zaat-violet)}.premium-kpi.amber .kpi-icon{background:#fff7e7;color:var(--zaat-amber)}.premium-kpi.teal .kpi-icon{background:#e8fbfa;color:var(--zaat-teal)}.premium-kpi.red .kpi-icon{background:#fff0f1;color:var(--zaat-red)}
.dash-grid{display:grid;gap:14px;margin-bottom:14px}.dash-grid-top{grid-template-columns:1.05fr 1.05fr .95fr}.dash-grid-mid{grid-template-columns:1.6fr .9fr .9fr}.dash-grid-bottom{grid-template-columns:1.15fr 1.4fr .8fr}.dash-panel{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:15px;box-shadow:0 3px 12px rgba(15,23,42,.03);min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.panel-title b{font-size:12px}.panel-title small,.panel-title a{font-size:9px;color:#7f8b9e;text-decoration:none}.panel-title a:hover{color:var(--brand)}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.overview-grid>a{border:1px solid #edf0f4;border-radius:9px;padding:10px;text-decoration:none;display:flex;align-items:center;gap:9px}.overview-grid>a>span:last-child{display:flex;flex-direction:column;font-size:9px;color:#7b8797}.overview-grid>a b{font-size:11px;color:#202b3b;margin-top:4px}.ov-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-weight:900}.ov-icon.green{background:#eafbf1;color:var(--zaat-green)}.ov-icon.blue{background:#edf5ff;color:var(--zaat-blue)}.ov-icon.red{background:#fff0f1;color:var(--zaat-red)}.ov-icon.violet{background:#f3efff;color:var(--zaat-violet)}.ov-icon.amber{background:#fff7e7;color:var(--zaat-amber)}
.container-summary-body{display:flex;align-items:center;gap:18px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#1d73e8 0 var(--d1),#f59d0b var(--d1) var(--d2),#7a50d7 var(--d2) var(--d3),#19b36b var(--d3) var(--d4),#16a6a0 var(--d4) var(--d5),#e8edf3 var(--d5) 360deg);display:grid;place-items:center;position:relative;flex:0 0 auto}.donut:after{content:"";position:absolute;width:83px;height:83px;border-radius:50%;background:#fff}.donut>div{position:relative;z-index:2;text-align:center}.donut b{display:block;font-size:22px}.donut small{font-size:9px;color:#7a8698}.status-list{flex:1}.status-list>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:9px;border-bottom:1px solid #f0f2f6}.status-list>div:last-child{border-bottom:0}.status-list span{display:flex;align-items:center;gap:6px}.status-list b{font-size:9px}.status-list b small{color:#9aa4b1;font-weight:500}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.blue{background:var(--zaat-blue)}.dot.amber{background:var(--zaat-amber)}.dot.violet{background:var(--zaat-violet)}.dot.green{background:var(--zaat-green)}.dot.teal{background:var(--zaat-teal)}.dot.red{background:var(--zaat-red)}
.activity-list{display:flex;flex-direction:column;gap:7px}.activity-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f0f2f6}.activity-item:last-child{border-bottom:0}.activity-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eafbf1;color:#11a666;font-size:11px;font-weight:900}.activity-item b{display:block;font-size:9.5px}.activity-item small{display:block;color:#8893a3;font-size:8px;margin-top:3px}.activity-item time{font-size:7.5px;color:#8c98a8}.empty-mini{padding:35px 10px;text-align:center;color:#94a0af;font-size:10px}
.chart-legend{display:flex;justify-content:center;gap:16px;font-size:8px;color:#718096;margin-bottom:1px}.chart-legend span{display:flex;align-items:center;gap:5px}.cash-chart svg{width:100%;height:175px;display:block}.cash-chart .axis,.cash-chart .gridline{stroke:#e8ecf2;stroke-width:1}.cash-chart .gridline{stroke-dasharray:3 4}.cash-chart .line-in,.cash-chart .line-out{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cash-chart .line-in{stroke:var(--zaat-green)}.cash-chart .line-out{stroke:var(--zaat-red)}.chart-days{display:flex;justify-content:space-between;color:#9aa4b1;font-size:8px;padding:0 5px}.top-list>a{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px;text-decoration:none;padding:8px 0;border-bottom:1px solid #f0f2f6;font-size:9px}.top-list>a:last-child{border-bottom:0}.top-list>a>b{font-size:9px}.rank{width:20px;height:20px;border-radius:6px;background:#f0f4f8;display:grid;place-items:center;color:#617086;font-weight:800}.empty-block{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a1acb9}.empty-block>span{font-size:38px;opacity:.35}.empty-block b{font-size:10px;color:#445065;margin-top:8px}.empty-block small{font-size:8px;margin-top:4px}
.stock-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stock-cards>div{border:1px solid #edf0f4;border-radius:9px;padding:11px;text-align:center}.stock-cards small{display:block;color:#8490a1;font-size:8px}.stock-cards b{display:block;font-size:14px;margin-top:7px}.shortcut-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.shortcut-grid a{min-height:78px;border:1px solid #edf0f4;border-radius:9px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:19px;color:#2579de}.shortcut-grid a span{font-size:8px;color:#49566a;font-weight:700;text-align:center}.fx-rows>div{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #eff2f5;font-size:9px}.fx-rows b{font-size:9px;color:#1a9f69}.fx-rows>small{display:block;color:#909bab;font-size:8px;line-height:1.4;margin-top:10px}.dash-footer{display:flex;justify-content:space-between;gap:10px;color:#8692a3;font-size:8px;padding:4px 3px 12px}.dash-footer b{color:#667085}
@media(max-width:1350px){.premium-kpis{grid-template-columns:repeat(3,1fr)}.dash-grid-top{grid-template-columns:1fr 1fr}.recent-panel{grid-column:1/-1}.dash-grid-mid{grid-template-columns:1.45fr 1fr}.dash-grid-mid>.top-list:last-child{grid-column:1/-1}.dash-grid-bottom{grid-template-columns:1fr 1fr}.fx-panel{grid-column:1/-1}}
@media(max-width:1000px){.top{margin-left:0}.side{display:none}.shell{grid-template-columns:1fr}.main{grid-column:1;padding:14px}.top-mobile-brand{display:inline;font-weight:900;color:#0d825e}.top-menu-mark{display:none}.premium-kpis{grid-template-columns:repeat(2,1fr)}.dash-grid-top,.dash-grid-mid,.dash-grid-bottom{grid-template-columns:1fr}.recent-panel,.dash-grid-mid>.top-list:last-child,.fx-panel{grid-column:auto}.shortcut-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.top{min-height:58px;padding:8px 10px}.top-date,.top-bell,.top-logout{display:none}.user-copy{display:none}.main{padding:12px 9px 96px}.dash-head{align-items:center}.dash-head h1{font-size:23px}.dash-head .muted{font-size:10px}.dashboard-customize{font-size:10px;padding:8px}.premium-kpis{grid-template-columns:1fr 1fr;gap:8px}.premium-kpi{min-height:102px;padding:11px 9px;gap:7px}.kpi-icon{width:31px;height:31px;flex-basis:31px}.premium-kpi b{font-size:13px}.premium-kpi small{font-size:8px}.premium-kpi em{font-size:7px}.dash-panel{padding:12px}.overview-grid{grid-template-columns:1fr 1fr}.container-summary-body{align-items:flex-start}.donut{width:105px;height:105px}.donut:after{width:65px;height:65px}.donut b{font-size:18px}.stock-cards{grid-template-columns:repeat(2,1fr)}.shortcut-grid{grid-template-columns:repeat(3,1fr)}.dash-footer{display:block;text-align:center}.dash-footer b{display:block;margin-top:4px}.mobile-bottom{display:grid}}

.contact-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 16px}.checkbox-grid label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line,#ddd);border-radius:8px}.totals-row.grand{font-size:1.05em;font-weight:800}

/* Final Professional 2.3 AI Smart */
.smart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.smart-note{padding:12px;border:1px solid var(--line,#dce3ea);border-radius:12px;background:rgba(14,165,233,.05)}.money-line{display:grid;grid-template-columns:1fr 110px 140px 170px;gap:8px;align-items:end}.ai-box{border:1px solid rgba(124,58,237,.24);background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(14,165,233,.06));padding:16px;border-radius:16px}.ai-result{white-space:pre-wrap;background:#0d1726;color:#f8fafc;border-radius:12px;padding:14px;min-height:70px}.audit-issue{display:grid;grid-template-columns:100px 1fr 1fr;gap:12px;padding:12px;border-bottom:1px solid var(--line,#e5e7eb)}.audit-issue.warning{border-left:4px solid #f59e0b}.audit-issue.danger{border-left:4px solid #ef4444}.due-card{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line,#e5e7eb)}.due-card.overdue{background:rgba(239,68,68,.05)}.due-card.due{background:rgba(245,158,11,.07)}.width-group{margin:14px 0;border:1px solid var(--line,#dfe6ee);border-radius:14px;overflow:hidden}.width-group>h4{margin:0;padding:10px 14px;background:rgba(14,165,233,.08)}.size-code{font-weight:800;letter-spacing:.2px}.mismatch{color:#b91c1c;font-weight:700}.match{color:#047857;font-weight:700}.mic-btn{font-size:19px;min-width:46px}.currency-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:800}.logs-panel{border-left:4px solid #8b5cf6}.unit-cards{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px}.unit-cards>div{padding:10px;border-radius:10px;background:rgba(15,23,42,.04)}
@media(max-width:760px){.money-line{grid-template-columns:1fr 90px}.money-line>*:nth-child(n+3){grid-column:auto}.audit-issue,.due-card{grid-template-columns:1fr}.unit-cards{grid-template-columns:repeat(2,1fr)}}

/* Nine-point correction pack: layout-only helpers */
.pkr-live input{background:#f8fafc;font-weight:750}.duplicate-warning p{margin:7px 0 10px}.tally-filter{padding:10px 14px}.tally-filter .searchbar{flex-wrap:wrap}.size-code{white-space:nowrap}.money-line>div{min-width:0}
/* ZAAT AI Voice Pro */
.ai-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.ai-plan-item{border:1px solid #e3e8ee;border-radius:14px;padding:14px;margin:12px 0;background:#fff}.ai-plan-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.ai-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.ai-plan-grid>div{background:#f7f9fb;border-radius:10px;padding:9px}.ai-plan-grid small{display:block;color:#6b7280;margin-bottom:3px}.ai-plan-grid strong{display:block;overflow-wrap:anywhere}.ai-confirm{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.check{display:flex!important;gap:7px;align-items:flex-start}.check input{width:auto!important;margin-top:3px}.pill.orange{background:#fff1db;color:#9a5a00}.warning{padding:12px;border-radius:10px;background:#fff8e7;border:1px solid #f0d18a;margin:10px 0}.ai-box textarea{width:100%;resize:vertical;min-height:100px}

/* ===== ZAAT Professional UX 2.4 ===== */
:root{
  --ux-navy:#0f1d2e;--ux-navy-2:#16283e;--ux-green:#18a36f;--ux-green-soft:#eaf8f2;
  --ux-surface:#ffffff;--ux-bg:#f4f7fb;--ux-border:#e3e8ef;--ux-text:#1b2638;--ux-muted:#6f7c8e;
  --ux-radius:16px;--ux-shadow:0 7px 24px rgba(16,30,50,.065);--ux-control:46px;
}
body.zaat-app{background:var(--ux-bg);font-size:14px;color:var(--ux-text)}
.ux-shell{grid-template-columns:272px minmax(0,1fr);min-height:100vh}
.ux-side{width:272px;background:linear-gradient(180deg,var(--ux-navy) 0%,#0d1a2a 100%);border:0;padding:16px 13px 18px;top:0;height:100vh;z-index:34;color:#fff;box-shadow:8px 0 30px rgba(8,20,36,.08)}
.side-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.09)}
.side-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#118d63,#28c88d);color:#fff;font-size:11px;font-weight:950;letter-spacing:.6px;box-shadow:0 8px 22px rgba(24,163,111,.22)}
.side-brand b{font-size:14px;color:#fff;display:block}.side-brand small{display:block;color:#9eb0c5;font-size:9.5px;margin-top:3px;line-height:1.4}
.side-group{margin:13px 0}.side-label{font-size:9px;letter-spacing:1.15px;text-transform:uppercase;color:#70859e;font-weight:850;padding:4px 10px 5px}
.ux-side a{color:#cbd6e3!important;background:transparent!important;padding:9px 10px!important;border-radius:10px!important;margin:2px 0!important;font-size:12.5px!important;min-height:40px;transition:background .15s ease,color .15s ease,transform .15s ease}
.ux-side a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important;transform:translateX(2px)}
.ux-side a.active{color:#fff!important;background:linear-gradient(90deg,rgba(24,163,111,.24),rgba(24,163,111,.08))!important;box-shadow:inset 3px 0 0 #30d39a}
.side-ico{width:24px!important;text-align:center;font-size:16px!important;color:#80a0be}.ux-side a.active .side-ico{color:#4ce0ac}.side-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-side em{margin-left:auto;font-size:8px!important;background:#14865e!important;color:#d7fff0!important}
.side-ai-callout{display:flex!important;align-items:center;gap:10px!important;padding:11px!important;margin:9px 1px 14px!important;border:1px solid rgba(76,224,172,.2)!important;background:linear-gradient(135deg,rgba(38,194,139,.14),rgba(71,115,212,.10))!important;color:#fff!important}
.side-ai-callout>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#1aa875;color:#fff;font-size:18px}.side-ai-callout b{display:block;font-size:11.5px}.side-ai-callout small{display:block;font-size:8.5px;color:#9fcab9;margin-top:2px}
.side-fx{margin-top:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;border-radius:12px!important;padding:11px!important}.side-fx b{font-size:10px!important}.side-fx div{font-size:8.5px!important;color:#93a4b8!important}.side-fx strong{color:#55d7a6!important}
.ux-top{left:272px;margin-left:272px!important;min-height:68px;padding:10px 20px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--ux-border)!important;display:grid!important;grid-template-columns:auto minmax(260px,620px) auto!important;gap:18px!important}
.top-collapse{width:38px;height:38px;border:1px solid var(--ux-border);border-radius:10px;background:#fff;color:#66758a;cursor:pointer;font-size:17px}.top-collapse:hover{background:#f6f9fc}.top-date{font-size:11px!important}
.top-search{height:42px;position:relative;display:flex;align-items:center}.top-search-icon{position:absolute;left:13px;color:#7f8c9d;font-size:17px}.top-search input{height:42px!important;padding:9px 52px 9px 38px!important;border:1px solid #dbe2ea!important;border-radius:12px!important;background:#f7f9fc!important;font-size:12.5px!important}.top-search input:focus{background:#fff!important;border-color:#91cbb7!important;box-shadow:0 0 0 3px rgba(24,163,111,.1)!important;outline:0!important}.top-search kbd{position:absolute;right:9px;border:1px solid #d7dee7;background:#fff;border-radius:7px;color:#7c8999;font-size:9px;padding:3px 6px;font-family:inherit}
.top-user{justify-content:flex-end;gap:9px!important}.top-new-btn,.top-ai-btn{height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.top-new-btn{background:#10243b;color:#fff}.top-ai-btn{background:#eaf8f2;color:#087b55}.top-new-btn:hover{background:#17334f}.top-ai-btn:hover{background:#dff5ec}.top-logout{font-size:10px!important}.user-avatar{width:36px!important;height:36px!important}.user-copy b{font-size:11px!important}.user-copy small{font-size:8.5px!important}
.ux-main{max-width:1720px!important;padding:20px 24px 44px!important;margin:0 auto!important;grid-column:2!important;width:100%}
.workspace-quick{display:flex;align-items:center;gap:7px;margin:0 0 14px;padding:7px 9px;border:1px solid var(--ux-border);background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(16,30,50,.025);overflow:auto}.workspace-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8a96a5;font-weight:850;margin-right:3px;white-space:nowrap}.workspace-quick a{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:8px;text-decoration:none;color:#536174;background:#f6f8fb;font-size:10.5px;font-weight:750;white-space:nowrap}.workspace-quick a:hover{background:#eef3f7;color:#16243a}.workspace-quick .workspace-ai{color:#087b55;background:#eaf8f2}
body.sidebar-collapsed .ux-shell{grid-template-columns:82px minmax(0,1fr)}body.sidebar-collapsed .ux-side{width:82px}body.sidebar-collapsed .ux-top{left:82px;margin-left:82px!important}body.sidebar-collapsed .ux-main{grid-column:2!important}body.sidebar-collapsed .side-brand>div:last-child,body.sidebar-collapsed .side-text,body.sidebar-collapsed .side-label,body.sidebar-collapsed .side-fx,body.sidebar-collapsed .side-ai-callout div,body.sidebar-collapsed .ux-side em{display:none}body.sidebar-collapsed .side-brand{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .side-ai-callout{justify-content:center!important}body.sidebar-collapsed .ux-side a:not(.side-ai-callout){justify-content:center!important;padding:9px!important}body.sidebar-collapsed .side-ico{width:auto!important}
.quick-create{display:none;position:fixed;right:22px;top:62px;z-index:70;width:min(440px,calc(100vw - 24px));padding:13px;background:#fff;border:1px solid var(--ux-border);border-radius:16px;box-shadow:0 18px 55px rgba(20,34,52,.19)}.quick-create.open{display:block}.quick-create-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 11px}.quick-create-head b{display:block;font-size:15px}.quick-create-head small{display:block;color:var(--ux-muted);font-size:9px;margin-top:2px}.quick-create-head button{width:34px;height:34px;border:0;border-radius:9px;background:#f0f3f6;color:#627084;font-size:21px;cursor:pointer}.quick-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-create-grid a{min-height:64px;padding:10px;border:1px solid var(--ux-border);border-radius:12px;text-decoration:none;display:flex;align-items:center;gap:10px;background:#fbfcfe}.quick-create-grid a:hover{background:#f4faf7;border-color:#b8ddcf}.quick-create-grid span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf8f2;color:#087b55;font-size:17px}.quick-create-grid b{font-size:11.5px;color:#29364a}
.floating-ai{position:fixed;right:22px;bottom:22px;z-index:45;width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#12865f,#26c38b);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 12px 30px rgba(18,134,95,.28)}.floating-ai span{font-size:17px}.floating-ai b{font-size:9px}
.section-title{margin:5px 0 15px!important;align-items:flex-end!important}.section-title h1,.dash-head h1,.ux-main>h1{font-size:27px!important;line-height:1.18;letter-spacing:-.35px;color:#18263a}.section-title .muted,.dash-head .muted{font-size:11px!important;line-height:1.55;color:#748194!important}.card{border:1px solid var(--ux-border)!important;border-radius:var(--ux-radius)!important;box-shadow:var(--ux-shadow)!important;padding:20px!important;margin-bottom:16px!important}.subcard{border:1px solid var(--ux-border)!important;border-radius:15px!important;background:#fbfcfe!important;padding:18px!important;margin:14px 0!important}.subcard h3{font-size:15px!important;color:#203047;margin:0 0 15px!important;display:flex;align-items:center;gap:8px}.ux-section-kicker{font-size:8px;color:#8b98a8;background:#eef2f6;padding:4px 6px;border-radius:6px;letter-spacing:.6px}
.form{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 16px!important;align-items:end!important}label{font-size:11.5px!important;color:#657286!important;font-weight:720!important;margin-bottom:6px!important}.req{color:#d92d20;font-weight:900}input,select,textarea{min-height:var(--ux-control)!important;padding:10px 12px!important;border:1px solid #d9e0e8!important;border-radius:10px!important;background:#fff!important;font-size:13px!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:88px!important}input:hover,select:hover,textarea:hover{border-color:#c4ced9!important}input:focus,select:focus,textarea:focus{outline:0!important;border-color:#66b99a!important;box-shadow:0 0 0 3px rgba(24,163,111,.10)!important}.pkr-live input,input[readonly]{background:#f6f8fb!important;color:#38475b!important;font-weight:750}.btn{min-height:40px!important;border-radius:10px!important;padding:8px 13px!important;font-size:11.5px!important;box-shadow:0 1px 2px rgba(16,24,40,.06)}.btn.sm{min-height:30px!important;font-size:10px!important;padding:5px 8px!important}.pill{font-size:9.5px!important;padding:4px 8px!important}
.table{border:1px solid var(--ux-border);border-radius:13px;overflow:auto;background:#fff}.pro-table{margin:0}.pro-table th{position:sticky;top:0;z-index:2;background:#f4f7fa!important;color:#526176!important;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.35px;padding:10px 11px!important}.pro-table td{padding:10px 11px!important;font-size:11.5px!important}.pro-table tr:hover td{background:#fbfdfc}.table-hint{display:none;color:#8a96a5;font-size:9px;margin:0 0 5px 3px}.actions{gap:5px!important}
.source-panels{grid-template-columns:1fr!important;gap:14px!important}.page-containers .source-panels,.page-containers #containerV23>.form{margin-bottom:14px}.page-containers .subcard{scroll-margin-top:90px}.page-containers .local-costs{background:transparent}.workflow-rail{display:flex;align-items:center;gap:6px;padding:9px;border:1px solid var(--ux-border);background:#f7f9fb;border-radius:12px;margin:0 0 16px;overflow:auto}.workflow-rail button{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:9px;white-space:nowrap;cursor:pointer;color:#66758a;font-size:10px}.workflow-rail button:hover{background:#fff;color:#17314b}.workflow-rail button span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e8eef4;color:#637185;font-weight:850;font-size:9px}.workflow-rail button b{font-size:10px}.workflow-rail button:first-child span{background:#dcf5e9;color:#087b55}
.speed-entry-note{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 14px;border-radius:12px;background:linear-gradient(90deg,#edf9f4,#f5fbff);border:1px solid #cfeade}.speed-entry-note>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#0c845c;box-shadow:0 2px 8px rgba(20,40,60,.05)}.speed-entry-note b{display:block;font-size:11px;color:#1d3a31}.speed-entry-note small{display:block;font-size:9px;color:#6a7d75;margin-top:2px}.page-tally .tally-entry-grid,.page-tally .batch-row{gap:9px!important}.page-tally .size-preview,.page-tally .size-code{font-size:12px;font-weight:850;color:#1b4e3c}.page-tally .width-group{border-radius:13px!important}.page-tally .width-group>h4{padding:11px 13px!important;background:#eef8f4!important;color:#1d4f3e!important;font-size:12px!important}
.page-invoices .invoice-total-block{padding:10px;border-radius:12px;background:#f4faf7;border:1px solid #d6ede4}.page-invoices .invoice-total-block label{color:#39715d!important}.page-invoices #tallyAttach{margin-top:14px;padding:15px;border-radius:14px;background:#fbfcfe;border:1px solid var(--ux-border)}
.page-dailycash .money-line,.page-bank .money-line{background:#f8fafc;border:1px solid var(--ux-border);border-radius:12px;padding:11px}.money-line{grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr) minmax(130px,.8fr) minmax(170px,1fr)!important;gap:10px!important}
.notice,.success,.danger,.warning{border-radius:12px!important;padding:12px 14px!important;font-size:11.5px!important}.success{background:#effaf5!important}.warning{background:#fff8eb!important}
.premium-kpis{gap:12px!important}.premium-kpi{border-radius:15px!important;box-shadow:0 5px 18px rgba(16,30,50,.045)!important}.dash-panel{border-radius:15px!important;box-shadow:0 5px 18px rgba(16,30,50,.045)!important}.dashboard-customize{background:#10243b!important}
.mobile-bottom{border-top:1px solid var(--ux-border)!important}.mobile-more-grid a span{margin-right:7px;color:#0a835b}.mobile-more-grid a{display:flex!important;flex-direction:row!important;justify-content:flex-start!important}
@media(max-width:1280px){.ux-top{grid-template-columns:auto minmax(220px,1fr) auto!important}.form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.span3{grid-column:span 2!important}.premium-kpis{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:1000px){.ux-shell{grid-template-columns:1fr!important}.ux-side{display:none!important}.ux-top{left:0!important;margin-left:0!important;grid-template-columns:auto minmax(180px,1fr) auto!important}.ux-main{grid-column:1!important;padding:16px 14px 96px!important}.top-collapse{display:none}.floating-ai{bottom:88px}.table-hint{display:block}}
@media(max-width:720px){.ux-top{grid-template-columns:1fr auto!important;padding:8px 10px!important}.top-search{display:none}.top-new-btn{display:none}.top-ai-btn{height:34px;padding:0 9px}.top-date{display:none!important}.ux-main{padding:12px 9px 96px!important}.workspace-quick{margin-bottom:10px}.workspace-label{display:none}.section-title{align-items:flex-start!important}.section-title h1,.dash-head h1,.ux-main>h1{font-size:22px!important}.section-title>.pill{display:none}.form{grid-template-columns:1fr!important;gap:10px!important}.span2,.span3,.span4{grid-column:1!important}.card{padding:14px!important;border-radius:13px!important;margin-bottom:12px!important}.subcard{padding:13px!important}.money-line{grid-template-columns:1fr!important;padding:9px!important}.workflow-rail{padding:7px}.workflow-rail button b{display:none}.workflow-rail button span{width:26px;height:26px}.premium-kpis{grid-template-columns:1fr 1fr!important}.quick-create{right:10px;top:56px;width:calc(100vw - 20px)}.quick-create-grid{grid-template-columns:1fr 1fr}.floating-ai{display:none}.table-hint{display:block}.pro-table th,.pro-table td{white-space:nowrap}.workspace-quick a{font-size:10px}}
@media print{.workspace-quick,.floating-ai,.quick-create,.workflow-rail,.speed-entry-note,.table-hint{display:none!important}}

/* ===== ZAAT UX 2.4.1 — Settings readability + complete theme support ===== */
.settings-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:5px 0 14px}.settings-head h1{margin:0;font-size:27px;line-height:1.2;color:var(--ux-text)}.settings-head p{margin:5px 0 0}.settings-card{padding:0!important;overflow:hidden}.settings-section{padding:20px;border-bottom:1px solid var(--ux-border)}.settings-section:last-of-type{border-bottom:0}.settings-section-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.settings-section-title>span{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf8f2;color:#087b55;font-size:9px;font-weight:900}.settings-section-title h3{margin:1px 0 2px;font-size:14px;color:var(--ux-text)}.settings-section-title p{margin:0;font-size:10px;line-height:1.45;color:var(--ux-muted)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}.setting-field{min-width:0}.setting-field label{color:var(--ux-text)!important;font-size:11px!important;margin:0 0 6px!important}.setting-field small{display:block;margin-top:5px;color:var(--ux-muted);font-size:9px;line-height:1.35}.settings-wide{grid-column:span 2}.settings-button-field{display:flex;align-items:flex-end}.settings-actions{padding:16px 20px 20px;display:flex;justify-content:flex-end;background:#fbfcfe;border-top:1px solid var(--ux-border)}.settings-security{padding:20px!important}.settings-widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.widget-choice{position:relative;display:flex!important;align-items:center;gap:9px;min-height:47px;margin:0!important;padding:9px 10px!important;border:1px solid var(--ux-border)!important;border-radius:11px!important;background:#fbfcfe!important;color:var(--ux-text)!important;cursor:pointer;overflow:hidden}.widget-choice:hover{border-color:#b9d9cd!important;background:#f5fbf8!important}.widget-choice input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.widget-check{flex:0 0 25px;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;border:1px solid #cad4df;background:#fff;color:transparent;font-size:14px;font-weight:900}.widget-choice input:checked+.widget-check{background:#168e65;border-color:#168e65;color:#fff}.widget-name{min-width:0;font-size:10.5px;font-weight:760;line-height:1.25;white-space:normal}.settings-help{font-size:9.5px;color:var(--ux-muted);margin:10px 0 0}.page-settings input,.page-settings select,.page-settings textarea{color:#203047!important;background:#fff!important;-webkit-text-fill-color:#203047!important}.page-settings select{appearance:auto}.page-settings option{color:#203047;background:#fff}.page-settings .muted{color:#748194!important}

/* Dark theme: never place white text on white form controls. */
html[data-theme="dark"]{color-scheme:dark;--ux-bg:#0e1726;--ux-surface:#182334;--ux-border:#344256;--ux-text:#f4f7fb;--ux-muted:#aeb9c8;--bg:#0e1726;--card:#182334;--line:#344256;--ink:#f4f7fb;--muted:#aeb9c8}
html[data-theme="dark"] body.zaat-app{background:var(--ux-bg)!important;color:var(--ux-text)!important}
html[data-theme="dark"] .ux-top,html[data-theme="dark"] .workspace-quick,html[data-theme="dark"] .card,html[data-theme="dark"] .table,html[data-theme="dark"] .quick-create,html[data-theme="dark"] .mobile-bottom,html[data-theme="dark"] .mobile-more{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
html[data-theme="dark"] .subcard,html[data-theme="dark"] .quick-create-grid a,html[data-theme="dark"] .workspace-quick a,html[data-theme="dark"] .workflow-rail,html[data-theme="dark"] .page-invoices #tallyAttach,html[data-theme="dark"] .page-dailycash .money-line,html[data-theme="dark"] .page-bank .money-line{background:#131e2e!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
html[data-theme="dark"] .section-title h1,html[data-theme="dark"] .dash-head h1,html[data-theme="dark"] .ux-main>h1,html[data-theme="dark"] .subcard h3,html[data-theme="dark"] .settings-head h1{color:var(--ux-text)!important}
html[data-theme="dark"] label,html[data-theme="dark"] .muted,html[data-theme="dark"] .top-date,html[data-theme="dark"] .workspace-label,html[data-theme="dark"] .table-hint{color:var(--ux-muted)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f1a29!important;color:#f5f7fb!important;-webkit-text-fill-color:#f5f7fb!important;border-color:#425169!important;color-scheme:dark}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7f8da2!important;-webkit-text-fill-color:#7f8da2!important}
html[data-theme="dark"] input[readonly],html[data-theme="dark"] .pkr-live input{background:#1f2b3d!important;color:#dce5f0!important;-webkit-text-fill-color:#dce5f0!important}
html[data-theme="dark"] select option{background:#162233!important;color:#f5f7fb!important}
html[data-theme="dark"] .top-search input{background:#0f1a29!important;color:#f5f7fb!important;border-color:#425169!important}
html[data-theme="dark"] .top-collapse,html[data-theme="dark"] .top-search kbd,html[data-theme="dark"] .quick-create-head button{background:#1c293b!important;color:#dbe4ef!important;border-color:#425169!important}
html[data-theme="dark"] .pro-table th{background:#1e2b3d!important;color:#c5cfdb!important}html[data-theme="dark"] .pro-table tr:hover td{background:#162334!important}
html[data-theme="dark"] .settings-section{border-color:var(--ux-border)}html[data-theme="dark"] .settings-section-title>span{background:#123c31;color:#68e0b3}html[data-theme="dark"] .settings-section-title h3,html[data-theme="dark"] .setting-field label{color:#f4f7fb!important}html[data-theme="dark"] .settings-section-title p,html[data-theme="dark"] .setting-field small,html[data-theme="dark"] .settings-help{color:#aeb9c8!important}html[data-theme="dark"] .settings-actions{background:#131e2e;border-color:var(--ux-border)}html[data-theme="dark"] .widget-choice{background:#131e2e!important;color:#edf3fa!important;border-color:#3a485c!important}html[data-theme="dark"] .widget-choice:hover{background:#19283a!important;border-color:#4c796c!important}html[data-theme="dark"] .widget-check{background:#0f1a29;border-color:#4b5a6f}html[data-theme="dark"] .widget-choice input:checked+.widget-check{background:#20a779;border-color:#20a779;color:#fff}

/* System theme follows macOS/browser appearance. Light remains the fallback. */
html[data-theme="system"]{color-scheme:light;--ux-bg:#f4f7fb;--ux-surface:#fff;--ux-border:#e3e8ef;--ux-text:#1b2638;--ux-muted:#6f7c8e}
@media (prefers-color-scheme:dark){
html[data-theme="system"]{color-scheme:dark;--ux-bg:#0e1726;--ux-surface:#182334;--ux-border:#344256;--ux-text:#f4f7fb;--ux-muted:#aeb9c8;--bg:#0e1726;--card:#182334;--line:#344256;--ink:#f4f7fb;--muted:#aeb9c8}
html[data-theme="system"] body.zaat-app{background:var(--ux-bg)!important;color:var(--ux-text)!important}
html[data-theme="system"] .ux-top,html[data-theme="system"] .workspace-quick,html[data-theme="system"] .card,html[data-theme="system"] .table,html[data-theme="system"] .quick-create,html[data-theme="system"] .mobile-bottom,html[data-theme="system"] .mobile-more{background:var(--ux-surface)!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
html[data-theme="system"] .subcard,html[data-theme="system"] .quick-create-grid a,html[data-theme="system"] .workspace-quick a,html[data-theme="system"] .workflow-rail,html[data-theme="system"] .page-invoices #tallyAttach,html[data-theme="system"] .page-dailycash .money-line,html[data-theme="system"] .page-bank .money-line{background:#131e2e!important;color:var(--ux-text)!important;border-color:var(--ux-border)!important}
html[data-theme="system"] .section-title h1,html[data-theme="system"] .dash-head h1,html[data-theme="system"] .ux-main>h1,html[data-theme="system"] .subcard h3,html[data-theme="system"] .settings-head h1{color:var(--ux-text)!important}
html[data-theme="system"] label,html[data-theme="system"] .muted,html[data-theme="system"] .top-date,html[data-theme="system"] .workspace-label,html[data-theme="system"] .table-hint{color:var(--ux-muted)!important}
html[data-theme="system"] input,html[data-theme="system"] select,html[data-theme="system"] textarea{background:#0f1a29!important;color:#f5f7fb!important;-webkit-text-fill-color:#f5f7fb!important;border-color:#425169!important;color-scheme:dark}
html[data-theme="system"] input::placeholder,html[data-theme="system"] textarea::placeholder{color:#7f8da2!important;-webkit-text-fill-color:#7f8da2!important}html[data-theme="system"] input[readonly],html[data-theme="system"] .pkr-live input{background:#1f2b3d!important;color:#dce5f0!important;-webkit-text-fill-color:#dce5f0!important}html[data-theme="system"] select option{background:#162233!important;color:#f5f7fb!important}
html[data-theme="system"] .top-search input{background:#0f1a29!important;color:#f5f7fb!important;border-color:#425169!important}html[data-theme="system"] .top-collapse,html[data-theme="system"] .top-search kbd,html[data-theme="system"] .quick-create-head button{background:#1c293b!important;color:#dbe4ef!important;border-color:#425169!important}
html[data-theme="system"] .pro-table th{background:#1e2b3d!important;color:#c5cfdb!important}html[data-theme="system"] .pro-table tr:hover td{background:#162334!important}
html[data-theme="system"] .settings-section{border-color:var(--ux-border)}html[data-theme="system"] .settings-section-title>span{background:#123c31;color:#68e0b3}html[data-theme="system"] .settings-section-title h3,html[data-theme="system"] .setting-field label{color:#f4f7fb!important}html[data-theme="system"] .settings-section-title p,html[data-theme="system"] .setting-field small,html[data-theme="system"] .settings-help{color:#aeb9c8!important}html[data-theme="system"] .settings-actions{background:#131e2e;border-color:var(--ux-border)}html[data-theme="system"] .widget-choice{background:#131e2e!important;color:#edf3fa!important;border-color:#3a485c!important}html[data-theme="system"] .widget-choice:hover{background:#19283a!important;border-color:#4c796c!important}html[data-theme="system"] .widget-check{background:#0f1a29;border-color:#4b5a6f}html[data-theme="system"] .widget-choice input:checked+.widget-check{background:#20a779;border-color:#20a779;color:#fff}
}
@media(max-width:1100px){.settings-grid,.settings-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-wide{grid-column:span 2}}
@media(max-width:720px){.settings-head h1{font-size:22px}.settings-grid,.settings-widget-grid{grid-template-columns:1fr}.settings-wide{grid-column:span 1}.settings-section{padding:14px}.settings-actions{padding:13px 14px 15px}.settings-card{border-radius:13px!important}}

/* ===== ZAAT Professional UX 2.4.2 focused corrections ===== */
.fast-tally-bar{display:grid;grid-template-columns:1.1fr 1fr 1fr .8fr auto;gap:12px;align-items:end;margin-top:16px;padding:16px;border:1px solid var(--ux-border);border-radius:14px;background:#fbfcfe}
.fast-tally-bar>div{min-width:0}.fast-tally-bar input,.fast-tally-bar select{width:100%}.fast-tally-submit{display:flex;align-items:flex-end}.fast-tally-submit .btn{white-space:nowrap}
.summary-source{display:flex;flex-wrap:wrap;gap:10px 18px;padding:10px 12px;margin:8px 0 12px;border:1px solid var(--ux-border);border-radius:11px;background:#f8fafc}.summary-source b{color:var(--ux-text)}.summary-source span{color:var(--ux-muted);font-size:11px}
.summary-cards.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 16px}.summary-cards.compact>div{padding:12px!important}.summary-cards.compact label{display:block}.summary-cards.compact b{font-size:17px;color:var(--ux-text)}
.width-group{margin:14px 0}.width-group h4{margin:0 0 8px;font-size:13px;color:var(--ux-text)}.size-code{font-weight:800;white-space:nowrap}.totals-row td{font-weight:800!important;background:#f7faf9!important}
.page-tally .card,.page-invoices .card,.page-containers .card{overflow:visible}.page-invoices #invoiceLots242{margin-top:16px}.page-invoices #lotRows242 input{min-height:38px!important}
html[data-theme="dark"] .fast-tally-bar,html[data-theme="dark"] .summary-source,html[data-theme="dark"] .totals-row td,html[data-theme="system"] .fast-tally-bar,html[data-theme="system"] .summary-source,html[data-theme="system"] .totals-row td{background:#131e2e!important;border-color:var(--ux-border)!important;color:var(--ux-text)!important}
@media(max-width:1000px){.fast-tally-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.fast-tally-submit{grid-column:span 2}.summary-cards.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.fast-tally-bar{grid-template-columns:1fr}.fast-tally-submit{grid-column:span 1}.summary-cards.compact{grid-template-columns:1fr 1fr}}

/* ZAAT 2.4.7 additions */
.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.bank-badge{display:inline-flex;min-width:34px;height:28px;padding:0 7px;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-2,#eef2f7);font-weight:800;margin-right:7px}.page-business_position .premium-kpis{margin-bottom:16px}@media(max-width:760px){.note-grid{grid-template-columns:1fr}}