:root{--bg:#141318;--bg-nav:#18171c;--card:#1f1d24;--card-2:#24222a;--border:#3a3642;--divider:#2e2b35;--text:#eeebf2;--text-body:#d6d2dd;--text-2:#aba5b6;--text-muted:#6e6879;--primary:#7a35e0;--primary-2:#a06bff;--primary-soft:#2a2040;--link:#c9a6ff;--link-hover:#e2cfff;--on-primary:#fff;--ok:#7fe0ae;--ok-bg:#183527;--ok-band:#17784b;--warn:#f2c46d;--warn-bg:#3a2c12;--warn-band:#e0a43a;--danger:#f08a80;--danger-bg:#3a1a18;--danger-band:#b3261e;--font:"IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-logo:"Pirata One", serif;--radius:12px;--radius-sm:8px;--tap:44px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0}a{color:var(--link)}a:hover{color:var(--link-hover)}button{font:inherit}.btn{border-radius:var(--radius);background:var(--primary);min-height:52px;color:var(--on-primary);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.mono{font-family:var(--font-mono)}.muted{color:var(--text-2)}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field select{min-height:var(--tap);border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;border-radius:10px;padding:0 14px;font-size:16px}.error-text{color:var(--danger);font-size:13px}.field input,.field select{box-sizing:border-box;min-width:0;max-width:100%}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{margin:0;font-size:24px}.toolbar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.toolbar .field{min-width:140px}.btn-sm{border-radius:10px;min-height:40px;padding:0 14px;font-size:14px}table.grid{border-collapse:collapse;width:100%;font-size:14px}table.grid th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}table.grid td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:12px}table.grid tr.click{cursor:pointer}table.grid tr.click:hover td{background:var(--card)}.scroll-x{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow-x:auto}.pill{background:var(--card-2);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.confirmed,.pill.checked_in,.pill.completed,.pill.open{background:var(--ok-bg);color:var(--ok)}.pill.pending_payment,.pill.scheduled{background:var(--warn-bg);color:var(--warn)}.pill.forfeited,.pill.cancelled,.pill.closed{background:var(--danger-bg);color:var(--danger)}.drawer-bg{z-index:20;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--card);border-left:1px solid var(--border);flex-direction:column;gap:16px;width:min(560px,100%);height:100%;padding:24px;display:flex;overflow-y:auto}.drawer h2{margin:0;font-size:20px}.kv{grid-template-columns:140px 1fr;gap:8px 16px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--text-2)}.kv dd{margin:0}.ok-text{color:var(--ok)}@media print{.no-print{display:none!important}body{color:#000;background:#fff}}