body{font-family:Tahoma,Arial;background:#f1f5f9;color:#172b4d;margin:0}main{max-width:1000px;margin:32px auto;padding:20px}header{background:#102c52;color:white;padding:24px;border-radius:18px}section{background:white;padding:24px;margin:20px 0;border-radius:16px;box-shadow:0 4px 20px #102c5208}h1{font-size:25px}p{line-height:1.9}button{background:#087f8c;color:white;border:0;border-radius:8px;padding:12px 20px;cursor:pointer}input,select{padding:11px;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;box-sizing:border-box}label{display:block;margin:14px 0 7px}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:right;border-bottom:1px solid #e2e8f0}.notice{background:#fff4d5;padding:16px;border-radius:10px}.error{background:#ffe0e0;padding:16px}.ok{background:#d7f6e8;padding:16px}.scroll{overflow:auto}small{color:#596b80}
.activity-panel{margin-top:22px;background:#171a20;color:#d9e2f1;border:1px solid #333b49;border-radius:14px;overflow:hidden}.activity-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #333b49}.activity-head h3{margin:0;font-size:16px}.activity-badge{font-size:12px;color:#80d7cd}.activity-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px}.activity-tools input[type=search]{flex:1;min-width:150px;background:#101319;color:#e5eefb;border-color:#3b4453}.activity-tools button{background:#293442;padding:9px 14px}.activity-tools label{margin:0;font-size:12px}.activity-lines{height:280px;overflow:auto;padding:10px 14px;background:#101319;scrollbar-color:#465467 #101319}.activity-line{display:grid;grid-template-columns:32px 72px 68px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid #202734;font:13px/1.7 Tahoma,Arial;align-items:start}.activity-number,.activity-time{color:#8290a4;font-variant-numeric:tabular-nums}.activity-type{font:12px/1.9 monospace;color:#79b8ff}.activity-text{overflow-wrap:anywhere;white-space:pre-wrap;unicode-bidi:plaintext}.activity-line[data-level=SUCCESS] .activity-type{color:#7ce1b2}.activity-line[data-level=WAIT] .activity-type{color:#ffd180}.activity-line[data-level=ERROR] .activity-type{color:#ff9393}.activity-foot{padding:10px 16px;font-size:12px;color:#9eafc6}.activity-empty{padding:28px;text-align:center;color:#8290a4}@media(max-width:600px){.activity-line{grid-template-columns:24px 58px minmax(0,1fr);gap:6px;font-size:12px}.activity-time{display:none}.activity-lines{padding:8px}.activity-head{padding:14px}}

.invoice-preview{margin-top:24px;border:1px solid #dce5ef;border-radius:16px;overflow:hidden}.invoice-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;background:#edf6f7}.invoice-summary h3{font-size:22px;margin:0 0 8px}.invoice-balance{text-align:left;flex-shrink:0}.invoice-balance strong{display:block;font-size:30px;color:#087f8c;font-variant-numeric:tabular-nums}.invoice-balance span{font-size:13px;color:#596b80}.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:6px 22px}.invoice-field{padding:16px 8px;border-bottom:1px solid #edf0f5;min-width:0}.invoice-field dt{font-size:12px;color:#64748b;margin-bottom:7px}.invoice-field dd{margin:0;font-weight:bold;line-height:1.8;overflow-wrap:anywhere}.invoice-field dd small{display:block;font-size:11px;font-weight:normal}.preview-result{padding:0 22px 18px}.preview-result h4{font-size:17px;margin-bottom:12px}.preview-result table{font-size:14px}.preview-result td:nth-last-child(-n+2){font-variant-numeric:tabular-nums;white-space:nowrap}.preview-total td{font-weight:bold;background:#f4f8fb}.preview-links{font-size:13px}.preview-meta{padding:12px 22px;background:#f8fafc;font-size:12px;color:#64748b;line-height:1.9}.preview-meta a{color:#087f8c}.preview-status{margin-top:14px;font-size:12px;font-weight:bold;color:#087f8c}@media(max-width:600px){.invoice-grid{grid-template-columns:1fr;padding:4px 12px}.invoice-summary{align-items:flex-start;padding:16px;flex-wrap:wrap}.invoice-balance{text-align:right}.invoice-balance strong{font-size:26px}.preview-result{padding:0 12px 14px}}

.account-control{min-width:210px}.account-picker{width:100%;background:#fff;color:#172b4d;border:1px solid #bfcddd;text-align:right;font:inherit;line-height:1.7;padding:10px 14px;overflow-wrap:anywhere}.account-picker:hover,.account-picker:focus-visible{border-color:#087f8c;outline:2px solid #087f8c22}.account-dialog{width:min(660px,calc(100vw - 28px));max-height:85vh;padding:0;border:0;border-radius:16px;box-shadow:0 24px 80px #102c5255;color:#172b4d}.account-dialog::backdrop{background:#0f274b99}.account-dialog-head{padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#edf6f7}.account-dialog-head h3{margin:0}.account-dialog-head p{font-size:12px;margin:8px 0 0;color:#596b80}.account-dialog-head button{padding:8px 14px}.account-dialog-body{padding:4px 22px 16px}.account-dialog-body input{width:100%;font:inherit}.account-dialog-body label{font-size:13px}.account-results{max-height:42vh;overflow:auto;border:1px solid #e2e8f0;border-radius:10px}.account-result{display:block;width:100%;border-radius:0;border-bottom:1px solid #e2e8f0;background:white;color:#172b4d;padding:12px 14px;text-align:right;font:inherit;line-height:1.8}.account-result:last-child{border-bottom:0}.account-result:hover,.account-result:focus-visible{background:#edf6f7;outline:2px solid #087f8c;outline-offset:-2px}.account-result[aria-pressed=true]{background:#dff3ed}.account-result strong{display:block;overflow-wrap:anywhere}.account-result small{display:block;color:#596b80}.account-dialog-foot{padding:14px 22px;background:#f8fafc;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.account-dialog-foot button{background:#fce9e9;color:#9c2b2b}.account-dialog-foot button[hidden]{display:none}#account-results-count{font-size:12px;color:#596b80}.account-empty{padding:18px;color:#64748b}

/* Workspace redesign — UI only */
:root{--ink:#173049;--muted:#738397;--line:#e5ebf0;--teal:#087f83;--navy:#122e46;--surface:#fff;--page:#f4f7fa}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px}a{color:var(--teal);text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{transition:background .15s,box-shadow .15s}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(.97)}:focus-visible{outline:3px solid #5ab3b8;outline-offset:3px}main{margin:0;max-width:none;padding:0}section{margin:0;padding:0;background:transparent;box-shadow:none;border-radius:0}h2,h3{letter-spacing:-.4px}p{line-height:1.9}small{line-height:1.8}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;padding:30px 20px 24px;background:var(--navy);color:#d0dee9;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 6px 32px}.brand-mark{display:inline-grid;place-items:center;flex-shrink:0;width:47px;height:47px;background:#0d9590;border-radius:15px;color:#fff;font-size:30px;line-height:1;box-shadow:0 6px 18px #001e3422}.app-brand strong{display:block;font-size:25px;margin-bottom:5px}.app-brand small{color:#a9becf;font-size:11px}.sidebar-caption{font-size:10px;letter-spacing:1px;color:#88a1b5;padding:10px 15px}.app-nav{display:flex;flex-direction:column;gap:8px;margin-top:6px}.app-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;color:#bacddc;border-radius:10px;font-size:13px;white-space:nowrap}.app-nav a:hover{background:#ffffff08;color:white}.app-nav a.active{background:#0d827e;color:white;box-shadow:0 5px 15px #001e3420}.nav-icon{font-size:21px;width:22px;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;border-top:1px solid #ffffff14}.sidebar-status{font-size:12px;color:#d2e9e2;display:flex;gap:8px;align-items:center}.status-dot{display:inline-block;width:7px;height:7px;background:#47bc9b;border-radius:50%;flex-shrink:0}.sidebar-bottom p{font-size:11px;color:#8eabba;line-height:2}.app-version{font-size:10px;color:#7895aa}.workspace{min-width:0;padding:30px 38px 18px;max-width:1500px;width:100%;margin-inline:auto}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:0;background:transparent;color:var(--ink);padding:0 0 26px}.header-eyebrow{font-size:11px;color:var(--muted);margin-bottom:8px}.workspace-header h1{font-size:25px;margin:0}.workspace-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.mode-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d6e8e1;background:#edf7f2;color:#29755f;border-radius:30px;font-size:10px}.account-chip{color:var(--muted);font-size:11px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.quiet-button{background:transparent;color:#738397;border:1px solid #dbe4eb;padding:8px 12px;font-size:11px}.workspace-notice{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #e1e9ef;background:#f9fbfd;border-radius:11px;color:#718398;font-size:11px;margin-bottom:24px}.notice-symbol{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid #9eafbc;font-family:serif;font-style:italic;font-weight:bold;flex-shrink:0}.overview-hero{display:flex;justify-content:space-between;gap:25px;padding:33px 36px;border:1px solid #d8e8e8;border-radius:19px;background:linear-gradient(115deg,#e5f1ed,#f0f7f5 65%,#e9f4f4);position:relative;overflow:hidden}.eyebrow{display:block;font-size:11px;color:#628d87;margin-bottom:12px}.hero-copy{max-width:470px}.hero-copy h2{font-size:31px;line-height:1.6;margin:0 0 10px;color:#153f42}.hero-copy p{font-size:12px;color:#69827f;max-width:370px;margin-bottom:22px}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:25px;color:white;background:var(--teal);padding:12px 18px;border-radius:9px;font-size:12px}.hero-summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-width:215px}.hero-ring{width:130px;height:130px;border:10px solid #d4e7e1;border-top-color:#4b9f8d;border-right-color:#4b9f8d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7fbf855}.hero-ring strong{font-size:34px;color:#246b5e}.hero-ring small{font-size:10px;color:#709185}.hero-summary>div{text-align:center}.hero-summary b{display:block;font-size:12px;color:#39796d}.hero-summary>div>span{display:block;font-size:10px;color:#7f9992;margin-top:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 26px}.metric-card{padding:20px;background:white;border:1px solid var(--line);border-radius:14px;min-width:0}.metric-label{font-size:11px;color:#7a8a9c;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:18px}.metric-icon{font-size:17px;color:#6e9b9a;background:#eff6f4;width:29px;height:29px;border-radius:8px;text-align:center;line-height:29px}.metric-card>strong{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;display:block;color:#203b50;margin-bottom:8px}.metric-card>strong>span{font-size:15px;color:#7ca69b;font-weight:400}.metric-card>small{font-size:10px;color:#91a0ae}.accent-card{background:#eef7f3;border-color:#d6e9df}.accent-card>strong{color:#2c7a65}.overview-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px}.journey-card,.setup-card{padding:25px;background:white;border:1px solid var(--line);border-radius:15px}.journey-card h3,.setup-card h3{margin:0;font-size:16px}.section-description{font-size:12px;color:#8190a1;font-weight:normal;margin:8px 0 22px}.journey-item{display:flex;align-items:center;gap:15px;color:var(--ink);padding:18px 0;border-bottom:1px solid #eef2f5}.journey-item:last-child{border:0;padding-bottom:0}.journey-item>div{flex:1}.journey-item strong{font-size:12px;display:block}.journey-item small{display:block;color:#8a98a7;font-size:10px;margin-top:6px}.journey-number{width:34px;height:34px;border-radius:10px;background:#f0f6f6;color:#6b9692;display:grid;place-items:center;font-size:11px;flex-shrink:0}.journey-item>span:last-child{color:#8aaba5}.setup-card .eyebrow{margin-bottom:10px}.setup-card dl{margin:25px 0}.setup-card dl>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eef2f5;padding:15px 0}.setup-card dt{font-size:11px;color:#8392a2}.setup-card dd{margin:0;font-size:11px;text-align:left;color:#486176}.setup-card a{font-size:11px}.mini-pill{font-size:10px;background:#edf6f2;color:#4a8d76;border:1px solid #dbece3;padding:5px 10px;border-radius:20px}.view-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.section-heading{margin-bottom:22px;border-bottom:1px solid #edf1f5;padding-bottom:8px}.section-heading h2{font-size:21px;margin:0 0 12px}.section-heading .eyebrow{margin-bottom:9px}.view-panel>p{font-size:12px;color:#7e8c9b}.view-panel table{font-size:12px}.view-panel th{font-size:11px;background:#f6f8fa;color:#7f8e9e;font-weight:normal;padding:15px}.view-panel td{padding:17px 12px;line-height:1.9}.view-panel td button{font-size:11px;padding:9px 14px;border-radius:7px;white-space:nowrap}.view-panel table tr:last-child td{border-bottom:0}.view-panel input,.view-panel select{background:#fcfdfe;border-color:#dbe4ec;border-radius:8px;min-height:42px}.view-panel label{font-size:12px;color:#516b80}.view-panel .scroll{border:1px solid #e7edf2;border-radius:11px;margin:20px 0}.stage-button{background:#eef7f4!important;color:#267d6c!important;border:1px solid #d7eae2!important}.stage-button:hover{background:#e1f1ea!important}#stage-form>p{font-size:11px;color:#8391a0}#stage-form>p>label{display:flex;align-items:center;gap:7px}#stage-form input[type=checkbox]{min-height:auto}#stage-form>p>small{display:block;max-width:770px;font-size:10px}#stage-form>a,#refresh-data{font-size:11px}#batch-size{min-width:150px}#import-progress{background:#f2f8f6;border:1px solid #dcebe4;padding:15px;border-radius:10px;font-size:12px}#import-progress p{margin:7px 0}progress{accent-color:var(--teal)}#import-elapsed{font-size:10px;color:#78938b}.activity-panel{border-radius:12px;margin-top:25px;box-shadow:none}.activity-lines{height:245px}.activity-head h3{font-size:13px}.activity-type{font-size:10px}.activity-line{font-size:11px;grid-template-columns:26px 64px 63px minmax(0,1fr)}.activity-tools input[type=search]{background:#101319}.activity-foot,.activity-tools label{font-size:10px}.activity-tools button{min-height:32px;font-size:10px}.view-panel .account-control{min-width:0}.view-panel .account-picker{min-height:43px;font-size:12px;background:#fcfdfe;border-color:#dbe4ec}.view-panel td .account-picker{white-space:normal}#settings-form>input[type=datetime-local],#settings-form>.account-control{width:100%;max-width:500px}#settings-form>.account-control{margin-bottom:25px}.invoice-search-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.3fr) auto;column-gap:15px;row-gap:7px;max-width:850px}.invoice-search-form>label:nth-of-type(1){grid-row:1;grid-column:1}.invoice-search-form>label:nth-of-type(2){grid-row:1;grid-column:2}.invoice-search-form>input[name=invoice_id]{grid-row:2;grid-column:1;width:100%}.invoice-search-form>select,.invoice-search-form>input[name=branch_id]{grid-row:2;grid-column:2;width:100%}.invoice-search-form>button{grid-row:2;grid-column:3;padding:11px 22px}.invoice-search-form>p{grid-column:1/-1;font-size:10px}.invoice-summary{background:#eff7f4}.invoice-preview .scroll{margin:12px 0}.empty-state{padding:55px 20px;text-align:center;color:#8396a8}.empty-state>span{font-size:40px;color:#81aaa1}.empty-state h3{color:#426779;font-size:18px}.empty-state p{font-size:12px;margin-bottom:24px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4px 0;font-size:10px;color:#a3afbc}.error,.ok,.notice{font-size:12px;line-height:1.9;border-radius:10px}.login-workspace{max-width:430px;margin:10vh auto;padding:25px;width:100%}.login-brand{background:transparent;color:var(--ink);text-align:center;padding:20px}.login-brand h1{font-size:29px;margin:16px 0 5px}.login-brand p{font-size:12px;color:#7c91a3}.login-workspace>section{padding:28px;background:white;border:1px solid var(--line);border-radius:16px}.login-workspace>section h2{font-size:18px;margin-top:0}.login-workspace input{width:100%}.login-workspace button{width:100%}.account-dialog{border:1px solid #d6e2e7}.account-dialog-head{background:#eff7f4}.account-dialog-head h3{font-size:17px}.account-result small{font-size:11px}.account-result strong{font-size:13px}
@media(min-width:1600px){.workspace{padding:38px 50px}.overview-hero{padding:40px 45px}.hero-copy h2{font-size:36px}}
@media(max-width:1150px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.app-sidebar{padding:26px 14px}.workspace{padding:26px 24px}.account-chip{display:none}.metric-grid{gap:11px}.metric-card{padding:16px}.overview-hero{padding:28px}.hero-summary{min-width:160px}.overview-columns{grid-template-columns:1fr}.hero-copy h2{font-size:28px}}
@media(max-width:800px){.app-shell{display:block}.app-sidebar{height:auto;position:relative;padding:16px 20px 8px}.app-brand{padding:0 3px 14px;gap:10px}.brand-mark{width:36px;height:36px;font-size:24px;border-radius:11px}.app-brand strong{font-size:20px;margin:0}.app-brand small{font-size:9px}.app-brand>span:last-child{display:flex;align-items:center;gap:12px}.sidebar-caption,.sidebar-bottom{display:none}.app-nav{flex-direction:row;overflow-x:auto;gap:5px;margin:0;padding-bottom:5px}.app-nav a{font-size:10px;padding:10px 11px;gap:7px;flex-shrink:0}.nav-icon{font-size:16px;width:16px}.workspace{padding:22px 18px}.workspace-header{padding-bottom:20px;gap:12px}.workspace-header h1{font-size:21px}.header-eyebrow{font-size:10px}.workspace-tools{gap:7px}.mode-pill{font-size:9px;padding:7px 9px}.quiet-button{font-size:10px;padding:7px 9px}.workspace-notice{font-size:10px;padding:11px;margin-bottom:18px}.overview-hero{padding:25px}.hero-copy h2{font-size:26px}.hero-copy p{font-size:11px}.hero-summary{min-width:135px}.hero-ring{width:100px;height:100px;border-width:8px}.hero-ring strong{font-size:27px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}.view-panel{padding:21px}.view-panel td{padding:13px 10px}.activity-line{grid-template-columns:22px 52px 55px minmax(0,1fr);gap:5px}.activity-tools{padding:10px}.activity-dialog-head{padding:14px}.account-dialog-body{padding-inline:15px}}
@media(max-width:520px){.workspace{padding:18px 12px}.app-sidebar{padding:15px 12px 7px}.overview-hero{padding:23px;gap:5px}.hero-copy h2{font-size:24px}.hero-copy p{font-size:11px}.hero-summary{display:none}.primary-link{font-size:11px;padding:11px 15px}.metric-card{padding:15px}.metric-label{font-size:10px;margin-bottom:12px}.metric-card>strong{font-size:25px}.metric-card>small{font-size:9px}.journey-card,.setup-card{padding:20px}.view-panel{padding:18px 13px}.section-heading h2{font-size:20px}.invoice-search-form{grid-template-columns:1fr}.invoice-search-form>label,.invoice-search-form>input[name=invoice_id],.invoice-search-form>select,.invoice-search-form>input[name=branch_id],.invoice-search-form>button{grid-row:auto!important;grid-column:1!important}.invoice-search-form>label{margin-top:10px}.invoice-search-form>button{margin-top:9px}.activity-line{grid-template-columns:20px 50px minmax(0,1fr)}.activity-time{display:none}.activity-head{padding:13px}.activity-tools button{padding:8px 10px}.activity-foot{line-height:1.9}.view-panel .scroll{margin-top:17px}.invoice-summary{padding:17px}.workspace-footer{font-size:9px}.account-chip{display:none}.workspace-tools{gap:6px}.mode-pill{font-size:8px}.notice-symbol{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}