:root{--brand-primary:#7c5cff;--brand-accent:#22d3ee;--brand-background:#0b0b14;--surface:#15151f;--border:#2a2a3a;--text:#f4f4f7;--muted:#9a9aae;--danger:#ff6b6b;--success:#4ade80}*{box-sizing:border-box}body{background:var(--brand-background);color:var(--text);margin:0;font-family:Noto Sans Thai,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.shell{flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem 1rem 3rem;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:60rem;display:flex}.brand{color:var(--brand-primary);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.5rem;font-weight:700}.who{color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1.25rem;width:100%;max-width:30rem;padding:2rem;display:flex}.card h1{margin:0;font-size:1.5rem}form{flex-direction:column;gap:1.25rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--muted);font-size:.9rem}.required{color:var(--danger)}.field input{border:1px solid var(--border);color:var(--text);font:inherit;background:#ffffff0a;border-radius:.5rem;padding:.7rem .85rem}.field input:focus-visible,button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);margin:0;font-size:.85rem}.checklist{color:var(--muted);gap:.2rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.checklist-item{gap:.5rem;display:flex}.checklist-item.met{color:var(--success)}.checkbox{color:var(--muted);align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}button.primary,button.secondary{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.75rem 1rem;font-weight:600}button.primary{background:var(--brand-primary);color:#fff}button.secondary{border-color:var(--border);color:var(--text);background:0 0}button:disabled{opacity:.55;cursor:not-allowed}button.link{color:var(--brand-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notice{border-radius:.5rem;margin:0;padding:.7rem .85rem;font-size:.9rem}.notice-error{color:var(--danger);background:#ff6b6b1f}.notice-success{color:var(--success);background:#4ade801f}.notice-info{color:var(--brand-accent);background:#22d3ee1f}.muted{color:var(--muted);margin:0;font-size:.9rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.summary{gap:.5rem;margin:0;display:grid}.summary div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.4rem;display:flex}.summary dt{color:var(--muted);font-size:.9rem}.summary dd{margin:0;font-size:.9rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tiles button{border:1px dashed var(--border);width:100%;color:var(--muted);font:inherit;background:#ffffff08;border-radius:.5rem;flex-direction:column;gap:.2rem;padding:1rem .5rem;display:flex}.tiles small{opacity:.7;font-size:.75rem}.footer{color:var(--muted);text-align:center;font-size:.8rem}.card.wide{max-width:48rem}.card h2{color:var(--muted);margin:.5rem 0 0;font-size:1rem}.money{white-space:nowrap;font-variant-numeric:tabular-nums}.money small{opacity:.7;font-size:.75em}.balance{color:var(--brand-accent)}.balance-card{border:1px solid var(--border);background:#7c5cff1f;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.balance-card strong{font-size:1.75rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:999px;padding:.35rem .85rem}.tiles .tile-action{border-style:solid;border-color:var(--border);color:var(--text);cursor:pointer}.field select{border:1px solid var(--border);color:var(--text);font:inherit;background:#ffffff0a;border-radius:.5rem;padding:.7rem .85rem}.rows{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.rows li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.4rem;font-size:.9rem;display:flex}.badge{border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.badge-credited,.badge-approved{color:var(--success);border-color:var(--success)}.badge-pending,.badge-requested{color:var(--brand-accent);border-color:var(--brand-accent)}.badge-rejected,.badge-failed{color:var(--danger);border-color:var(--danger)}.reference{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .5rem}th{color:var(--muted);font-weight:600}td.credit{color:var(--success)}td.debit{color:var(--danger)}