*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d14;--bg2: #13131f;--bg3: #1a1a2e;--border: #2a2a3e;--text: #e0e0f0;--text2: #8888aa;--accent: #7c6af7;--green: #26a69a;--red: #ef5350;--yellow: #f0c040}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Noto Sans Thai,system-ui,sans-serif;font-size:13px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}button{cursor:pointer;border:none;border-radius:6px;font-size:13px;font-family:inherit;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}select,input{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit;outline:none}select:focus,input:focus{border-color:var(--accent)}