:root{--bg:#fbf9ff;--surface:#ffffff;--surface-2:#f2eefa;--text-hi:#1a1330;--text-mid:#5b5470;--border:#e5dff2;--purple:#7c3aed;--orange:#fb5a3c}@media (prefers-color-scheme:dark){:root{--bg:#120a1f;--surface:#1d1330;--surface-2:#281c40;--text-hi:#ffffff;--text-mid:#b8afd0;--border:#362a50}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text-hi);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}a{color:var(--purple)}table{width:100%;border-collapse:collapse}td,th{text-align:start;padding:10px 12px;border-bottom:1px solid var(--border)}.card{border:1px solid var(--border);border-radius:16px;padding:20px}.card,.nav{background:var(--surface)}.nav{display:flex;gap:4px;padding:16px 24px;border-bottom:1px solid var(--border)}.nav a{padding:8px 14px;border-radius:999px;color:var(--text-mid);text-decoration:none;font-weight:600;font-size:14px}.nav a:hover{background:var(--surface-2)}.container{max-width:960px;margin:0 auto;padding:24px}.button,button{background:var(--purple);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-weight:600;cursor:pointer}input,select{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-hi)}