.admin-content{
    margin-right:650px; /* مساحة القائمة اليمنى */
    padding-top:140px;   /* مساحة الهيدر */
    width:1600px;
}

.admin_in_contr{
    background:#ffffff;
    position:absolute;
    width:50%;
  height:850px;
  margin-right:50px;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 6px 15px rgba(0,0,0,0.15); 

}

.admin_form2{
    background:#efefef;
    margin-top:80px;
    margin-right:100px;
    margin-left:100px;
    margin-bottom:80px;
    height:750px;
    font-size:20px;
    font-weight:700;
    box-shadow:0 -5px 15px rgba(0,0,0,0.1);
    z-index:999;
    overflow-y:auto;
    overflow-x:hidden;
    padding:25px;
    overflow:auto;
}

.admin_form2 img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.user_form2{
    background:#efefef;
    margin-top:80px;
    margin-right:100px;
    margin-left:100px;
    margin-bottom:80px;
    height:auto;
    font-size:20px;
    font-weight:700;
    box-shadow:0 -5px 15px rgba(0,0,0,0.1);
    z-index:999;
    overflow-y:auto;
    overflow-x:hidden;
    padding:25px;
    overflow:auto;
}


.user_form2 img{
    width:100%;
    height:100%;
    object-fit:cover;
}



.admin_text_h1{
  position:absolute;
  left:50%;
  top:5%; /* هذا المهم */
  transform:translate(-50%, -50%); /* توسيط كامل */
  margin:0;
  font-size:20px;
  font-weight:700;
  color:#399be6;
  white-space:nowrap;
}

.img-cell{
    width: 80px;
    height: 80px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.img-cell img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    display: block;
}

table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
    font-family:Cairo,sans-serif;
}

/* رأس الجدول */
table th{
    background:#2c3e50;
    color:white;
    padding:16px;
    font-size:18px;
    text-align:center;
}

/* خلايا الجدول */
table td{
    padding:14px;
    border-bottom:1px solid #eaeaea;
    text-align:center;
    color:#333;
    transition:0.3s;
}

/* تلوين الأسطر الفردية */
table tr:nth-child(even){
    background:#f8f9fb;
}


/* الصور داخل الجدول */
table td img{
    height:15%;
    width:auto;
    display:block;
   
   
    border-radius:12px;
    border:3px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
}
table td h4{
font-size:18px;
    text-align:center;
 color:#333;
}

table td h5{
font-size:14px;
    text-align:center;
 color:#333;
}

/* أزرار داخل الجدول */
table button{
    background:#3498db;
    color:white;
    border:none;
    padding:8px 14px;
    border-radius:8px;
    cursor:pointer;
    transition:0.3s;
}

table button:hover{
    background:#217dbb;
}

.textinp1{
    width:100%;
    height:15px;
    padding:15px;
    border-radius:12px;
    border:1px solid #ccc;
    font-size:18px;
    resize:none;
    outline:none;
    transition:0.3s;
    font-family:Cairo,sans-serif;
}

.textinp1:focus{
    border-color:#3498db;
    box-shadow:0 0 10px rgba(52,152,219,0.3);
}

.textarea1{
    width:100%;
    height:150px;
    padding:15px;
    border-radius:12px;
    border:1px solid #ccc;
    font-size:18px;
    resize:none;
    outline:none;
    transition:0.3s;
    font-family:Cairo,sans-serif;
}

.textarea1:focus{
    border-color:#3498db;
    box-shadow:0 0 10px rgba(52,152,219,0.3);
}

.slid_img {
    width:15%;
    height:15%;
    padding:15px;
    border-radius:12px;
    object-fit: cover;
   
}

.slid_text {
    width:60%;
    height:20%;
    padding:15px;
    border-radius:12px;
    object-fit: cover;
  

}

.edit_img{
    display:flex;
    align-items:center; /* محاذاة عمودية */
    justify-content:center;  /* توسيط أفقي */
    gap:15px; /* مسافة بين العناصر */
    height:100%;
}

.soch_img {
    width:1%;
    height:1%;
    padding:15px;
    border-radius:12px;
    object-fit: cover;
   
}

.textinp2{
    width:70%;
    height:15px;
    padding:15px;
    border-radius:12px;
    border:1px solid #ccc;
    font-size:16px;
    resize:none;
    outline:none;
    transition:0.3s;
    font-family:Cairo,sans-serif;
}

.textinp2:focus{
    border-color:#3498db;
    box-shadow:0 0 10px rgba(52,152,219,0.3);
}

.textarea2{
    width:90%;
    height:100px;
    padding:15px;
    border-radius:12px;
    border:1px solid #ccc;
    font-size:18px;
    resize:none;
    outline:none;
    transition:0.3s;
    font-family:Cairo,sans-serif;
}

.text_td1{
    font-size:14px;
    font-family:Cairo,sans-serif;
     resize:none;
}

.text_td3{
    font-size:18px;
    font-family:Cairo,sans-serif;
     resize:none;
}

.selinp1{
    width:100%;
    height:auto;
    padding:8px;
    border-radius:12px;
    border:1px solid #ccc;
    font-size:14px;
    resize:none;
    outline:none;
    transition:0.3s;
    font-family:Cairo,sans-serif;
}

.textinp1:focus{
    border-color:#3498db;
    box-shadow:0 0 10px rgba(52,152,219,0.3);
}

.save-btn-box{
    width:100%;
    text-align:center;
    margin-top:20px;
}


.reg-btn{
  background:var(--primary);
  color:#fff !important;
  padding:12px 24px;
  border-radius:8px;
    font-size:20px;
  font-weight:700;

  border:none;              /* إزالة الإطار */
  outline:none;             /* إزالة الإطار عند الضغط */

  border-radius:12px;       /* حواف أنعم */
  cursor:pointer;

  transition:0.3s;          /* حركة ناعمة */
}

/* عند المرور */
.reg-btn:hover{
  background:#399be6;
  transform:translateY(-2px); /* رفع خفيف */
  box-shadow:0 6px 15px rgba(0,0,0,0.15); /* ظل جميل */
}


/* الخلفية المعتمة */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* الصندوق */
.success-box {
    background: white;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    width: 500px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    animation: pop 0.4s ease;
}

.check-svg{
    width:80px;
    height:80px;

    animation:pop 0.4s ease;
    animation-delay:1s;
}

/* الدائرة */
.check-svg circle{
    fill:none;
    stroke:#00b140;
    stroke-width:3;

    stroke-dasharray:160;
    stroke-dashoffset:160;

    animation:drawCircle 0.6s ease forwards;
}

/* علامة الصح */
.check-svg path{
    fill:none;
    stroke:#00b140;
    stroke-width:5;
    stroke-linecap:round;
    stroke-linejoin:round;

    stroke-dasharray:50;
    stroke-dashoffset:50;

    animation:drawCheck 0.5s ease forwards;
    animation-delay:0.5s;
}

/* حركة الدائرة */
@keyframes drawCircle{
    to{
        stroke-dashoffset:0;
    }
}

/* حركة الصح */
@keyframes drawCheck{
    to{
        stroke-dashoffset:0;
    }
}


.checkmark {
  font-size: 20px;
  animation: pop 0.8s ease;
}
@keyframes pop{
    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.12);
    }

    100%{
        transform:scale(1);
    }
}