body { font-family: Arial, Helvetica, sans-serif; color:#111; margin:0; }
header { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid #eee; }
.logo { height:48px; }
h1 { font-size:18px; margin:0; }
.container { max-width: 1024px; margin: 0 auto; padding: 16px; }
.grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
input, select, textarea { padding:8px; border:1px solid #ddd; border-radius:8px; font-size:14px; }
table { width:100%; border-collapse: collapse; margin-top: 12px; font-size: 14px; }
th, td { border:1px solid #ddd; padding:8px; }
th { background:#f7f7f7; text-align:left; }
.acoes { display:flex; gap:8px; margin-top: 12px; }
button { border:1px solid #ddd; padding:8px 12px; border-radius:8px; background:#fff; cursor:pointer; }
button:hover { border-color:#bbb; }
@media (max-width: 900px) { .grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .grid { grid-template-columns: 1fr; } }