*{
    box-sizing:border-box;
}

body{
    margin:0;
    padding:40px;
    background:#eef5f3;
    font-family:"Cairo","Tahoma",sans-serif;
    direction:rtl;
}


/* الصندوق الرئيسي */
.card{

    max-width:1100px;
    margin:auto;

    background:#ffffff;

    padding:50px;

    border-radius:35px;

    text-align:center;

    border-top:8px solid #006b5b;

    box-shadow:0 15px 40px rgba(0,0,0,0.12);

}


/* الشعار */

.logo img{

    width:170px;
    height:170px;

    object-fit:contain;

    margin-bottom:25px;

}


/* اسم النظام */

h1{

    color:#006b5b;

    font-size:40px;

    font-weight:900;

    margin:10px 0;

}


/* اسم المدرسة */

h2{

    color:#145da0;

    font-size:30px;

    font-weight:900;

    margin:15px 0;

}


/* المدير */

.manager{

    margin-top:25px;

    line-height:2;

}


/* عنوان المدير العام */

.manager-title{

    color:#7b2d26;

    font-size:23px;

    font-weight:900;

}


/* اسم المدير */

.manager-name{

    color:#006b5b;

    font-size:26px;

    font-weight:900;

}



/* أزرار اللغات */

.languages{

    margin:25px 0;

}


.languages button{

    background:linear-gradient(135deg,#006b5b,#145da0);

    color:white;

    border:none;

    padding:13px 35px;

    margin:8px;

    border-radius:30px;

    font-size:17px;

    font-weight:bold;

}



/* الأقسام */

.dashboard{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:22px;

    margin-top:45px;

}


.dashboard div{


    background:#f8fcfb;

    border:1px solid #d5e8e3;

    padding:25px 10px;

    border-radius:20px;

    color:#004d40;

    font-size:18px;

    font-weight:bold;

    box-shadow:0 5px 15px rgba(0,0,0,0.05);

    transition:.3s;

}


.dashboard div:hover{

    background:#006b5b;

    color:white;

    transform:translateY(-5px);

}


/* للجوال */

@media(max-width:900px){

.dashboard{

grid-template-columns:repeat(2,1fr);

}

}