body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#f8fafc;color:#0f172a}
header,footer{background:#0f172a;color:#fff;padding:16px}
.container{max-width:1100px;margin:0 auto;padding:16px}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
input[type=text]{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}
button,.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid #0f172a;background:#0f172a;color:#fff;text-decoration:none}
.btn-secondary{background:#334155;border-color:#334155}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left}
.pagination a{margin:0 4px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;text-decoration:none;color:#0f172a}
.pagination .active{background:#0f172a;color:#fff;border-color:#0f172a}
.badge{display:inline-block;padding:4px 8px;border-radius:6px;background:#e2e8f0;font-size:.85rem}