body { font-family: sans-serif; padding: 20px; max-width: 1000px; margin: auto; }
.panels { display: flex; gap: 20px; }
.panel { border: 1px solid #ccc; padding: 20px; flex: 1; border-radius: 8px; }
label { display: block; margin-bottom: 10px; font-weight: bold; }
input { width: 100%; padding: 8px; box-sizing: border-box; margin-bottom: 10px; }
button { padding: 10px 20px; cursor: pointer; background: #007bff; color: white; border: none; border-radius: 4px; }
button:hover { background: #0056b3; }
.badge { padding: 4px 8px; border-radius: 4px; color: white; font-weight: bold; font-size: 0.9em; }
.badge-success { background: #28a745; }
.badge-warning { background: #ffc107; color: black; }
.badge-danger { background: #dc3545; }
.badge-info { background: #17a2b8; }