*{box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;margin:0;background:#fafafa;color:#111}
header{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#fff}
main{max-width:1200px;margin:auto;padding:16px}
nav a{margin-right:12px;color:#111;text-decoration:none}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px;margin:12px 0}
button,input,select{padding:8px;border:1px solid #bbb;border-radius:8px}
button.primary{background:#111;color:#fff;border-color:#111}
table{border-collapse:collapse;width:100%}th,td{border:1px solid #eee;padding:8px;text-align:left}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.badge{padding:2px 8px;border-radius:999px;background:#efefef;border:1px solid #ddd}
footer{padding:16px;text-align:center;color:#555}