*{ box-sizing: border-box; }
body{ font-family: Arial, Helvetica, sans-serif; margin:0; background:#f7f7f7; }
header{ display:flex; justify-content:space-between; align-items:center; padding:10px 16px; background:#fff; border-bottom:1px solid #ddd; }
.brand{ display:flex; gap:10px; align-items:center; }
.brand img{ height:48px; }
nav a{ margin-left:12px; text-decoration:none; color:#333; }
main{ max-width:960px; margin:20px auto; background:#fff; padding:16px; border:1px solid #ddd; border-radius:8px; }
h2{ margin-top:0; }
.btn{ display:inline-block; padding:8px 12px; background:#0062ff; color:#fff; text-decoration:none; border-radius:4px; border:none; cursor:pointer; }
.btn-sm{ padding:4px 8px; font-size:12px; }
.btn-secondary{ background:#6c757d; }
.btn-danger{ background:#dc3545; }
.btn:hover{ opacity:0.9; }
table{ width:100%; border-collapse:collapse; margin-top:12px; }
th, td{ border:1px solid #ddd; padding:8px; text-align:left; }
.grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:8px; }
label{ display:flex; flex-direction:column; gap:4px; font-size:14px; }
input, select, textarea{ padding:8px; border:1px solid #ccc; border-radius:4px; }
.card{ padding:12px; border:1px solid #eee; border-radius:6px; background:#fafafa; }