body { margin: 0; padding: 0; background: #f0f2f5; font-family: 'Segoe UI', sans-serif; }
.app-container { max-width: 480px; margin: auto; padding: 16px; }
.ads-banner { background: #e0e0e0; padding: 12px; border-radius: 8px; margin-bottom: 15px; text-align: center; }
.card.balance-card { background: #ffffff; border: 2px solid #007BFF; padding: 20px; border-radius: 12px; margin-bottom: 15px; text-align: center; }
.balance { font-size: 24px; color: #28a745; font-weight: bold; }
.action-buttons { display: flex; flex-direction: column; gap: 10px; margin-bottom: 15px; }
.action-buttons .btn { width: 100%; }
.retrait-form input { margin-bottom: 10px; padding: 10px; border-radius: 6px; border: 1px solid #ccc; }
.task-section { background: #f9f9f9; padding: 15px; border-radius: 10px; margin-bottom: 20px; }
.task-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.task-button-container { text-align: center; }
.btn { background: #007BFF; color: white; border: none; padding: 10px; border-radius: 6px; font-size: 16px; cursor: pointer; text-decoration: none; display: inline-block; }
.btn.secondary { background: #6c757d; }
.btn.disabled { background: #ccc; cursor: not-allowed; }
.logout-link { text-align: center; margin-top: 20px; }
.logout-link a { color: #dc3545; text-decoration: none; }