body{font-family:Arial,sans-serif;margin:0;background:#f7f7f8;color:#222}.wrap{max-width:1200px;margin:0 auto;padding:22px}nav{background:#1f2937;color:#fff;padding:12px 22px}nav a{color:#fff;margin-right:18px;text-decoration:none}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:18px;margin:14px 0;box-shadow:0 1px 3px #0001}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}th{background:#f0f2f5}.btn,button{background:#2563eb;color:#fff;border:0;border-radius:5px;padding:8px 12px;text-decoration:none;cursor:pointer}.danger{background:#b91c1c}.ok{background:#15803d}.muted{color:#666}.status{font-weight:bold;text-transform:capitalize}input,select,textarea{padding:8px;border:1px solid #bbb;border-radius:5px;max-width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.notice{padding:10px;background:#ecfdf5;border:1px solid #86efac;border-radius:6px}.error{padding:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}