body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin:0; padding:0; background:#0b0f14; color:#e7edf3; }
header, footer { background:#0f1720; padding:12px 16px; }
a { color:#8ecaff; text-decoration:none; }
.wrap { max-width:960px; margin:0 auto; padding:16px; }
.card { background:#101923; border:1px solid #1b2a3a; border-radius:12px; padding:16px; margin-bottom:16px; }
.btn { display:inline-block; padding:8px 12px; border-radius:8px; border:1px solid #2a485f; }
.btn.primary { background:#16324a; border-color:#2a5b7a; }
input, textarea { width:100%; padding:10px; border-radius:8px; border:1px solid #203447; background:#0f1620; color:#e7edf3; }
label { display:block; margin-top:10px; font-weight:600; }
table { width:100%; border-collapse:collapse; }
th, td { padding:8px; border-bottom:1px solid #1b2a3a; text-align:left; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:12px; }
.product { background:#0f1620; border:1px solid #1b2a3a; border-radius:12px; padding:12px; }
.muted { opacity:0.75; }
.right { float:right; }