:root{--bg:#0b1020;--panel:#141b31;--text:#e9eefc;--muted:#8b95b3;--line:#2a3350;--accent:#38bdf8;--on:#22c55e;--sans:system-ui}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text)}
.cch-app{max-width:1040px;margin:0 auto;padding:1.2rem}
.cch-brand{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.cch-nav a{color:var(--muted);margin-right:1rem;text-decoration:none;font-size:.88rem}
.cch-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}
.cch-chips button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.4rem .7rem;border-radius:999px;cursor:pointer}
.cch-chips button.on{background:var(--accent);color:#082f49;border-color:var(--accent);font-weight:700}
.cch-table{width:100%;border-collapse:collapse;font-size:.85rem}
.cch-table th,.cch-table td{border:1px solid var(--line);padding:.5rem;text-align:left}
.cch-table th{background:#10182c;color:var(--accent)}
.cch-actions button{margin-top:.8rem;background:var(--on);color:#052e16;border:0;font-weight:700;padding:.5rem 1rem;border-radius:8px;cursor:pointer}