:root{ --bg:#0b0b0b; --fg:#fff; --acc:#FF6958; }
*{ box-sizing:border-box; }
html,body{ margin:0; background:#111; color:var(--fg); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu; }
a{ color:var(--acc); text-decoration:none; }
a:hover{ text-decoration:underline; }
.card{ background:#181818; border:1px solid #2a2a2a; padding:1rem; border-radius:16px; max-width:1000px; margin:1rem auto; }
h1,h2{ margin:.2rem 0 .8rem; }
.form label{ display:block; margin:.5rem 0; }
input,select,button,.btn{ background:#0f0f0f; color:#fff; border:1px solid #2a2a2a; padding:.6rem .8rem; border-radius:10px; }
button,.btn{ cursor:pointer; }
.error{ color:#ff5a5a; }
.topbar{ display:flex; justify-content:space-between; align-items:center; padding:1rem; background:#0f0f0f; position:sticky; top:0; border-bottom:1px solid #2a2a2a; }
.grid{ display:grid; grid-template-columns:1fr; gap:1rem; max-width:1100px; margin:1rem auto; padding:0 1rem; }
.actions{ display:flex; gap:.6rem; flex-wrap:wrap; }
.filters{ display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:.5rem; }
table{ width:100%; border-collapse:collapse; }
th,td{ text-align:left; padding:.5rem; border-bottom:1px solid #2a2a2a; }
.btn{ background:var(--acc); color:#111; font-weight:600; }