body { font-family: Arial, sans-serif; background: #f0f0f0; padding: 20px; }
h2, h3 { color: #333; }
.container { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; max-width: 600px; }
input { padding: 8px; margin-right: 10px; width: 200px; }
button { padding: 8px 12px; cursor: pointer; background: #28a745; color: #fff; border: none; border-radius: 4px; }
button:hover { background: #218838; }
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
pre { background: #222; color: #0f0; padding: 10px; overflow-x: auto; }
.btn-logout { float: right; text-decoration: none; color: #fff; background: #dc3545; padding: 5px 10px; border-radius: 4px; }
.btn-logout:hover { background: #c82333; }