* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: #1a1a1a; color: #fff; line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }

/* Navigation */
nav { background: #2a2a2a; border-bottom: 2px solid #d4af37; padding: 1rem 0; }
nav .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
nav .logo { font-size: 1.5rem; font-weight: bold; color: #d4af37; text-decoration: none; white-space: nowrap; }
nav ul { list-style: none; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; margin: 0; }
nav li { white-space: nowrap; }
nav a { color: #fff; text-decoration: none; transition: color 0.3s; font-size: 0.95rem; }
nav a:hover { color: #d4af37; }
nav .user-info { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; }
nav .notification-badge { position: relative; }
nav .notification-count { position: absolute; top: -8px; right: -8px; background: #dc3545; color: #fff; border-radius: 50%; padding: 2px 6px; font-size: 0.7rem; font-weight: bold; }
nav .lang-switcher { margin-left: 0.5rem; padding: 0.3rem 0.8rem; background: #3a3a3a; border-radius: 4px; font-size: 0.9rem; white-space: nowrap; }

/* Main Content */
main { min-height: calc(100vh - 200px); padding: 2rem 0; }

/* Cards */
.card { background: #2a2a2a; border: 1px solid #3a3a3a; border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem; }

/* Alerts */
.alert { padding: 1rem; border-radius: 4px; margin-bottom: 1rem; }
.alert-success { background: #155724; border: 1px solid #28a745; color: #d4edda; }
.alert-error { background: #721c24; border: 1px solid #dc3545; color: #f8d7da; }
.alert-warning { background: #856404; border: 1px solid #ffc107; color: #fff3cd; }
.alert-info { background: #0c5460; border: 1px solid #17a2b8; color: #d1ecf1; }
.alert-secondary { background: #383d41; border: 1px solid #6c757d; color: #d6d8db; }

/* Buttons */
.btn { display: inline-block; padding: 0.6rem 1.2rem; background: #d4af37; color: #000; text-decoration: none; border-radius: 4px; border: none; cursor: pointer; font-size: 1rem; transition: background 0.3s; }
.btn:hover { background: #b8941f; }
.btn-success { background: #28a745; color: #fff; }
.btn-success:hover { background: #218838; }
.btn-danger { background: #dc3545; color: #fff; }
.btn-danger:hover { background: #c82333; }
.btn-secondary { background: #6c757d; color: #fff; }
.btn-secondary:hover { background: #5a6268; }

/* Forms */
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: bold; }
.form-group input, .form-group textarea, .form-group select { width: 100%; padding: 0.6rem; background: #1a1a1a; border: 1px solid #3a3a3a; color: #fff; border-radius: 4px; font-size: 1rem; }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: #d4af37; }
.form-group small { display: block; margin-top: 0.3rem; color: #999; font-size: 0.9rem; }

/* Badges */
.badge { display: inline-block; padding: 0.3rem 0.6rem; border-radius: 4px; font-size: 0.85rem; font-weight: bold; }
.badge-success { background: #28a745; color: #fff; }
.badge-danger { background: #dc3545; color: #fff; }
.badge-warning { background: #ffc107; color: #000; }
.badge-info { background: #17a2b8; color: #fff; }
.badge-secondary { background: #6c757d; color: #fff; }

/* Reputation */
.reputation { color: #ffc107; font-weight: bold; }