:root{--bg: #0c1017;--panel: #111723;--panel-border: #263140;--panel-header-border: #1f2937;--text: #e8ecf1;--text-dim: #c9d2dd;--text-muted: #8a93a1;--text-faint: #5b6675;--accent: #22c55e;--accent-soft: #4ade80;--danger: #f87171;--warn: #eab308;--info: #60a5fa;--me: #a78bfa;--pill-bg: #1c2634;--pill-border: #334052}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,sans-serif;font-size:15px}.panel{background:var(--panel);border:.5px solid var(--panel-border);border-radius:8px}.panel-header{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:.5px solid var(--panel-header-border);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.panel-attention{border:1.5px solid var(--accent)}button{font:inherit;cursor:pointer;background:var(--pill-bg);color:var(--text);border:.5px solid var(--pill-border);border-radius:8px;padding:8px 16px}button.primary{background:var(--text);color:var(--bg);border:none;border-radius:999px}