:root{--bg:#f6f7f8;--fg:#1b1f23;--card:#fff;--muted:#6b7280;--line:#e3e6ea;--accent:#0f766e;--accent-fg:#fff;--danger:#b91c1c;--warn:#b45309;--warn-bg:#fef3c7;--ok:#15803d;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Noto Sans Thai,Sarabun,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#101214;--fg:#e8eaed;--card:#1a1d21;--muted:#9aa0a6;--line:#2c3137;--accent:#2dd4bf;--accent-fg:#06201c;--danger:#f87171;--warn:#fbbf24;--warn-bg:#3a2e08;--ok:#4ade80}}*{box-sizing:border-box}body{margin:0}h1{margin:.5rem 0;font-size:1.3rem}h2{margin:1rem 0 .4rem;font-size:1.1rem}h3{margin:1rem 0 .3rem;font-size:1rem}.page{max-width:640px;padding:.75rem .75rem calc(5rem + env(safe-area-inset-bottom));margin:0 auto}.pad{padding:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:.4rem 0}.field-error{color:var(--danger);font-size:.85rem}.ok{color:var(--ok);margin:.4rem 0}.warn-box{background:var(--warn-bg);color:var(--warn);border-radius:8px;margin:.5rem 0;padding:.6rem .75rem}button,.btn,select,input,textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:.55rem .8rem}textarea{width:100%}button,.btn{cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}.small-btn{min-height:36px;margin-left:.5rem;padding:.25rem .6rem}.block{width:100%;margin:.5rem 0;display:flex}label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}label input,label select,label textarea{color:var(--fg)}.form-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin:.6rem 0;display:grid}.form-grid .wide{grid-column:1/-1}.login{max-width:360px;margin:3rem auto;padding:0 1rem}.login .form-grid{grid-template-columns:1fr}@media (width<=420px){.form-grid{grid-template-columns:1fr}}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.row input{flex:1;min-width:0}.actions{margin-top:.6rem}.actions button{flex:1}.seg{margin:.5rem 0;display:flex}.seg button{border-radius:0;flex:1;margin-left:-1px}.seg button:first-child{border-radius:8px 0 0 8px;margin-left:0}.seg button:last-child{border-radius:0 8px 8px 0}.seg button.active,.chips button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips button{border-radius:999px;min-height:38px}.day{background:var(--bg);z-index:1;padding:.3rem 0;position:sticky;top:0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:.5rem 0;padding:.75rem}.list{margin:0;padding:0;list-style:none}.list>li:not(.card){border-bottom:1px solid var(--line);padding:.5rem 0}.card-top{gap:.75rem;display:flex}.card-main{flex:1;min-width:0}.amount{font-size:1.4rem;font-weight:700}.thumb{flex:none;width:72px;height:96px;padding:0;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-sm{object-fit:cover;border-radius:6px;width:48px;height:48px}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.05rem .45rem;font-size:.75rem;display:inline-block}.tag.warn{color:var(--warn);border-color:var(--warn)}.tag.info{color:var(--accent);border-color:var(--accent)}.dup{margin:.5rem 0;font-size:.9rem}.edit{border-top:1px dashed var(--line);margin-top:.6rem;padding-top:.4rem}select.block{width:100%}.uploads{padding:0;list-style:none}.uploads li{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.up-err .small{color:var(--danger)}.total{font-size:2rem;font-weight:700}.qr{background:#fff;max-width:100%;margin:0 auto;display:block}.token{word-break:break-all;margin:.5rem 0;font-size:.75rem;display:block}.bottom{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:5;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom a,.bottom button{text-align:center;color:var(--muted);background:0 0;border:0;border-radius:0;flex:1;padding:.8rem .2rem;font-size:.85rem;text-decoration:none}.bottom .active{color:var(--accent);font-weight:700}.more{right:.5rem;bottom:calc(3.6rem + env(safe-area-inset-bottom));z-index:6;background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:10rem;display:flex;position:fixed}.more a,.more button{color:var(--fg);background:0 0;border:0;justify-content:flex-start;padding:.8rem 1rem;text-decoration:none}.viewer{z-index:10;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100%;max-height:100%}.viewer-close{position:absolute;top:.75rem;right:.75rem}.check{align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.acc-table{border-collapse:collapse;width:100%;margin:.4rem 0 1rem;font-size:.85rem}.acc-table th,.acc-table td{text-align:right;border-bottom:1px solid var(--line);padding:.3rem .4rem}.acc-table th:first-child,.acc-table td:first-child{text-align:left}