:root{--accent: #6d44f5;--accent-2: #7c5cfc;--accent-strong: color-mix(in srgb, var(--accent), #000 16%);--accent-tint: color-mix(in srgb, var(--accent) 6%, #fff);--accent-chip: color-mix(in srgb, var(--accent) 11%, #fff);--accent-badge-bg: color-mix(in srgb, var(--accent) 14%, #fff);--sb-bg: #ffffff;--sb-fg: #1d1736;--sb-text: #6b6880;--sb-muted: #9a96ad;--sb-label: #b3aec5;--sb-chip: #f4f2fa;--sb-border: #ecebf3;--r-card: 14px;--r-btn: 10px;--r-ctrl: 9px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;color:#1d1736;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#f4f2fa}h1,h2,h3,h4{font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif}button{font-family:inherit}::selection{background:#6d44f52e}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d8d3e6;border-radius:6px}::-webkit-scrollbar-track{background:transparent}aside ::-webkit-scrollbar-thumb{background:var(--sb-border)}.bc-row:hover{background:var(--accent-tint)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeDown{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important}a{color:inherit}