body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; background:#f6f7fb; color:#222; }
header { background:#0f62fe; color:#fff; padding:12px 16px; display:flex; justify-content:space-between; align-items:center; }
header h1 { margin:0; font-size:18px; }
header nav a { color:#fff; margin-left:12px; text-decoration:none; opacity:.9; }
header nav a.active { font-weight:600; opacity:1; text-decoration:underline; }
main { padding:16px; }
table { width:100%; border-collapse:collapse; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.06); }
th, td { padding:10px 12px; border-bottom:1px solid #eee; font-size:14px; vertical-align:top; }
th { background:#fafbff; text-align:left; }
.actions a { margin-right:8px; }
a.warn { color:#b06d00; }
a.ok { color:#0a7d0a; }
a.danger { color:#c00; }
.search { margin:0 0 12px 0; display:flex; gap:8px; }
.search input { flex:1; padding:8px 10px; border:1px solid #ccc; border-radius:6px; }
.search button { padding:8px 12px; border:0; background:#0f62fe; color:#fff; border-radius:6px; }
.pagination { margin-top:12px; }
.pagination a { padding:6px 10px; margin-right:6px; background:#fff; border:1px solid #ddd; border-radius:4px; text-decoration:none; color:#333; }
.pagination a.active { background:#0f62fe; color:#fff; border-color:#0f62fe; }
.alert { background:#fff3cd; color:#664d03; padding:10px; margin-bottom:10px; border:1px solid #ffecb5; border-radius:6px; }
.success { background:#d1e7dd; color:#0f5132; padding:10px; margin-bottom:10px; border:1px solid #badbcc; border-radius:6px; }
.form { display:grid; grid-template-columns: 1fr 1fr; gap:12px 16px; background:#fff; padding:16px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.form label { font-size:12px; color:#444; }
.form input, .form select { padding:8px 10px; border:1px solid #ccc; border-radius:6px; width:100%; }
.form button { grid-column:1 / -1; padding:10px 14px; background:#0f62fe; color:#fff; border:0; border-radius:6px; }
.auth { display:flex; align-items:center; justify-content:center; height:100vh; }
.auth .card { width:320px; background:#fff; padding:20px; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.08); }
.auth h1 { margin-top:0; font-size:20px; }
.auth .alert { margin-top:10px; }
pre.meta { white-space: pre-wrap; word-break: break-word; margin:0; }