body{font-family:system-ui, Arial, sans-serif; margin:0; background:#f7f7fb}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#111;color:#fff}
header a{color:#fff;text-decoration:none;margin-left:10px}
main{padding:20px}
.container{background:#fff;border:1px solid #e6e6ef;border-radius:10px;padding:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.card{border:1px solid #eee;border-radius:10px;padding:12px;background:#fafafa}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}
.btn.primary{background:#1a73e8;color:#fff;border-color:#1a73e8}
input,select{padding:8px;border-radius:8px;border:1px solid #ddd;width:100%}