:root{--bg: #f5f8fe;--surface: #ffffff;--text: #16181d;--primary: #1e3a66;--primary-light: #a7c7f7;--primary-hover: #8eb6f4;--border: #e1e8f7;--muted: #9aa0aa;--muted-2: #6b7280;--muted-3: #4b5563;--green: #16a34a;--green-bg: #e8f5ec;--orange: #ea8a2b;--red: #dc2626;--red-bg: #fdecea;--purple: #7c3aed;--purple-bg: #f0e9fd;--track: #f7fafe;--radius: 10px;--radius-sm: 8px}*{box-sizing:border-box}html,body{margin:0}body{font-family:IBM Plex Sans Thai,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}input,select{font-family:inherit}.mono{font-family:IBM Plex Mono,monospace}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cdd7ea;border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}@keyframes ddin{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes ppin{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--primary-hover)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:#17325a}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}