body{font-family:Arial,sans-serif;background:#f3f5f8;margin:0;color:#1f2937}.top{background:#111827;color:white;padding:14px 22px;display:flex;justify-content:space-between}.top a{color:white;margin-left:14px;text-decoration:none}main{max-width:1200px;margin:22px auto;padding:0 14px}.card{background:white;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 10px #0001}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e5e7eb;text-align:left;padding:9px;font-size:14px}th{background:#f9fafb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:flex;flex-direction:column;font-size:13px;font-weight:700}input,select{padding:10px;border:1px solid #d1d5db;border-radius:8px;margin-top:5px}button{background:#2563eb;color:white;border:0;border-radius:8px;padding:11px 18px;font-weight:700;cursor:pointer}.muted{color:#6b7280}.login{max-width:380px;background:white;border-radius:12px;margin:80px auto;padding:24px;box-shadow:0 2px 10px #0001}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;margin-bottom:12px}pre{white-space:pre-wrap;max-width:420px}code{background:#eef2ff;padding:2px 5px;border-radius:5px}