:root{--bg:#f5f5f7;--card:#ffffff;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#16a34a;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--hover:#f3f4f6;--shadow-card:0 8px 40px rgba(37,99,235,0.10),0 2px 8px rgba(0,0,0,0.04);--radius:12px;--font:"IBM Plex Sans Thai",-apple-system,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:var(--font)}