:root{--primary:#2b6cb0;--accent:#10b981;--muted:#6b7280;--bg:#fafafa;--card:#fff;--radius:10px}
*{box-sizing:border-box}body{font-family:Inter, Arial, sans-serif;background:var(--bg);margin:0;padding:18px;color:#111}
.container{max-width:1100px;margin:0 auto;background:var(--card);padding:20px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.05)}
header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.btn{background:var(--primary);color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:#fff;border:1px solid #eee;padding:12px;border-radius:8px}
.footer{text-align:center;color:var(--muted);padding:16px 0;margin-top:18px}