:root{color:#183029;font-synthesis:none;--accent:#176b4d;--accent-strong:#0e563c;--accent-soft:#dcece4;--ink:#183029;--muted:#68766f;--line:#d9dfd8;--surface:#fffefb;--danger:#af352f;--warning:#9b6414;--radius-card:16px;--radius-control:12px;--shadow:0 10px 30px #1a3f3017;background:#f3f5ef;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;background:#f3f5ef}body{background:#f3f5ef;min-width:320px;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #176b4d42}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:48px;height:48px;color:var(--ink);cursor:pointer;place-items:center;display:inline-grid}.primary-button,.secondary-button,.danger-button{border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;border:1px solid #0000;min-height:50px;padding:0 18px;font-weight:760}.primary-button{color:#fffefb;background:var(--accent)}.primary-button:hover{background:var(--accent-strong)}.secondary-button{color:var(--accent-strong);background:var(--accent-soft);border-color:#c3ddcf}.danger-button{color:#fffefb;background:var(--danger)}button:active{transform:translateY(1px)scale(.99)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.field{gap:7px;display:grid}.field>span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:50px;color:var(--ink);border:1px solid #cbd4cc;padding:11px 13px}.money{font-variant-numeric:tabular-nums;font-weight:800}.sheet-backdrop{z-index:30;padding-top:env(safe-area-inset-top);background:#0d1f187a;align-items:end;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);width:min(100%,560px);max-height:min(92dvh,860px);padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;margin:0 auto;overflow:auto;box-shadow:0 -20px 70px #0a2c1e2e}.sheet-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sheet-header h2{margin:0;font-size:22px;line-height:1.25}.empty-state{text-align:center;min-height:240px;color:var(--muted);align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.empty-state strong{color:var(--ink);font-size:18px}@media (width>=900px){.sheet-backdrop{place-items:center;padding:28px}.sheet{border-radius:20px;max-height:calc(100dvh - 56px)}}@media (prefers-reduced-motion:no-preference){button{transition:transform .12s,background-color .18s,border-color .18s}.sheet{animation:.2s cubic-bezier(.2,.8,.2,1) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}}}