:root{ --bg:#0b0c10; --card:#efe9df; --text:#eef1f7; --muted:#030912; --line:rgba(255,255,255,.10); }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:#0f1117; color:var(--text); }
a{ color:#9bd; text-decoration:none; }
.wrap{ max-width:1100px; margin:0 auto; padding:20px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; }
.row{ display:flex; gap:16px; flex-wrap:wrap; }
.col{ flex:1; min-width:280px; }
h1,h2{ margin:0 0 12px; }
.muted{ color:var(--muted); }
input,select,textarea,button{ width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:#0d0f14; color:var(--text); }
textarea{ min-height:120px; }
button{ cursor:pointer; background:#1b2333; }
button:hover{ filter:brightness(1.08); }
.topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.badge{ display:inline-block; padding:4px 10px; border-radius:999px; border:1px solid var(--line); color:var(--muted); font-size:12px; }
table{ width:100%; border-collapse:collapse; }
th,td{ border-bottom:1px solid var(--line); padding:10px; text-align:left; }
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
.tile{ background:#efe9de; border:1px solid var(--line); border-radius:12px; padding:10px; cursor:pointer; }
.tile img{ width:100%; height:110px; object-fit:cover; border-radius:10px; border:1px solid var(--line); }
.small{ font-size:13px; color:var(--muted); }