body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 20px; background: #f4f6f8; }
h1,h2 { color: #333; }
input, select, button { padding: 8px; margin: 5px 0; font-size: 14px; }
button { cursor: pointer; background: #007bff; color: white; border: none; border-radius: 4px; transition: 0.2s; }
button:hover { background: #0056b3; }
table { border-collapse: collapse; width: 100%; margin-top: 20px; background: white; border-radius: 8px; overflow: hidden; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: center; }
th { background: #e9ecef; }
#judgesContainer, #historyContainer { margin-top: 20px; }
.topBar { display:flex; justify-content: flex-end; margin-bottom: 20px; }
.card { background:white; padding:15px; border-radius:8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom:20px;}