body { font-family: Arial, sans-serif; margin: 0; background: #f4f4f4; }
.container { max-width: 1000px; margin: 20px auto; padding: 20px; background: #fff; }
.container.small { max-width: 420px; }
.topbar { background: #0b3d91; color: #fff; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; }
.topbar a { color: #fff; margin-left: 12px; text-decoration: none; }
h1 { margin-top: 0; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ddd; padding: 8px; }
label { display: block; margin-top: 10px; }
input, select, button { padding: 8px; width: 100%; margin-top: 6px; box-sizing: border-box; }
button, .btn { background: #0b3d91; color: #fff; border: none; padding: 8px 12px; text-decoration: none; display: inline-block; margin-top: 10px; }
.row { display: flex; gap: 10px; flex-wrap: wrap; }
.alert { background: #ffdddd; padding: 8px; margin: 10px 0; }
.report { margin-top: 12px; background: #eef; padding: 10px; }