@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap');

:root {
    --primary: #0d6efd;
    --dark: #212529;
    --light: #f8f9fa;
    --glass: rgba(255, 255, 255, 0.95);
}

body {
    font-family: 'Tajawal', sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
    direction: rtl;
    text-align: right;
}

.glass-card {
    background: var(--glass);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 30px;
    margin-top: 30px;
}

.btn-custom {
    background: var(--primary);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    transition: all 0.3s;
    border: none;
    font-weight: bold;
}
.btn-custom:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3); color: white;}

.status-badge { padding: 5px 12px; border-radius: 15px; font-size: 0.8em; font-weight: bold; }
.bg-ضعيف { background: #ffc107; color: #000; }
.bg-جيد { background: #17a2b8; color: #fff; }
.bg-ممتاز { background: #198754; color: #fff; }

.form-control { border-radius: 10px; padding: 12px; }
.form-control:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15); }