.kilbil-loyalty { max-width: 800px; }
.kilbil-loyalty__balance { margin-bottom: 30px; padding: 20px; background: #f8f9fa; border-radius: 4px; }
.kilbil-loyalty__balance-value { font-size: 24px; color: #21a038; margin: 15px 0; font-weight: bold; }
.kilbil-loyalty__alert { padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.kilbil-loyalty__alert--warning { background: #fff3cd; color: #856404; }
.kilbil-loyalty__alert--info { background: #d1ecf1; color: #0c5460; }
.kilbil-loyalty__history { overflow-x: auto; width: 100%; }
.kilbil-loyalty__table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.kilbil-loyalty__table th,
.kilbil-loyalty__table td { padding: 12px; text-align: left; border-bottom: 1px solid #e0e0e0; }
.kilbil-loyalty__table th { background-color: #f5f5f5; font-weight: bold; }
.kilbil-loyalty__table tr:hover { background-color: #f9f9f9; }
.kilbil-loyalty__col-in { color: #21a038; }
.kilbil-loyalty__col-out { color: #e53935; }
@media (max-width: 768px) {
    .kilbil-loyalty__table th, .kilbil-loyalty__table td { padding: 8px; font-size: 14px; }
    .kilbil-loyalty__balance { padding: 15px; }
    .kilbil-loyalty__balance-value { font-size: 20px; }
}
@media (max-width: 480px) {
    .kilbil-loyalty__table th, .kilbil-loyalty__table td { padding: 6px; font-size: 12px; }
}