:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-hairline: color-mix(in srgb, #201e1d 10%, transparent);--color-muted: color-mix(in srgb, #201e1d 55%, transparent);--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-2-100: #f0fae1;--color-accent-2-600: #728157;--color-accent-2-800: #3d472b;--font-heading: "Caprasimo", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--radius-md: 16px;--radius-lg: 28px;--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#e8e2d6;color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.4}h1,h2,h3{font-family:var(--font-heading);font-weight:400;margin:0;line-height:1.15}button{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}.phone{width:390px;height:844px;background:var(--color-bg);border-radius:44px;box-shadow:0 24px 60px #2e2b2547,0 0 0 1px #2e2b250f;overflow:hidden;position:relative;display:flex;flex-direction:column}@media (max-width: 500px){body{background:var(--color-bg)}.stage{padding:0;min-height:100dvh}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}.statusbar,.home-indicator{display:none!important}.screen-head,.detail-head,.login{padding-top:max(14px,env(safe-area-inset-top))!important}}.statusbar{flex:none;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:14px;font-weight:700}.statusbar-icons{display:flex;align-items:center;gap:5px}.signal{display:flex;align-items:flex-end;gap:2px}.signal i{width:3px;background:var(--color-text);border-radius:1px}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:10px}.battery{width:22px;height:11px;border:1.5px solid var(--color-text);border-radius:3px;padding:1.5px;display:flex}.battery i{flex:1;background:var(--color-text);border-radius:1px}.home-indicator{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;pointer-events:none}.home-indicator i{width:120px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 30%,transparent)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row.baseline{align-items:baseline}.row.top{align-items:flex-start}.grow{flex:1;min-width:0}.muted-sm{font-size:12px;color:var(--color-muted)}.muted-xs{font-size:11px;color:var(--color-muted)}.meta{font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.amount{font-size:16px;font-weight:700}.amount-lg{font-size:18px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:var(--font-heading);font-size:14px;line-height:1.2;background:transparent;border:1px solid transparent;padding:8px 16px;border-radius:999px;min-height:40px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:not(:disabled):hover{background:var(--color-accent-600)}.btn-primary:not(:disabled):active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider);font-family:var(--font-body);font-weight:600}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent-700)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-link{font-family:var(--font-body);font-size:12px;font-weight:600;min-height:28px;padding:4px 8px}.btn-icon{width:36px;height:36px;min-height:36px;padding:0}.btn-lg{min-height:46px;font-size:15px}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-outline{border-color:var(--color-accent);color:var(--color-accent-700)}.tag-muted{border-color:color-mix(in srgb,var(--color-text) 25%,transparent);color:var(--color-muted)}.login{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;gap:28px}.brand{display:flex;flex-direction:column;align-items:center;gap:10px}.brand-mark{width:64px;height:64px;border-radius:20px;background:var(--color-accent);display:flex;align-items:center;justify-content:center}.brand-name{font-size:26px}.login-form{width:100%;display:flex;flex-direction:column;gap:14px}.login-form .btn{margin-top:8px;width:100%}.field label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:44px;padding:6px 16px;font:inherit;font-size:15px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}.footnote{margin:0;font-size:11px;color:color-mix(in srgb,var(--color-text) 45%,transparent);text-align:center}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.screen-head{flex:none;padding:6px 22px 14px;display:flex;flex-direction:column;gap:14px}.greeting{font-size:21px}.page-title{font-size:22px}.scroll{flex:1;overflow-y:auto;padding:0 22px 100px;display:flex;flex-direction:column;gap:14px}.scroll.tight{gap:10px}.entity-seg{display:flex;gap:6px;background:var(--color-surface);padding:4px;border-radius:999px}.entity-opt{flex:1;min-height:32px;border:none;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;background:transparent}.entity-opt:not(.is-active):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.entity-opt.is-active{background:var(--color-accent);color:var(--color-bg)}.chips{display:flex;gap:6px;overflow-x:auto}.chip{flex:none;min-height:30px;padding:0 14px;border:1px solid var(--color-divider);border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;background:transparent;white-space:nowrap}.chip:not(.is-active):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.chip.is-active{border-color:transparent;background:var(--color-text);color:var(--color-bg)}.balance{background:var(--color-accent);border-radius:26px;padding:20px;color:var(--color-bg);box-shadow:var(--shadow-md)}.balance-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.balance-total{font-size:30px;font-weight:700;margin-top:6px}.balance-sub{font-size:12px;opacity:.85;margin-top:4px}.balance-banks{display:flex;flex-direction:column;gap:6px;margin-top:14px}.balance-bank{display:flex;justify-content:space-between;font-size:13px;padding-top:6px;border-top:1px solid rgba(245,234,216,.25)}.balance-bank span{opacity:.9}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--color-surface);border-radius:20px;padding:14px}.stat.wide{grid-column:1 / -1}.stat-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.stat-value{font-size:19px;font-weight:700;margin-top:4px}.stat-value.warn{color:var(--color-accent-700)}.section-head{margin-top:4px}.section-title{font-size:16px}.card{background:var(--color-surface);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:6px}.card-btn{width:100%;text-align:left;border:none;cursor:pointer;gap:8px;transition:background .12s}.card-btn:hover{background:color-mix(in srgb,var(--color-surface) 88%,var(--color-text))}.card-btn:active{transform:scale(.99)}.empty{padding:22px;text-align:center;font-size:13px;color:var(--color-muted)}.tabbar{position:absolute;left:0;right:0;bottom:0;display:flex;background:var(--color-bg);border-top:1px solid var(--color-hairline);padding:10px 22px calc(22px + env(safe-area-inset-bottom))}.tabbar-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;color:var(--color-muted);position:relative}.tabbar-btn span:not(.badge){font-size:11px;font-weight:600}.tabbar-btn.is-active{color:var(--color-accent)}.badge{position:absolute;top:-4px;right:14px;min-width:16px;height:16px;border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.detail-head{flex:none;padding:8px 20px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-hairline)}.back{width:34px;height:34px;min-height:34px}.back:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.detail-id{font-size:15px;font-weight:700}.notice{margin:12px 20px 0;background:var(--color-accent-100);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--color-accent-800)}.notice svg{flex:none;margin-top:1px;stroke:var(--color-accent-700)}.detail-list{padding:14px 20px 140px;gap:10px}.line{background:var(--color-surface);border-radius:18px;padding:14px;transition:opacity .15s}.line.is-excluded{opacity:.5}.line-vendor{font-size:14px;font-weight:700}.line-row{display:flex;justify-content:space-between;font-size:12px;margin-top:8px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.line-row.tight{margin-top:3px}.line-net{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-top:6px;padding-top:6px;border-top:1px solid var(--color-hairline)}.check{width:24px;height:24px;flex:none;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1.5px solid color-mix(in srgb,var(--color-text) 30%,transparent);color:var(--color-bg)}.check.is-on{border:none;background:var(--color-accent-2)}.check:not(:disabled):hover{border-color:var(--color-accent-2)}.check.is-on:not(:disabled):hover{background:var(--color-accent-2-600)}.check:disabled{cursor:default}.action-bar{position:absolute;left:0;right:0;bottom:0;background:var(--color-bg);border-top:1px solid var(--color-hairline);padding:12px 20px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.action-sum{font-size:12px;color:var(--color-muted)}.action-sum strong{color:var(--color-text)}.action-btns{display:flex;gap:8px}.action-btns .reject{flex:1;font-size:14px}.action-btns .approve{flex:2;font-size:14px}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--color-neutral-900) 55%,transparent);z-index:20}.dialog{width:100%;background:var(--color-surface);border-radius:26px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-lg);animation:dialogIn .18s ease-out}.dialog-title{font-family:var(--font-heading);font-size:18px}.dialog-body{font-size:13px;color:color-mix(in srgb,var(--color-text) 70%,transparent);line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.dialog-actions .btn{font-size:13px;padding:0 18px}.dialog-actions .btn-primary{font-family:var(--font-body);font-weight:700}.toast{position:absolute;top:56px;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg);font-size:12px;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:0 6px 18px #00000040;animation:toastIn .2s ease-out;z-index:30;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{flex:1;display:flex;align-items:center;justify-content:center}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-top-color:var(--color-accent);animation:spin .8s linear infinite}.spinner.light{width:18px;height:18px;border-width:2px;border-color:#f5ead859;border-top-color:var(--color-bg)}.spin{display:inline-flex;animation:spin .8s linear infinite}.skeleton{display:flex;align-items:center;gap:10px;font-size:13px}.error-card{background:var(--color-accent-100);color:var(--color-accent-800);font-size:13px}.login-error{font-size:12px;color:var(--color-accent-800);background:var(--color-accent-100);border-radius:12px;padding:8px 12px}.dry-run{flex:none;margin:0 20px 6px;text-align:center;font-size:11px;font-weight:700;color:var(--color-bg);background:#7a1212;border-radius:999px;padding:4px 10px}.icon-btn-light{width:30px;height:30px;border-radius:999px;border:1px solid rgba(245,234,216,.35);background:transparent;color:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn-light:hover{background:#f5ead826}.icon-btn-light:disabled{opacity:.6;cursor:default}.batch-total{padding:2px 2px 4px}.amount-xl{font-size:26px;font-weight:700;margin-top:2px}.receipt{background:var(--color-accent-2-100);color:var(--color-accent-2-800);border-radius:18px;padding:14px}.receipt.is-rejected{background:color-mix(in srgb,var(--color-text) 7%,transparent);color:var(--color-text)}.receipt-title{font-family:var(--font-heading);font-size:16px}.receipt-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:8px 0 0;font-size:12px}.receipt-grid dt{opacity:.7}.receipt-grid dd{margin:0;font-weight:600;word-break:break-all}.notice{margin:0}.detail-list>.notice:first-child{margin-top:0}.reason-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.reason-chip{font-size:11px;font-weight:600;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--color-divider);background:transparent;cursor:pointer}.reason-chip.is-active{background:var(--color-text);color:var(--color-bg);border-color:transparent}.line-note{margin-top:6px}.audit{margin-top:8px;display:flex;flex-direction:column;gap:8px}.audit-list{list-style:none;margin:0;padding:0 0 0 12px;border-left:2px solid var(--color-divider);display:flex;flex-direction:column;gap:10px}.audit-item{font-size:13px;position:relative}.audit-item:before{content:"";position:absolute;left:-18px;top:5px;width:10px;height:10px;border-radius:999px;background:var(--color-accent-2)}@media (prefers-reduced-motion: reduce){.dialog,.toast{animation:none}.spinner,.spin{animation-duration:2s}}