:root{ --accent:#ff6a00; }
*{ box-sizing:border-box; }
body{ margin:0; background:#0b0b0b; color:#fff; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
a{ color: var(--accent); text-decoration:none; }
.top{ position:sticky; top:0; background:rgba(0,0,0,.6); border-bottom:1px solid #222; backdrop-filter: blur(8px); padding:10px 14px; display:flex; align-items:center; justify-content:space-between; }
.shell{ max-width:1100px; margin:0 auto; padding:16px; }
.card{ background:#111; border:1px solid #222; border-radius:16px; padding:16px; box-shadow:0 10px 25px rgba(0,0,0,.25); }
.grid{ display:grid; gap:16px; }
.grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
input,select,textarea{ width:100%; padding:10px 12px; background:#0e0e0e; border:1px solid #222; color:#fff; border-radius:10px; }
table{ border-collapse:collapse; width:100%; }
th,td{ border:1px solid #222; padding:8px; text-align:left; }
th{ background:#141414; }
.btn{ background:var(--accent); color:#000; font-weight:700; border:0; padding:10px 12px; border-radius:12px; cursor:pointer; }
.badge{ display:inline-block; padding:4px 10px; border-radius:999px; background:#1c1c1c; border:1px solid #222; }
.muted{ color:#aaa; }
.warn{ color:#ffcc00; }
.center{ text-align:center; }