@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#182230;background:#f5f7fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e9ef;flex-direction:column;flex-shrink:0;width:245px;padding:24px 16px;display:flex}.brand{align-items:center;gap:11px;padding:0 7px 24px;display:flex}.brand b{font:800 16px Manrope;display:block}.brand small{color:#8590a0;font-size:12px}.logo{color:#fff;background:#183f36;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.org{color:#4d5a69;background:#f4f7f8;border-radius:9px;align-items:center;gap:8px;margin-bottom:22px;padding:12px;font-size:12px;display:flex}.dot{background:#24a36a;border-radius:50%;width:7px;height:7px;margin-left:auto}nav{gap:5px;display:grid}nav button{color:#5b6674;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;font:600 13px DM Sans;display:flex}nav button.active{color:#1b5c49;background:#eaf3ef}.sidebottom{color:#4d665d;border-top:1px solid #e9edf1;margin-top:auto;padding:17px 6px 0;font-size:12px;line-height:1.8}.sidebottom small{color:#89939e}main{flex:1;width:calc(100% - 245px);min-width:0;max-width:1800px;margin:0 auto;padding:28px 30px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.5px;margin-bottom:5px;font:800 25px Manrope}header p,.panelhead p{color:#7b8795;margin:0;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.avatar{color:#285b49;background:#e6eee9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}button{cursor:pointer;color:#3e4b59;background:#fff;border:1px solid #dce2e8;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font:600 13px DM Sans;display:inline-flex}button:disabled{opacity:.35;cursor:not-allowed}.primary{color:#fff;background:#1b5947;border-color:#1b5947}.light{background:#fff}.full{width:100%;margin-top:8px}.notice{color:#7a5810;background:#fff8e7;border:1px solid #f3dfad;border-radius:9px;justify-content:space-between;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.notice button{background:0 0;border:0;padding:0;font-size:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stats>div,.panel{background:#fff;border:1px solid #e6eaf0;border-radius:13px}.stats>div{padding:17px 18px}.stats span,.stats small{color:#778392;font-size:12px;display:block}.stats b{margin:7px 0 4px;font:800 25px Manrope;display:block}.stats small{font-size:11px}.layout{grid-template-columns:minmax(300px,390px) minmax(500px,1fr);align-items:start;gap:18px;display:grid}.panel{min-width:0;padding:19px}.panelhead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panelhead h2{align-items:center;gap:8px;margin:0 0 5px;font:700 16px Manrope;display:flex}.panelhead p{font-size:12px}.formpanel form,.templategrid form{gap:12px;display:grid}label{color:#52606e;gap:6px;font-size:12px;font-weight:600;display:grid}input,select{color:#25313e;background:#fff;border:1px solid #dce2e9;border-radius:7px;width:100%;min-width:0;padding:10px 11px;font:400 13px DM Sans}input:focus,select:focus{border-color:#4e8c78;outline:2px solid #e7f2ed}.twocol{grid-template-columns:1fr 1fr;gap:10px;display:grid}.search{color:#89939e;border:1px solid #dfe5eb;border-radius:8px;align-items:center;gap:8px;max-width:260px;padding-left:10px;display:flex}.search input{border:0;padding:9px 4px}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#7a8795;background:#f8fafb;border-bottom:1px solid #e8edf1;padding:11px 10px;font-weight:600}td{color:#394653;border-bottom:1px solid #edf0f3;padding:12px 10px}td small{color:#89939e;margin-top:4px;font-size:10px;display:block}.amount{font-variant-numeric:tabular-nums;font-weight:700}.pill{color:#66717e;background:#eef1f4;border-radius:20px;padding:5px 8px;font-size:10px}.pill.printed{color:#1d7b4c;background:#e5f5eb}.pill.voided,.pill.print_failed{color:#a43d3d;background:#fdeaea}.pill.queued{color:#8d651b;background:#fff2d8}.actions{gap:4px;display:flex}.actions button{padding:6px}.empty{text-align:center;color:#8a95a2;padding:30px 15px;font-size:13px}.welcome{text-align:center;background:#fff;border:1px solid #e6eaf0;border-radius:16px;max-width:600px;margin:9vh auto;padding:70px 20px}.welcome h2{font:700 21px Manrope}.welcome p{color:#7b8795;font-size:13px;line-height:1.6}.welcome small{color:#8b95a0;margin-top:16px;display:block}.welcomeicon{color:#1b5947;background:#e9f3ee;border-radius:18px;place-items:center;width:65px;height:65px;margin:0 auto 18px;display:grid}.scanlayout,.templategrid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.upload{text-align:center;color:#2d6a55;background:#f8fbf9;border:1.5px dashed #c8d4d0;border-radius:12px;place-items:center;gap:9px;padding:30px 16px;display:grid}.upload span{color:#89939e;font-weight:400}.upload input{max-width:250px;margin-top:8px}.buttonrow{gap:8px;margin-top:14px;display:flex}.muted{color:#808b98;margin-top:14px;font-size:12px;line-height:1.6}.scanpreview{object-fit:contain;background:#f7f8fa;border:1px solid #e4e9ed;border-radius:9px;max-width:100%;max-height:380px;padding:8px}.scanempty{color:#9aa5b1;border:1px dashed #d7dfe5;border-radius:10px;place-content:center;justify-items:center;gap:12px;height:250px;margin-bottom:16px;display:grid}.templategrid h3{margin:8px 0 0;font-size:13px}.fieldrow{border-bottom:1px solid #edf0f3;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.fieldrow span{text-transform:capitalize;font-size:12px}.fieldrow label{align-items:center;gap:5px;display:flex}.fieldrow input{padding:7px}.templateitem{color:#356c59;border-bottom:1px solid #edf0f3;align-items:center;gap:12px;padding:14px 0;display:flex}.templateitem div{color:#2e3a46;flex:1}.templateitem small{color:#87929e;margin-top:5px;font-size:11px;display:block}.calnote{color:#326550;background:#f0f7f3;border-radius:9px;gap:12px;margin-top:20px;padding:14px;display:flex}.calnote p{color:#6b8177;margin:6px 0 0;font-size:12px;line-height:1.5}@media (width<=1150px){.sidebar{width:210px}main{width:calc(100% - 210px);padding:22px 18px}.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.app{display:block}.sidebar{width:100%;padding:12px}.brand{padding-bottom:12px}.org,.sidebottom{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}main{width:100%;padding:18px 12px}header{align-items:flex-start;gap:10px}h1{font-size:20px}.header-actions .light{display:none}.scanlayout,.templategrid{grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:12px}.twocol{grid-template-columns:1fr}.panel{padding:13px}.search{max-width:160px}}.dashboardgrid,.batchgrid,.settingsgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.quickactions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quickactions button{color:#285e4d;background:#f8fbf9;border-color:#e4eee8;justify-content:flex-start;padding:17px}.quickactions button span{color:#33443d}.formgrid{gap:13px;display:grid}.formgrid h3{margin:5px 0 0;font-size:13px}.checklabel{grid-template-columns:auto 1fr;align-items:center;gap:9px;line-height:1.4;display:flex}.checklabel input{accent-color:#1b5947;width:15px;height:15px}.previewstats{gap:10px;display:grid}.previewstats span{color:#75818e;border-bottom:1px solid #edf0f3;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.previewstats b{color:#273c32}.reportstats{margin:18px 0}.checklist{gap:0;display:grid}.checklist>div{color:#287457;border-bottom:1px solid #edf0f3;gap:12px;padding:15px 0;display:flex}.checklist span{color:#2d3a46;gap:5px;display:grid}.checklist small{color:#7e8b96;font-size:12px;line-height:1.5}.settingsgrid form,.batchgrid form{gap:13px;display:grid}@media (width<=1150px){.dashboardgrid,.batchgrid,.settingsgrid{grid-template-columns:1fr}}@media (width<=800px){.quickactions{grid-template-columns:1fr 1fr}}.theme-picker{align-items:center;gap:8px;margin-left:auto;padding:0 18px;display:flex}.theme-picker label{color:var(--muted,#657184);font-size:12px;font-weight:700}.theme-picker select{border:1px solid var(--line,#dfe5ec);background:var(--surface,#fff);color:var(--text,#182230);font:inherit;border-radius:9px;padding:8px 10px}:root{--brand:#2463eb;--surface:#fff;--text:#182230;--line:#e5e9ef;--page:#f5f7fa}:root[data-theme=ocean]{--brand:#2463eb}:root[data-theme=emerald]{--brand:#07865b}:root[data-theme=violet]{--brand:#7653d6}:root[data-theme=sunset]{--brand:#d65b32}:root[data-theme=dark]{--brand:#75a7ff;--surface:#171c26;--text:#e8edf5;--line:#343d4c;--page:#10141b;color:var(--text);background:var(--page)}:root[data-theme=dark] body,:root[data-theme=dark] .app,:root[data-theme=dark] main{background:var(--page);color:var(--text)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .panel,:root[data-theme=dark] .card,:root[data-theme=dark] header,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] table{background:var(--surface);color:var(--text);border-color:var(--line)}:root{--brand:#2463eb;--brand-soft:#eaf1ff;--surface:#fff;--text:#182230;--line:#e5e9ef;--page:#f5f7fa;--muted:#657184;--nav-active:#eaf1ff}:root[data-theme=ocean]{--brand:#2463eb;--brand-soft:#eaf1ff;--nav-active:#eaf1ff}:root[data-theme=emerald]{--brand:#07865b;--brand-soft:#e4f7ef;--nav-active:#e4f7ef}:root[data-theme=violet]{--brand:#7653d6;--brand-soft:#f0eaff;--nav-active:#f0eaff}:root[data-theme=sunset]{--brand:#d65b32;--brand-soft:#fff0e9;--nav-active:#fff0e9}:root[data-theme=dark]{--brand:#75a7ff;--brand-soft:#23324b;--nav-active:#23324b;--surface:#171c26;--text:#e8edf5;--line:#343d4c;--page:#10141b;--muted:#a4afc0;color:var(--text);background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.primary,.logo{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}nav button.active{background:var(--nav-active)!important;color:var(--brand)!important}input:focus,select:focus{border-color:var(--brand)!important;outline-color:var(--brand-soft)!important}:root[data-theme=dark] body,:root[data-theme=dark] .app,:root[data-theme=dark] main,:root[data-theme=dark] .auth-shell{background:var(--page);color:var(--text)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .panel,:root[data-theme=dark] .stats>div,:root[data-theme=dark] header,:root[data-theme=dark] .auth-card,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] table,:root[data-theme=dark] th,:root[data-theme=dark] td,:root[data-theme=dark] button:not(.primary){background:var(--surface);color:var(--text);border-color:var(--line)}.auth-shell{background:var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);width:min(100%,460px);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 70px #14213d14}.auth-brand{align-items:center;gap:13px;margin-bottom:18px;display:flex}.auth-brand h1{margin:0;font-size:22px}.auth-brand p{color:var(--muted);margin:5px 0 0;font-size:12px}.auth-card form{gap:13px;display:grid}.auth-card form h2{margin:8px 0 0}.auth-card form p{color:var(--muted);margin:0 0 5px;font-size:13px;line-height:1.5}.auth-theme{justify-content:flex-end;margin:0 0 18px;padding:0}.link-button{color:var(--brand);background:0 0;border:0;justify-content:center;padding:5px}.auth-foot{color:var(--muted);text-align:center;margin-top:18px;font-size:11px;display:block}
