body { font-family: Arial, Helvetica, sans-serif; padding:16px; margin:0; background:#f5f5f5; }
.card { background:#fff; border-radius:6px; padding:16px; margin-top:18px; box-shadow:0 2px 4px rgba(0,0,0,.12); }
input, textarea, select { width:100%; padding:8px; border:1px solid #aaa; border-radius:4px; }
h2 { margin-top:0; font-size:18px; font-weight:bold; }
.btn { width:100%; padding:12px; background:#1976d2; color:#fff; border:none; border-radius:5px; font-size:16px; margin-top:10px; }
.wrapper { width:100%; max-width:1200px; margin:0 auto; }
.table-scroll { width:100%; overflow-x:auto; }
.table { width:100%; border-collapse:collapse; background:#fff; }
.table th, .table td { border:1px solid #bdbdbd; padding:6px; font-size:12px; }
.table th { background:#e9e9e9; font-weight:bold; text-align:center; }
.title { font-size:20px; font-weight:bold; text-align:center; background:#efefef; }
.logo-cell { width: 120px; text-align:center; }
.logo-cell img { max-width:100px; }
.meta th { width: 18%; text-align:left; }
.meta td { width: 32%; }
@media (max-width:560px){ input, select, textarea{ font-size:16px } }