:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }
    body { margin:0; background:#0b0b0f; color:#e9e9ef; }
    .wrap { max-width:960px; margin:0 auto; padding:24px; }
    .title { font-size:1.6rem; font-weight:700; margin:8px 0 2px; }
    .subtitle { color:#b7b7c5; margin:0 0 16px; }
    .card { background:#12121a; border:1px solid #24243a; border-radius:16px; padding:16px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
    table { width:100%; border-collapse:collapse; }
    th, td { padding:10px 8px; border-bottom:1px solid #232338; }
    th { text-align:left; font-size:.9rem; color:#bfbfcd; letter-spacing:.02em; }
    tr:hover td { background:#151524; }
    .hdr { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
    a { color:#a5b4fc; text-decoration:none; }
    a:hover { text-decoration:underline; }
    .muted { color:#9da3b0; font-size:.9rem; }
    .controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
    select { background:#0f0f18; border:1px solid #2a2a40; color:#e9e9ef; border-radius:10px; padding:8px 10px; }
    .pill { background:#1c1c2a; border:1px solid #2a2a40; padding:6px 10px; border-radius:999px; }