body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f6f9; margin: 0; }
.navbar { background-color: #343a40; color: white; padding: 15px; display: flex; justify-content: space-between; align-items: center; }
.navbar a { color: white; text-decoration: none; margin-left: 15px; }
.container { max-width: 900px; margin: 30px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
h1, h2 { color: #333; }
.btn { padding: 10px 20px; background: #007bff; color: white; text-decoration: none; border-radius: 5px; border: none; cursor: pointer; display: inline-block; }
.btn:hover { background: #0056b3; }
input, textarea, select { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
textarea.code-editor { background: #1e1e1e; color: #d4d4d4; font-family: monospace; height: 300px; }

/* Таблицы учителей */
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { padding: 12px; border-bottom: 1px solid #ddd; text-align: left; }
.row-cheat { background-color: #ffe6e6; }
.badge { padding: 5px 10px; border-radius: 10px; font-size: 0.8em; font-weight: bold; }
.badge-red { background: #dc3545; color: white; }
.badge-green { background: #28a745; color: white; }