*{box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;margin:0;padding:0;background:#fafafa}.container{max-width:1000px;margin:0 auto;padding:16px}.header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #eee}.btn{border-radius:8px;text-decoration:none;display:inline-block}.input{padding:10px;border:1px solid #ddd;border-radius:8px;width:100%}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#f0f0f0;font-size:12px}.footer{padding:24px 0;color:#666}:root{--bg:#f8f9fb;--text:#111;--muted:#555;--primary:#2ecc71;--primary-strong:#27ae60;--card:#fff;--border:#e6e6e6}body{background:var(--bg);color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.btn{background:#111;color:#fff;border-radius:10px;padding:10px 14px;border:none}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-strong)}