: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; }
    .actions { display:flex; gap:8px; justify-content:center; margin-top:16px; flex-wrap:wrap; }
    .btn { appearance:none; border:0; border-radius:12px; padding:10px 14px; cursor:pointer; font-weight:600; }
    .btn-primary { background:#8b5cf6; color:white; }
    .btn-secondary { background:#222233; color:#e9e9ef; }
    .btn:disabled { opacity:.6; cursor:not-allowed; }
    .row-compact td { padding:8px 6px; }
    input[type="text"] { background:#0f0f18; border:1px solid #2a2a40; color:#e9e9ef; border-radius:10px; padding:8px 10px; width:220px;}
    .bar { display:flex; gap:12px; align-items:center; justify-content:space-between; margin:0 0 12px; flex-wrap:wrap; }
    a { color:#a5b4fc; text-decoration:none; }
    a:hover { text-decoration:underline; }
    .muted { color:#9da3b0; font-size:.9rem; }