CSS_AdminLayout.css

/* إعدادات عامة */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Kufi Arabic",sans-serif;text-decoration:none;}
/* تنسيق الصفحة */
body{background:#F4F4F4;direction:rtl;}
/* الهيكل العام */
.layout{display:flex;min-height:100vh;}
/* الشريط الجانبي */
.sidebar{width:250px;height:100vh;position:fixed;top:0;right:0;background:#FDF4E5;border-left:1px solid #E5D8C7;display:flex;flex-direction:column;justify-content:space-between;z-index:1000;}
/* الجزء العلوي من الشريط */
.sidebar-top{width:100%;}
/* صندوق الشعار */
.sidebar-logo{height:115px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #E5D8C7;padding:10px;}
/* صورة الشعار */
.sidebar-logo img{width:145px;height:auto;object-fit:contain;}
/* قائمة الروابط */
.sidebar-menu{list-style:none;margin-top:18px;padding:0;}
/* عنصر القائمة */
.sidebar-menu li{margin-bottom:6px;}
/* روابط القائمة */
.sidebar-menu a{display:block;padding:18px 26px;color:#3E2454;font-size:17px;font-weight:700;text-align:right;position:relative;transition:.25s;}
/* تأثير المرور على الرابط */
.sidebar-menu a:hover{color:#70A0AF;}
/* الرابط النشط */
.sidebar-menu a.active{color:#70A0AF;}
/* الخط أسفل الرابط النشط */
.sidebar-menu a.active::after{content:"";position:absolute;right:22px;left:22px;bottom:14px;height:2px;background:#70A0AF;border-radius:2px;}
/* الجزء السفلي من الشريط */
.sidebar-bottom{padding:18px 20px 20px;border-top:1px solid #E5D8C7;display:flex;justify-content:center;}
/* زر تسجيل الخروج */
.logout-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#B8B1A8;font-size:15px;font-weight:600;transition:.25s;}
/* تأثير المرور على زر الخروج */
.logout-btn:hover{color:#C94B4B;}
/* أيقونة الخروج */
.logout-icon{width:18px;height:18px;object-fit:contain;}
/* المحتوى الرئيسي */
.main-content{margin-right:250px;width:calc(100% - 250px);min-height:100vh;display:flex;flex-direction:column;background:#F4F4F4;}
/* الهيدر */
.header{min-height:115px;background:#F4F4F4;border-bottom:1px solid #D8D2CB;display:flex;align-items:center;justify-content:space-between;padding:0 36px;}
/* عنوان الصفحة ووصفها */
.page-heading{display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
/* عنوان الصفحة */
.page-title{font-size:27px;font-weight:700;color:#3E2454;line-height:1.5;text-align:left;}
/* وصف الصفحة */
.page-description{font-size:15px;font-weight:500;color:#6E6478;line-height:1.7;margin-top:4px;text-align:left;}
/* الجزء الأيسر من الهيدر */
.header-left{display:flex;align-items:center;gap:12px;}
/* زر لوحة التحكم */
.profile-btn{background:#FDF4E5;color:#70A0AF;border:1px solid #D9CDBD;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:700;transition:.25s;}
/* تأثير المرور على زر لوحة التحكم */
.profile-btn:hover{background:#70A0AF;color:#FFFFFF;border-color:#70A0AF;}
/* أيقونات الهيدر */
.header-icons{display:flex;align-items:center;gap:10px;}
/* محتوى الصفحة */
.page{padding:24px 36px 30px;}
/* الشريط العلوي داخل الصفحة */
.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
/* زر الرجوع */
.backbtn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;}
/* أيقونة الرجوع */
.backicon{width:42px;height:42px;object-fit:contain;}