body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f6f8fb;color:#0f172a}
header{padding:16px 20px;background:#1e3a8a;color:#fff;display:flex;justify-content:space-between;align-items:center}
header .brand{font-weight:700}
header a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:8px;margin-left:8px}
.container{padding:20px;max-width:1200px;margin:0 auto}
.grid{display:grid;grid-template-columns:360px 1fr;gap:20px}
@media (max-width:980px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:16px}
h3,h4{margin:0 0 10px}
.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
table.tbl{width:100%;border-collapse:separate;border-spacing:0}
thead th{position:sticky;top:0;background:#f1f5f9;border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}
tbody td{padding:10px;border-bottom:1px solid #e5e7eb}
tbody tr:nth-child(even){background:#fafbff}
tbody tr:hover{background:#eef2ff}
.btn{display:inline-block;background:#2563eb;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none}
.btn.outline{background:#fff;color:#2563eb;border:1px solid #2563eb}
.btn.danger{background:#dc2626}