body { font-family: system-ui, Arial, sans-serif; margin:0; background:#1348a4; }
.topbar { background:#1348a4; color:#fff; padding:10px; display:flex; gap:10px; align-items:center; }
.topbar a, .topbar .linklike { color:#fff; font-size:smaller; text-transform:uppercase; text-decoration:none; margin-right:10px; }
.topbar .linklike { background:none; border:none; cursor:pointer; }
.container { max-width:1200px; margin:20px auto; background:#1348a4; padding:20px; border-radius:8px; }
h1 { margin-top:0; }
.form label { display:table; margin-bottom:10px; }
.form input, .form select { width:100%; padding:8px; }
.form.inline label { display:inline-block; width:48%; vertical-align:top; }
.form.inline input, .form.inline select { width:100%; }
.btn { display:inline-block; padding:8px 12px; background:#0d47a1; color:#fff; text-decoration:none; border-radius:4px; }
.table { width:100%; border-collapse:collapse; margin-top:10px; }
.table th, .table td { border:1px solid #ddd; padding:8px; }
.alert.success { background:#e6ffed; padding:10px; border:1px solid #b7ebc6; }
.alert.error { background:#fff1f0; padding:10px; border:1px solid #ffa39e; }
.footer { text-align:center; color:#FFF; padding:20px; }
.frontbox { text-align:center; }
.logo { height:64px; margin-bottom:10px; }
@media (max-width:900px) {.form.inline label { width:100%; }
.table {width: 100%; border-collapse: collapse; min-width: 600px;}
.table th, .table td {padding: 10px 12px; text-align: left; border-bottom: 1px solid #e5e7eb; white-space: nowrap;}
@media (max-width: 640px) {.table-responsive {overflow-x: auto;}
.table {min-width: 100%; display: block;}
.table th,
.table td {white-space: normal; font-size: 14px; padding: 8px;}
.table th:nth-child(1),
.table td:nth-child(1),
.table th:nth-child(4),
.table td:nth-child(4),
.table th:nth-child(6),
.table td:nth-child(6),
.table th:nth-child(7),
.table td:nth-child(7) {display: none;}
.table-responsive::-webkit-scrollbar {height: 6px;}
.table-responsive::-webkit-scrollbar-thumb {background: #cbd5e1; border-radius: 3px;}
.topbar{display:flex; align-items:center; gap:12px; padding:10px 14px;}
.nav-links{ display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap;}
.nav-toggle{ display:none; margin-left:auto; font-size:24px; background:none; border:0; color:#fff; cursor:pointer;}
@media (max-width: 768px){.nav-toggle{ display:block; }
.nav-links{ display:none; width:100%; flex-direction:column; gap:8px; padding:8px 0; }
.topbar.open .nav-links{ display:flex; }
.dropdown{ position:relative; }
.dropdown-menu{ position:static; border:1px solid #ddd; }
}