*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#06c755;--primary-hover:#05b34c;--primary-active:#049f43;--primary-tint:#06c7551f;--primary-glow:#06c75540;--danger:#ef4444;--danger-hover:#dc2626;--danger-tint:#ef44441f;--warning:#f59e0b;--warning-hover:#d97706;--warning-tint:#f59e0b1f;--success:#10b981;--success-hover:#059669;--success-tint:#10b9811f;--info:#38bdf8;--info-hover:#0284c7;--info-tint:#38bdf81f;--delivery-lineman:#06c755;--delivery-grab:#00b14f;--delivery-robinhood:#8c44db;--delivery-shopee:#ee4d2d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-caption:.75rem;--text-caption-md:.8rem;--text-label:.85rem;--text-body-sm:.9rem;--text-body:.95rem;--text-tabular:1rem;--text-subtitle:1.05rem;--text-title-sm:1.1rem;--text-title:1.25rem;--text-title-lg:1.5rem;--text-display:clamp(1.75rem, 4vw, 2.25rem);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000002e;--shadow-lg:0 8px 30px #00000059;--shadow-glow-primary:0 4px 16px #06c75540;--bg:#12141c;--surface:#181c28;--surface-raised:#202536;--surface-overlay:#282e42;--border:#2b3248;--border-subtle:#202638;--text-primary:#f0f2f8;--text-secondary:#8e99b0;--text-muted:#64748b;--green:var(--primary);--dark:var(--bg);--card:var(--surface);--accent:#0f3460;--text:var(--text-primary);--muted:var(--text-secondary)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f8fafc;--surface:#fff;--surface-raised:#f1f5f9;--surface-overlay:#e2e8f0;--border:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 30px #0f172a1f}}[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-raised:#f1f5f9;--surface-overlay:#e2e8f0;--border:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 30px #0f172a1f}[data-theme=dark]{--bg:#12141c;--surface:#181c28;--surface-raised:#202536;--surface-overlay:#282e42;--border:#2b3248;--border-subtle:#202638;--text-primary:#f0f2f8;--text-secondary:#8e99b0;--text-muted:#64748b;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000002e;--shadow-lg:0 8px 30px #00000059}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:var(--primary);text-decoration:none;transition:opacity .15s}a:hover{opacity:.9;text-decoration:underline}code{background-color:var(--surface-overlay);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--primary);border:1px solid var(--border-subtle);padding:2px 6px;font-size:.875em}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.touch-target{box-sizing:border-box;justify-content:center;align-items:center;min-height:48px;display:inline-flex}.ui-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.ui-card-raised{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md)}.ui-input{border-radius:var(--radius-md);background-color:var(--surface-raised);width:100%;min-height:48px;color:var(--text-primary);border:1px solid var(--border);font-size:var(--text-tabular);box-sizing:border-box;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.ui-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ui-btn-primary{border-radius:var(--radius-md);background-color:var(--primary);color:#fff;width:100%;min-height:48px;font-size:var(--text-tabular);cursor:pointer;box-shadow:var(--shadow-glow-primary);justify-content:center;align-items:center;gap:var(--space-sm);border:none;padding:12px 20px;font-weight:700;transition:background-color .15s,transform .1s;display:inline-flex}.ui-btn-primary:hover{background-color:var(--primary-hover)}.ui-btn-primary:active{background-color:var(--primary-active);transform:translateY(1px)}.ui-btn-primary:disabled{background-color:var(--surface-raised);color:var(--text-muted);cursor:not-allowed;box-shadow:none}