:root{--bg:#0f172a;--panel:#1e293b;--panel-2:#273449;--line:#334155;--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--good:#34d399;--warn:#fbbf24;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif;font-size:17px}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100svh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{z-index:10;background:linear-gradient(180deg, var(--bg) 70%, transparent);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;position:sticky;top:0}.topbar h1{margin:0;font-size:22px;font-weight:700}.summary{color:var(--muted);margin-top:4px;font-size:15px}.summary strong{color:var(--accent);font-size:20px}.list{flex-direction:column;gap:8px;padding:4px 12px;display:flex}.row{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.row.picked{border-color:var(--accent);background:var(--panel-2)}.check{border:2px solid var(--line);background:0 0;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.check.on{border-color:var(--accent);background:var(--accent);color:#04283a}.row-main{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.row-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.row-sub{color:var(--muted);gap:8px;margin-top:2px;font-size:14px;display:flex}.row-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:700}.thumb{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:44px;height:44px}.empty{text-align:center;color:var(--muted);margin:48px 16px;line-height:1.7}.bottom{padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#0f172af0;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.btn{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex:1;padding:14px 12px;font-weight:600}.btn:active{opacity:.7}.btn.primary{background:var(--accent);border-color:var(--accent);color:#04283a}.btn.good{background:var(--good);border-color:var(--good);color:#06301f}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);background:0 0;border-color:#7f1d1d}.btn:disabled{opacity:.45}.sheet-bg{z-index:50;background:#020617b8;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-top:1px solid var(--line);padding:16px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:92svh;overflow-y:auto}.sheet h2{margin:4px 0 14px;font-size:19px}.sheet-options{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.opt .icon{font-size:24px}.opt small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:5px;font-size:13px;display:block}.field input,.field textarea,.field select{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;padding:13px 14px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field.amount input{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 14px;font-size:15px}.chip.on{background:var(--accent);border-color:var(--accent);color:#04283a;font-weight:600}.form-actions{gap:10px;margin-top:18px;display:flex}.preview{object-fit:contain;border:1px solid var(--line);background:#000;border-radius:12px;width:100%;max-height:40svh;margin-bottom:12px}.notice{color:var(--warn);background:#422006;border:1px solid #854d0e;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:14px;line-height:1.5}.notice.error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.items-read{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:14px}.items-read div{color:var(--muted);justify-content:space-between;gap:10px;padding:3px 0;display:flex}.login{place-items:center;min-height:100svh;padding:24px;display:grid}.login-box{text-align:center;width:100%;max-width:320px}.login-box h1{margin-bottom:6px;font-size:26px}.login-box p{color:var(--muted);margin-top:0;margin-bottom:22px}.login-box input{text-align:center;letter-spacing:8px;border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;padding:14px;font-size:28px}.batch{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:12px 14px}.batch-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.batch-head b{font-size:17px}.batch-lines{border-top:1px solid var(--line);color:var(--muted);margin-top:8px;padding-top:8px;font-size:14px}.batch-lines div{justify-content:space-between;gap:10px;padding:3px 0;display:flex}.spinner{border:2px solid #ffffff40;border-top-color:var(--text);vertical-align:-3px;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sheet-paper{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.sheet-paper h2{text-align:center;margin:0 0 4px;font-size:19px}.sheet-sub{text-align:center;color:var(--muted);margin-bottom:14px;font-size:14px}.sheet-table{border-collapse:collapse;width:100%;font-size:14px}.sheet-table th,.sheet-table td{border:1px solid var(--line);vertical-align:top;text-align:left;padding:8px 10px}.sheet-table th{background:var(--panel-2);text-align:center;font-size:13px}.sheet-table .c{text-align:center}.sheet-table .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sheet-table .b{font-size:16px;font-weight:700}.sheet-table .muted{color:var(--muted);margin-top:2px;font-size:12px}.sign-row{color:var(--muted);gap:24px;margin-top:34px;font-size:14px;display:flex}.sign-row>div{text-align:center;flex:1}.sign-line{border-bottom:1px solid var(--line);margin-top:34px}@media print{.no-print,.bottom,.topbar{display:none!important}html,body,.app,.summary-page{color:#000!important;background:#fff!important;min-height:auto!important;padding:0!important}.list{padding:0!important}.sheet-paper{background:#fff!important;border:0!important;border-radius:0!important;padding:0!important}.sheet-paper h2,.sheet-table .b{color:#000!important}.sheet-sub,.sheet-table .muted,.sign-row{color:#444!important}.sheet-table th,.sheet-table td{border-color:#999!important}.sheet-table th{color:#000!important;background:#eee!important}.sign-line{border-color:#666!important}}