@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";/*!
* 
*   Mon Sep 06 2021 22:45:41 GMT-0500 (Central Daylight Time)
*   Accessible NProgress, (c) 2021 Nicholas Mackey - http://nmackey.com/accessible-nprogress
*   @license MIT
*
*//*!******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles.css ***!
  \******************************************************************/#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-bg: #fbf8f3;--color-surface: #ffffff;--color-surface-muted: #f5efe6;--color-text: #3e3528;--color-text-strong: #2b251c;--color-text-muted: #6c5e48;--color-border: #ebe1d0;--color-border-strong: #d8c9ad;--color-primary: #254075;--color-primary-soft: #eef1f9;--color-accent: #4f8264;--color-shadow: 58, 50, 39;color-scheme:light}#dark{--color-bg: #1a1610;--color-surface: #2b251c;--color-surface-muted: #3e3528;--color-text: #f5efe6;--color-text-strong: #ffffff;--color-text-muted: #d8c9ad;--color-border: #524634;--color-border-strong: #6b5d46;--color-shadow: 0, 0, 0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:calc(72px + 1rem)}body{min-height:100vh;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.55;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 0% 0%,rgba(37,64,117,.05) 0,transparent 38%),radial-gradient(circle at 100% 100%,rgba(74,132,83,.05) 0,transparent 42%);background-attachment:fixed;-webkit-tap-highlight-color:transparent}body[dir=rtl]{text-align:right}body[dir=ltr]{text-align:left}h1,h2,h3,h4,h5,h6{font-family:Cairo,Almarai,Inter,sans-serif;font-weight:700;color:#2b251c;letter-spacing:-.01em;line-height:1.2}h1{font-size:2rem}h2{font-size:1.625rem}h3{font-size:1.375rem}h4{font-size:1.125rem;font-weight:600}h5{font-size:1rem;font-weight:600}h6{font-size:.9375rem;font-weight:600}p{line-height:1.55}a{color:#2d4a82;text-decoration:none;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}a:hover{color:#254075}a:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533;border-radius:4px}ul,ol{list-style:none}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:none}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{background:transparent;border:1px solid transparent;outline:none}input::placeholder,textarea::placeholder{color:#8e7d60;opacity:1}::selection{background:rgba(37,64,117,.18);color:#20355f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ebe1d0;border:2px solid transparent;background-clip:padding-box;border-radius:999px;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:#d8c9ad;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#ebe1d0 transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.main-layout{min-height:100vh;display:flex;position:relative;background:#fbf8f3}.main-layout .main-layout-sidebar{height:100vh;position:sticky;top:0;z-index:30;transition:width .22s cubic-bezier(.16,1,.3,1);flex-shrink:0}.main-layout .main-layout-content{flex:1;min-width:0;display:flex;flex-direction:column;background:#fbf8f3;min-height:100vh}.main-layout .main-layout-content .main-layout-navbar{position:sticky;top:0;z-index:20;height:72px;width:100%;background:rgba(251,248,243,.85);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #ebe1d0}.main-layout .main-layout-content .main-layout-outlet{flex:1;width:100%;max-width:1240px;margin-inline:auto;padding:2rem 2rem 3rem;overflow:visible}@media (max-width: 768px){.main-layout .main-layout-content .main-layout-outlet{padding:1.25rem 1rem 2.5rem}}.main-layout .main-layout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(37,32,26,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:25;display:none;animation:ml-overlay-fade .22s cubic-bezier(.16,1,.3,1)}@keyframes ml-overlay-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.main-layout .main-layout-sidebar{position:fixed;top:0;right:-300px;height:100vh;width:280px;box-shadow:0 24px 48px #3a322724,0 8px 16px #3a32270f}.main-layout .main-layout-toggle-mobile-sidebar{right:0!important}.main-layout .main-layout-hide-mobile-sidebar{right:-300px}.main-layout .main-layout-overlay{display:block}.main-layout .main-layout-disable-events{pointer-events:none}}@media (max-width: 1024px){:where([dir=ltr]) .main-layout .main-layout-sidebar{right:auto;left:-300px}}.sidebar{width:260px;height:100%;display:flex;flex-direction:column;transition:width .22s cubic-bezier(.16,1,.3,1);background:#ffffff;position:relative}.sidebar .sidebar-content{height:100%;background:#ffffff;border-right:1px solid #ebe1d0;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar .sidebar-content:lang(ar){border-right:none;border-left:1px solid #ebe1d0}.sidebar .sidebar-logo-container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:72px;padding:1rem 1.25rem;border-bottom:1px solid #ebe1d0;position:relative}.sidebar .sidebar-logo-container img{max-width:130px;max-height:44px;width:auto!important;object-fit:contain;transition:all .22s cubic-bezier(.2,0,.2,1)}.sidebar .sidebar-logo-container .sidebar-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#6c5e48;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1);position:static}.sidebar .sidebar-logo-container .sidebar-toggle-btn:hover{background:#eef1f9;color:#254075}.sidebar .sidebar-logo-container .sidebar-toggle-btn:focus-visible{box-shadow:0 0 0 4px #25407533}.sidebar .sidebar-logo-container .sidebar-toggle-btn svg{width:18px;height:18px}.sidebar .sidebar-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:none;position:absolute;top:1rem;inset-inline-start:1rem;width:36px;height:36px;border-radius:999px;align-items:center;justify-content:center;color:#6c5e48;background:#f5efe6;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),transform .22s cubic-bezier(.16,1,.3,1);z-index:10}.sidebar .sidebar-close-btn:hover{background:#ebe1d0;color:#2b251c;transform:rotate(90deg)}.sidebar .sidebar-close-btn:focus-visible{box-shadow:0 0 0 4px #25407533}.sidebar .sidebar-close-btn svg{width:16px;height:16px}.sidebar .sidebar-nav-items{flex:1;overflow-y:auto;overflow-x:hidden;padding-block:.75rem;-ms-overflow-style:none;scrollbar-width:none}.sidebar .sidebar-nav-items::-webkit-scrollbar{display:none}.collapse{width:76px}.collapse .sidebar-logo-container{flex-direction:column;padding:.75rem;gap:.5rem}.collapse .sidebar-logo-container img{max-width:36px;max-height:36px}.collapse .sidebar-logo-container .sidebar-toggle-btn{position:static}@media (max-width: 1024px){.sidebar{width:280px!important;background:#ffffff;box-shadow:0 24px 48px #3a322724,0 8px 16px #3a32270f}.sidebar .sidebar-content{width:100%;border:none}.sidebar .sidebar-content .sidebar-close-btn{display:inline-flex}.sidebar .sidebar-content .sidebar-nav-items{padding-top:3rem}.collapse{width:280px!important}}.navbar{height:72px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;background:transparent}@media (max-width: 768px){.navbar{padding:0 1rem}}.navbar .navbar-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.navbar .navbar-left .navbar-burger-menu,.navbar .navbar-left .navbar-left-menu-icon,.navbar .navbar-left .navbar-left-menu-icon-collapse{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:#6c5e48;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1);cursor:pointer}.navbar .navbar-left .navbar-burger-menu:hover,.navbar .navbar-left .navbar-left-menu-icon:hover,.navbar .navbar-left .navbar-left-menu-icon-collapse:hover{background:#f5efe6;color:#2b251c}.navbar .navbar-left .navbar-burger-menu:focus-visible,.navbar .navbar-left .navbar-left-menu-icon:focus-visible,.navbar .navbar-left .navbar-left-menu-icon-collapse:focus-visible{box-shadow:0 0 0 4px #25407533}.navbar .navbar-left .navbar-burger-menu svg,.navbar .navbar-left .navbar-left-menu-icon svg,.navbar .navbar-left .navbar-left-menu-icon-collapse svg{width:22px;height:22px;stroke:currentColor}.navbar .navbar-left .navbar-left-menu-icon{display:none}.navbar .navbar-left .navbar-left-title{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.35;color:#2b251c;letter-spacing:-.01em;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .navbar-left .input-form{width:320px;max-width:100%}.navbar .navbar-left .navbar-left-input{min-width:240px}.navbar .navbar-left .input-container{min-height:40px;border-radius:999px;border:1.5px solid #ebe1d0;background:#fbf8f3;padding:0 1rem;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.navbar .navbar-left .input-container:hover{border-color:#d8c9ad;background:#ffffff}.navbar .navbar-left .input-container:focus-within{border-color:#5274b6;background:#ffffff;box-shadow:0 0 0 4px #25407533}.navbar .navbar-left .input-container input{color:#2b251c!important;background:transparent!important;font-size:.8125rem;cursor:text}.navbar .navbar-left .input-container input::placeholder{color:#8e7d60}@media (max-width: 768px){.navbar .navbar-left .input-form,.navbar .navbar-left .navbar-left-input{display:none}}.navbar .navbar-right{display:flex;flex-direction:row;align-items:center;gap:.75rem;justify-content:flex-end;flex-shrink:0}@media (max-width: 768px){.navbar .navbar-right{gap:.5rem}}.navbar .navbar-right .navbar-notification-icons{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#f5efe6;cursor:pointer;position:relative;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1);color:#3e3528}.navbar .navbar-right .navbar-notification-icons:hover{background:#eef1f9;color:#254075}.navbar .navbar-right .navbar-notification-icons:focus-visible{box-shadow:0 0 0 4px #25407533}.navbar .navbar-right .navbar-notification-icons svg{width:20px;height:20px}.navbar .navbar-right .navbar-notification-icons .navbar-badge-notification-icon{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#4f8264;color:#fff;display:inline-flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 0 0 2px #25407533}.navbar .navbar-right .navbar-notification-icons .navbar-badge-notification-icon span{color:#fff;font-size:10px;font-weight:700;line-height:1}.navbar .navbar-right .navbar-avatar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;border-radius:999px;cursor:pointer;background:#f5efe6;color:#3e3528;font-size:.8125rem;font-weight:600;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.navbar .navbar-right .navbar-avatar-btn:hover{background:#eef1f9;color:#20355f}.navbar .navbar-right .navbar-avatar-btn:focus-visible{box-shadow:0 0 0 4px #25407533}.navbar .navbar-right .navbar-avatar-btn svg{width:14px;height:14px}.navbar .navbar-right .user-info-container{display:inline-flex;align-items:center;gap:.5rem}.navbar-flag-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:40px;height:40px;border-radius:999px;background:#f5efe6;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.navbar-flag-container:hover{background:#eef1f9}.navbar-flag-container .navbar-flag{width:22px;height:22px;border-radius:50%;object-fit:cover}.navbar-dropdown-cursor{cursor:pointer}.sidebar-items{background:transparent;padding:.75rem;display:flex;flex-direction:column;gap:.25rem;overflow:visible}.sidebar-items .sidebar-item-wrapper{display:flex;align-items:center}.sidebar-items .item,.sidebar-items .active{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:12px;cursor:pointer;position:relative;color:#3e3528;transition:background-color .15s cubic-bezier(.2,0,.2,1),color .15s cubic-bezier(.2,0,.2,1),transform .15s cubic-bezier(.2,0,.2,1)}.sidebar-items .item:hover,.sidebar-items .active:hover{background:#eef1f9;color:#20355f}.sidebar-items .item:hover .item-icon,.sidebar-items .active:hover .item-icon{color:#254075}.sidebar-items .item:focus-visible,.sidebar-items .active:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.sidebar-items .item.collapse,.sidebar-items .active.collapse{width:48px;height:48px;padding:0;justify-content:center}.sidebar-items .item.collapse .item-label,.sidebar-items .active.collapse .item-label{display:none}.sidebar-items .item-icon{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#6c5e48;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.sidebar-items .item-icon svg{width:100%;height:100%;display:block}.sidebar-items .item-label{font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;line-height:1.35;letter-spacing:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-items .active{background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;box-shadow:0 6px 16px #25407540}.sidebar-items .active .item-icon{color:#fff;padding:0;background:transparent}.sidebar-items .active .item-label{color:#fff}.sidebar-items .active svg path{fill:#fff}.sidebar-items .active:before{content:"";position:absolute;inset-inline-start:-.75rem;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:999px;background:#3a5c9c}.sidebar-items .active:hover{background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff}.sidebar-items .active:hover .item-icon{color:#fff}.sidebar-items .active.collapse:before{display:none}.dark_mode .dark_mode_label{width:55px;height:25px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0003,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s}.dark_mode .dark_mode_label:after{content:"";width:20px;height:20px;position:absolute;top:3px;left:3px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s}.dark_mode .dark_mode_input{width:0;height:0;visibility:hidden;display:none}.dark_mode .dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode .dark_mode_input:checked+.dark_mode_label:after{left:52px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.dark_mode .dark_mode_label:active:after{width:25px}.dark_mode .dark_mode_label svg{position:absolute;width:15px;top:5px;left:5px;z-index:100}.dark_mode .dark_mode_label svg.sun{left:5px;fill:#fff;transition:.3s}.dark_mode .dark_mode_label svg.moon{left:35px;fill:#7e7e7e;transition:.3s}.dark_mode .dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode .dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;isolation:isolate;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap;padding:.75rem 1.25rem;border-radius:12px;border:1px solid transparent;background:#f5efe6;color:#3e3528;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.btn .icon{width:18px;height:18px;flex:0 0 auto}.btn-rounded{border-radius:999px}.btn-disabled,.btn:disabled{cursor:not-allowed!important;opacity:.55;transform:none!important;box-shadow:none!important;filter:grayscale(.1)}.btn-sm{padding:.5rem .75rem;font-size:.75rem;min-height:32px}.btn-md{padding:.75rem 1.25rem;font-size:.8125rem;min-height:40px}.btn-lg{padding:1rem 1.5rem;font-size:.9375rem;min-height:48px}.btn-xl{padding:1.25rem 2rem;font-size:1.125rem;min-height:56px}.btn-primary{background-color:#254075;color:#fff;border-color:#254075}.btn-primary:hover{background-color:#254075;border-color:#254075}.btn-primary:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-primary{background-color:transparent;color:#254075;border:1px solid currentColor}.btn-outlined-primary:hover{background-color:#00000005;color:#254075}.btn-outlined-primary:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-info{background-color:#3d7095;color:#fff;border-color:#3d7095}.btn-info:hover{background-color:#284960;border-color:#284960}.btn-info:focus-visible{box-shadow:0 0 0 4px #3d709533}.btn-outlined-info{background-color:transparent;color:#3d7095;border:1px solid currentColor}.btn-outlined-info:hover{background-color:#00000005;color:#284960}.btn-outlined-info:focus-visible{box-shadow:0 0 0 4px #3d709533}.btn-success{background-color:#4a8453;color:#fff;border-color:#4a8453}.btn-success:hover{background-color:#305537;border-color:#305537}.btn-success:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-success{background-color:transparent;color:#4a8453;border:1px solid currentColor}.btn-outlined-success:hover{background-color:#00000005;color:#305537}.btn-outlined-success:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-warning{background-color:#cc841d;color:#fff;border-color:#cc841d}.btn-warning:hover{background-color:#7e4d1a;border-color:#7e4d1a}.btn-warning:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-warning{background-color:transparent;color:#cc841d;border:1px solid currentColor}.btn-outlined-warning:hover{background-color:#00000005;color:#7e4d1a}.btn-outlined-warning:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-danger{background-color:#c44a31;color:#fff;border-color:#c44a31}.btn-danger:hover{background-color:#832e1f;border-color:#832e1f}.btn-danger:focus-visible{box-shadow:0 0 0 4px #c44a3138}.btn-outlined-danger{background-color:transparent;color:#c44a31;border:1px solid currentColor}.btn-outlined-danger:hover{background-color:#00000005;color:#832e1f}.btn-outlined-danger:focus-visible{box-shadow:0 0 0 4px #c44a3138}.btn-dark{background-color:#2b251c;color:#fff;border-color:#2b251c}.btn-dark:hover{background-color:#1a1610;border-color:#1a1610}.btn-dark:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-dark{background-color:transparent;color:#2b251c;border:1px solid currentColor}.btn-outlined-dark:hover{background-color:#00000005;color:#1a1610}.btn-outlined-dark:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-secondary{background-color:#ebe1d0;color:#2b251c;border-color:#ebe1d0}.btn-secondary:hover{background-color:#d8c9ad;border-color:#d8c9ad}.btn-secondary:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-secondary{background-color:transparent;color:#ebe1d0;border:1px solid currentColor}.btn-outlined-secondary:hover{background-color:#00000005;color:#d8c9ad}.btn-outlined-secondary:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-light{background-color:#fff;color:#2b251c;border-color:#fff}.btn-light:hover{background-color:#f5efe6;border-color:#f5efe6}.btn-light:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-light{background-color:transparent;color:#fff;border:1px solid currentColor}.btn-outlined-light:hover{background-color:#00000005;color:#f5efe6}.btn-outlined-light:focus-visible{box-shadow:0 0 0 4px #25407533}.btn-outlined-light{color:#3e3528;border-color:#d8c9ad}.btn-outlined-light:hover{background-color:#fbf8f3;color:#2b251c}.input-form{width:100%;display:flex;flex-direction:column;gap:.5rem}.input-form .label{color:#2b251c;font-size:.8125rem;font-weight:600;line-height:1.35}.input-form .label .red-star{font-size:.8125rem;color:#c44a31;margin-inline-start:2px}.input-form .error-message{margin-inline-start:.25rem;margin-top:.25rem;font-size:.75rem;font-weight:500;color:#a73a25;display:flex;align-items:center;gap:.25rem}.input-form .error-message:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.input-form .input-container{display:flex;align-items:center;gap:.75rem;padding:0 1rem;min-height:44px;width:100%;background:#ffffff;border:1.5px solid #ebe1d0;border-radius:12px;transition:border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1)}.input-form .input-container:hover{border-color:#d8c9ad}.input-form .input-container:focus-within{border-color:#3a5c9c;box-shadow:0 0 0 4px #25407533;background:#ffffff}.input-form .input-container .input{width:100%;border:0;background-color:transparent;color:#2b251c;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.55;padding:.75rem 0;outline:none;min-width:0}.input-form .input-container .input::placeholder{color:#8e7d60;font-weight:400}.input-form .input-container .input:disabled{color:#6c5e48;cursor:not-allowed}.input-form .input-container .icon{width:18px;height:18px;opacity:.7;flex-shrink:0}.input-form .input-container .eye-icon{width:18px;height:18px;cursor:pointer;opacity:.65;transition:opacity .15s cubic-bezier(.2,0,.2,1);flex-shrink:0}.input-form .input-container .eye-icon:hover{opacity:1}.input-form .input-container:has(.input:disabled){background:#fbf8f3;border-color:#ebe1d0;cursor:not-allowed}.input-rounded{border-radius:999px!important;padding:0 1.25rem!important}.input-sm{padding:.5rem 0}.input-sm:where(.input-container,.input-container *){min-height:36px}.input-md{padding:.75rem 0}.input-md:where(.input-container,.input-container *){min-height:44px}.input-lg{padding:1rem 0}.input-lg:where(.input-container,.input-container *){min-height:52px}.input-xl{padding:1.25rem 0}.input-xl:where(.input-container,.input-container *){min-height:60px}.input-container-primary:focus-within{border-color:#3a5c9c;box-shadow:0 0 0 4px #25407524}.input-primary{color:#2b251c}.input-container-info:focus-within{border-color:#3d7095;box-shadow:0 0 0 4px #3d709533}.input-info{color:#2b251c}.input-container-success:focus-within{border-color:#4a8453;box-shadow:0 0 0 4px #25407524}.input-success{color:#2b251c}.input-container-warning:focus-within{border-color:#cc841d;box-shadow:0 0 0 4px #25407524}.input-warning{color:#2b251c}.input-container-danger:focus-within{border-color:#c44a31;box-shadow:0 0 0 4px #c44a3138}.input-danger{color:#2b251c}.input-container-dark:focus-within{border-color:#3e3528;box-shadow:0 0 0 4px #25407524}.input-dark{color:#2b251c}.input-container-secondary:focus-within{border-color:#b6a280;box-shadow:0 0 0 4px #25407524}.input-secondary{color:#2b251c}.input-container-light:focus-within{border-color:#d8c9ad;box-shadow:0 0 0 4px #25407524}.input-light{color:#2b251c}.input-form:has(.error-message) .input-container{border-color:#d96952}.input-form:has(.error-message) .input-container:focus-within{box-shadow:0 0 0 4px #c44a3138;border-color:#c44a31}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(37,32,26,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modal-fade-in .22s cubic-bezier(.16,1,.3,1) forwards}.modal-content{background:#ffffff;padding:2rem;border:1px solid #ebe1d0;border-radius:20px;width:560px;max-width:100%;max-height:calc(100vh - 3rem);overflow-y:auto;box-shadow:0 40px 80px #3a32272e;animation:modal-pop-in .36s cubic-bezier(.16,1,.3,1) forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header .modal-close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:#6c5e48;background:transparent;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.modal-header .modal-close-btn:hover{background:#f5efe6;color:#2b251c}.modal-header .modal-close-btn:focus-visible{box-shadow:0 0 0 4px #25407533}.modal-body{padding:.5rem 0 1rem;color:#3e3528;font-size:.9375rem;line-height:1.7}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #ebe1d0}.modal-footer button{margin:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dropdown{position:relative;display:inline-block;z-index:99}.dropdown .dropdown-menu{position:absolute;right:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.dropdown .dropdown-menu.visible{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.dropdown .dropdown-menu.bottomRight{right:0}.dropdown .dropdown-menu.bottomLeft{left:0;right:unset}.dropdown .dropdown-item{padding:12px 16px;cursor:pointer;display:flex;gap:5px}.dropdown .dropdown-item:hover{background-color:#f1f1f1}.custom-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#d6deef 0%,#dde9e1 100%);color:#20355f;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;letter-spacing:0;text-align:center;text-transform:uppercase;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #fff9}.custom-avatar img{object-fit:cover;width:100%;height:100%;display:block}.switch-container{display:flex;align-items:center;gap:12px}.switch-container.left{flex-direction:row-reverse}.switch-container .switch-label{font-family:Almarai,sans-serif;font-size:12px;color:#2d3748;-webkit-user-select:none;user-select:none;cursor:pointer}.switch-component{position:relative;cursor:pointer;transition:all .3s ease;border-radius:24px;outline:none}.switch-component:focus{box-shadow:0 0 0 3px #4fd1c533}.switch-component .switch-track{width:100%;height:100%;border-radius:inherit;position:relative;transition:background-color .3s ease}.switch-component .switch-track .switch-thumb{position:absolute;top:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.switch-component.small{width:36px;height:18px}.switch-component.small .switch-thumb{width:14px;height:14px}.switch-component.small.active .switch-thumb{right:2px}.switch-component.small.inactive .switch-thumb{right:20px}.switch-component.medium{width:48px;height:24px}.switch-component.medium .switch-thumb{width:20px;height:20px}.switch-component.medium.active .switch-thumb{right:2px}.switch-component.medium.inactive .switch-thumb{right:26px}.switch-component.large{width:60px;height:30px}.switch-component.large .switch-thumb{width:26px;height:26px}.switch-component.large.active .switch-thumb{right:2px}.switch-component.large.inactive .switch-thumb{right:32px}.switch-component.active .switch-track{background-color:#254075}.switch-component.active:hover:not(.disabled) .switch-track{background-color:#3a5c9c}.switch-component.inactive .switch-track{background-color:#e2e8f0}.switch-component.inactive:hover:not(.disabled) .switch-track{background-color:#cbd5e0}.switch-component.disabled{cursor:not-allowed;opacity:.5}.switch-component.disabled .switch-track{background-color:#f7fafc!important}.switch-component.disabled .switch-thumb{background-color:#e2e8f0!important}.switch-component:focus-visible{box-shadow:0 0 0 3px #4fd1c54d}.tooltip-wrapper{position:relative;display:flex;align-items:center;overflow:visible}.tooltip{position:absolute;background:linear-gradient(135deg,#254075 0%,#254075 100%);color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;z-index:9999;opacity:0;box-shadow:0 8px 25px #253f7433,0 3px 8px #253f7426,inset 0 1px #ffffff1a;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);letter-spacing:.5px}.tooltip.tooltip-top{left:50%;bottom:calc(100% + 8px);transform:translate(-50%);animation:fadeInTooltipTop .2s ease-in-out forwards}.tooltip.tooltip-top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#254075 transparent transparent transparent}.tooltip.tooltip-left{right:calc(100% + 12px);top:50%;transform:translateY(-50%);animation:fadeInTooltipLeft .4s cubic-bezier(.25,.46,.45,.94) forwards;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.tooltip.tooltip-left:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #254075;transition:all .3s cubic-bezier(.25,.46,.45,.94);filter:drop-shadow(0 2px 4px rgba(37,63,116,.1))}.tooltip.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%);animation:fadeInTooltipRight .2s ease-in-out forwards}.tooltip.tooltip-right:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #254075 transparent transparent}.tooltip.tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translate(-50%);animation:fadeInTooltipBottom .2s ease-in-out forwards}.tooltip.tooltip-bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #254075 transparent}.tooltip.tooltip-portal{position:fixed}.tooltip.tooltip-portal.tooltip-left{right:auto;top:auto;transform:translate(-100%,-50%);animation:fadeInPortal .2s ease-out forwards}.tooltip.tooltip-portal.tooltip-right{left:auto;top:auto;transform:translateY(-50%);animation:fadeInPortal .2s ease-out forwards}.tooltip.tooltip-portal.tooltip-top{left:auto;bottom:auto;transform:translate(-50%,-100%);animation:fadeInPortal .2s ease-out forwards}.tooltip.tooltip-portal.tooltip-bottom{left:auto;top:auto;transform:translate(-50%);animation:fadeInPortal .2s ease-out forwards}@keyframes fadeInPortal{0%{opacity:0}to{opacity:1}}@keyframes fadeInTooltipTop{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInTooltipLeft{0%{opacity:0;transform:translateY(-50%) translate(12px) scale(.8);filter:blur(2px)}50%{opacity:.7;transform:translateY(-50%) translate(4px) scale(.95);filter:blur(1px)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1);filter:blur(0px)}}@keyframes fadeInTooltipRight{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes fadeInTooltipBottom{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.date-picker{width:340px;background:white;border:1px solid #e8e8e8;font-family:Roboto,sans-serif;direction:rtl;position:relative}.date-picker .calendar-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e8e8e8;background:white}.date-picker .calendar-header .nav-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.date-picker .calendar-header .nav-btn:hover{background:#f5f5f5;border-radius:4px}.date-picker .calendar-header .month-year{display:flex;align-items:center;gap:8px;color:#253f74;font-size:18.58px;font-weight:500;cursor:pointer}.date-picker .calendar-header .month-year:hover{background:#f5f5f5;border-radius:4px;padding:4px 8px}.date-picker .year-picker{position:absolute;top:60px;left:50%;transform:translate(-50%);background:white;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;width:280px;max-height:250px;overflow-y:auto;animation:fadeInDown .2s ease-out}.date-picker .year-picker .year-options{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;gap:4px}.date-picker .year-picker .year-options .year-option{background:white;border:1px solid transparent;border-radius:6px;padding:8px 4px;color:#253f74;font-size:14px;cursor:pointer;text-align:center;font-family:Roboto,sans-serif;transition:all .2s ease}.date-picker .year-picker .year-options .year-option:hover{background:#f0f9ff;border-color:#254075}.date-picker .year-picker .year-options .year-option.active{background:#254075;color:#fff;font-weight:500;border-color:#254075}.date-picker .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:white;border-bottom:1px solid #e8e8e8}.date-picker .calendar-weekdays .weekday{padding:10px;text-align:center;color:#253f74;font-size:15.92px;font-weight:400;border-right:1px solid #e8e8e8}.date-picker .calendar-weekdays .weekday:last-child{border-right:none}.date-picker .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);background:white}.date-picker .calendar-days .calendar-day{height:42px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#253f74;font-size:18.58px;font-weight:400;cursor:pointer;position:relative}.date-picker .calendar-days .calendar-day:last-child{border-right:none}.date-picker .calendar-days .calendar-day:nth-child(7n){border-right:none}.date-picker .calendar-days .calendar-day.prev-month,.date-picker .calendar-days .calendar-day.next-month{opacity:.4;color:#253f74}.date-picker .calendar-days .calendar-day.current-month:hover{background:#f0f9ff}.date-picker .calendar-days .calendar-day.disabled{color:#c4c4c4;cursor:not-allowed;pointer-events:none}.date-picker .calendar-days .calendar-day.today:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid #253f74;border-radius:50%;pointer-events:none}.date-picker .calendar-days .calendar-day.selected{background:#254075;color:#fff;font-weight:500}.date-picker .calendar-days .calendar-day.selected:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#254075;border-radius:50%;z-index:-1}.date-picker .calendar-days .calendar-day.selected:hover{background:#254075;color:#fff;opacity:.5}.date-picker .calendar-days .calendar-day.selected:before{display:none}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.otp-input{display:flex;gap:12px;justify-content:center;align-items:center}.otp-input__field{width:48px;height:48px;border:1px solid #e2e8f0;border-radius:12px;text-align:center;font-family:Almarai,sans-serif;font-size:18px;font-weight:600;background:#ffffff;color:#2d3748;transition:all .2s ease;outline:none}.otp-input__field:focus{border-color:#254075;box-shadow:0 0 0 3px #4fd1c51a}.otp-input__field:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0}.otp-input__field::placeholder{color:#a0aec0}@media (max-width: 768px){.otp-input{gap:8px}.otp-input__field{width:40px;height:40px;font-size:16px}}[dir=rtl] .otp-input{direction:ltr}[dir=rtl] .otp-input__field{font-family:Almarai,sans-serif;font-feature-settings:"tnum"}[lang=ar] .otp-input__field{font-family:Almarai,sans-serif;unicode-bidi:plaintext}.notif{position:relative;display:inline-flex}.notif .notif-bell{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#f5efe6;color:#3e3528;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),transform .15s cubic-bezier(.16,1,.3,1)}.notif .notif-bell:hover{background:#eef1f9;color:#254075}.notif .notif-bell:active{transform:scale(.96)}.notif .notif-bell:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.notif .notif-bell svg{width:20px;height:20px}.notif .notif-bell__badge{position:absolute;top:2px;inset-inline-end:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#4f8264;color:#fff;font-family:Inter,Almarai,Cairo,system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;line-height:17px;text-align:center;border:2px solid #ffffff;box-shadow:0 0 0 1px #d95f3440}.notif .notif-panel{position:absolute;top:calc(100% + .75rem);inset-inline-end:0;width:380px;max-width:calc(100vw - 2rem);max-height:70vh;display:flex;flex-direction:column;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 24px 48px #3a322724,0 8px 16px #3a32270f;overflow:hidden;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s cubic-bezier(.2,0,.2,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .15s cubic-bezier(.2,0,.2,1)}.notif .notif-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.notif .notif-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #ebe1d0;background:rgba(251,248,243,.6)}.notif .notif-panel__title{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;color:#2b251c}.notif .notif-panel__markall{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:600;color:#2d4a82;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.notif .notif-panel__markall:hover{background:#eef1f9;color:#20355f}.notif .notif-panel__markall:disabled{opacity:.5;cursor:not-allowed}.notif .notif-panel__list{flex:1;overflow-y:auto;padding:.5rem}.notif .notif-panel__foot{border-top:1px solid #ebe1d0;padding:.5rem}.notif .notif-panel__viewall{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;width:100%;padding:.75rem;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;color:#254075;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.notif .notif-panel__viewall:hover{background:#eef1f9;color:#20355f}.notif .notif-panel__viewall:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.notif .notif-panel__state{padding:2rem 1.25rem;text-align:center;color:#6c5e48;font-size:.8125rem;font-weight:500}.notif .notif-panel__empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.25rem;text-align:center;color:#6c5e48}.notif .notif-panel__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#d6deef 0%,transparent 70%);color:#3a5c9c}.notif .notif-panel__empty-icon svg{width:26px;height:26px}.notif .notif-panel__empty p{margin:0;font-size:.8125rem;font-weight:600}.notif .notif-item{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:background-color .15s cubic-bezier(.2,0,.2,1)}.notif .notif-item:hover{background:#fbf8f3}.notif .notif-item:hover .notif-item__delete{opacity:1}.notif .notif-item.unread{background:#eef1f9}.notif .notif-item.unread:hover{background:#d6deef}.notif .notif-item__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#ffffff;border:1px solid #ebe1d0;font-size:18px;line-height:1}.notif .notif-item__body{flex:1;min-width:0}.notif .notif-item__top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.notif .notif-item__title{font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;color:#2b251c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif .notif-item__time{flex-shrink:0;font-size:.6875rem;font-weight:500;color:#8e7d60}.notif .notif-item__text{margin:2px 0 0;font-size:.75rem;line-height:1.35;color:#6c5e48;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif .notif-item__delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;position:absolute;top:.5rem;inset-inline-end:.5rem;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:1rem;line-height:1;color:#8e7d60;background:#ffffff;opacity:0;cursor:pointer;transition:opacity .15s cubic-bezier(.2,0,.2,1),color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.notif .notif-item__delete:hover{background:#fbf1ee;color:#a73a25}.notif .notif-item__dot{position:absolute;top:50%;inset-inline-start:2px;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#3a5c9c}@media (max-width: 640px){.notif .notif-panel{position:fixed;top:calc(72px + .5rem);inset-inline:.75rem;width:auto;max-width:none}}.auth-form-card .error-message{background:linear-gradient(135deg,#fbf1ee 0%,#f7ddd6 100%);border:1px solid #efb8ac;border-radius:12px;color:#832e1f;padding:.75rem 1rem;margin-bottom:1rem;font-size:.8125rem;font-weight:500;line-height:1.35;box-shadow:0 2px 6px #c44a311a}.auth-form-card .error-message ul{margin:.5rem 0 0;padding-inline-start:1.25rem;list-style:disc}.auth-form-card .error-message ul li{margin-bottom:.25rem}.auth-form-card .portal-notice{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px dashed #809bcd;border-radius:12px;background:linear-gradient(135deg,#eef1f9 0%,#f1f6f3 100%)}.auth-form-card .portal-notice .portal-badge{align-self:flex-start;padding:.25rem .75rem;border-radius:999px;background:#2d4a82;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em}.auth-form-card .portal-notice .portal-hint{margin:0;font-size:.8125rem;color:#20355f;line-height:1.35}.auth-form-card .portal-notice .portal-hint .portal-link{color:#325642;font-weight:700;text-decoration:underline}.auth-form-card .portal-notice .portal-hint .portal-link:hover{color:#2a4537}.auth-form-card .info-message{background:linear-gradient(135deg,#eef4f8 0%,#d5e4ee 100%);border:1px solid #aac8db;border-radius:12px;color:#284960;padding:.75rem 1rem;margin-bottom:1rem;font-size:.8125rem;font-weight:500;line-height:1.35}.auth-form-card .form-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.auth-form-card .remember-me-section{margin:0 0 1.25rem;width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.auth-form-card .remember-me-section .footer-text{margin:0;font-size:.8125rem}.auth-form-card .remember-me-section .footer-text a{color:#2d4a82;font-weight:600}.auth-form-card .remember-me-section .footer-text a:hover{color:#254075;text-decoration:underline}.auth-form-card .error-message{background:linear-gradient(135deg,#fff5f5 0%,#fee 100%);border:1px solid #fc8181;border-radius:12px;color:#c53030;padding:16px;margin-bottom:20px;font-size:14px;box-shadow:0 2px 8px #fc81811a;animation:slideIn .3s ease-out}.auth-form-card .error-message ul{margin:12px 0 0;padding-left:20px}.auth-form-card .error-message ul li{margin-bottom:6px;line-height:1.5}.auth-form-card .form-sections{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.auth-form-card .form-section{position:relative}.auth-form-card .form-section .section-title{font-family:Almarai,sans-serif;font-size:15px;font-weight:700;color:#2d3748;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}.auth-form-card .form-section .section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#254075 0%,#3a5c9c 100%);border-radius:2px}.auth-form-card .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}@media (max-width: 768px){.auth-form-card .form-section .form-row{grid-template-columns:1fr}}.auth-form-card .form-section .form-column{width:100%}.auth-form-card .form-section .form-input-container{display:flex;flex-direction:column;gap:16px}.auth-form-card .submit-button{width:100%;padding:16px;background:linear-gradient(90deg,#db0eab 0%,#3a5c9c 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:Almarai,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4fd1c54d;margin-top:8px}.auth-form-card .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#3a5c9c 0%,#319795 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4fd1c566}.auth-form-card .submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4fd1c54d}.auth-form-card .submit-button:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none;transform:none}.auth-form-card.register-card{width:640px;max-width:100%}.auth-form-card.register-card .card-header{padding:24px 32px 0}.auth-form-card.register-card .card-header .brand-logo{width:76px;height:76px;margin-bottom:12px}.auth-form-card.register-card .card-header .card-title{margin-bottom:0}.auth-form-card.register-card .card-body{padding:20px 32px;gap:12px}.auth-form-card.register-card .card-body .form-input-container{gap:14px;margin-bottom:0}.auth-form-card.register-card .submit-button{min-height:48px;margin-top:4px}.auth-form-card.register-card .card-footer{padding:0 32px 20px}@media (max-width: 768px){.auth-form-card.register-card{width:100%}.auth-form-card.register-card .card-header{padding:20px 24px 0}.auth-form-card.register-card .card-body{padding:16px 24px}.auth-form-card.register-card .card-footer{padding:0 24px 16px}}@media (max-width: 480px){.auth-form-card.register-card{border-radius:16px}.auth-form-card.register-card .card-header{padding:16px 16px 0}.auth-form-card.register-card .card-header .brand-logo{width:64px;height:64px;margin-bottom:8px}.auth-form-card.register-card .card-body{padding:14px 16px}.auth-form-card.register-card .card-footer{padding:0 16px 14px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-form-card .verification-description{text-align:start;margin-bottom:24px}.auth-form-card .verification-description p{font-family:Almarai,sans-serif;font-size:14px;color:#a0aec0;margin:0;line-height:1.5}.auth-form-card .error-message{background-color:#fed7d7;color:#9b2c2c;border:1px solid #feb2b2;border-radius:8px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;margin-bottom:20px;text-align:start}.auth-form-card .error-message ul{margin:8px 0 0;padding-left:20px}.auth-form-card .error-message ul li{margin-bottom:4px}.auth-form-card .success-message{background-color:#c6f6d5;color:#22543d;border:1px solid #9ae6b4;border-radius:8px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;margin-bottom:20px;text-align:start}.auth-form-card .token-container{display:flex;flex-direction:column;gap:16px;align-items:start}.auth-form-card .token-container .token-label{font-family:Almarai,sans-serif;font-size:14px;font-weight:600;color:#2d3748;text-align:start}.auth-form-card .token-container .token-input{width:100%;height:48px;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;background:#ffffff;color:#2d3748;transition:all .2s ease;outline:none;text-align:start}.auth-form-card .token-container .token-input::placeholder{color:#a0aec0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form-card .token-container .token-input:focus{border-color:#254075;box-shadow:0 0 0 3px #4fd1c51a}.auth-form-card .token-container .token-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0}@media (max-width: 768px){.auth-form-card .token-container .token-input{max-width:100%;font-size:12px;height:44px}.auth-form-card .token-container .token-input::placeholder{font-size:10px}}.auth-form-card .resend-section{margin-top:24px;text-align:start;display:flex;flex-direction:column;gap:12px}.auth-form-card .resend-section .resend-text{font-family:Almarai,sans-serif;font-size:14px;color:#a0aec0;margin:0}.auth-form-card .resend-section .resend-button{background:none;border:none;color:#254075;font-family:Almarai,sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.auth-form-card .resend-section .resend-button:disabled{color:#a0aec0;cursor:not-allowed;text-decoration:none}[dir=rtl] .auth-form-card .verification-description,[dir=rtl] .auth-form-card .token-container,[dir=rtl] .auth-form-card .resend-section,[dir=rtl] .auth-form-card .token-label{text-align:center}[dir=rtl] .auth-form-card .token-input{text-align:center;direction:ltr}[dir=rtl] .auth-form-card .error-message,[dir=rtl] .auth-form-card .success-message{text-align:center;direction:rtl}[dir=rtl] .auth-form-card .resend-text{direction:rtl}.auth-form-card [lang=ar]{font-family:Almarai,sans-serif;direction:rtl;text-align:right}.auth-form-card [lang=ar].verification-description p,.auth-form-card [lang=ar].token-label,.auth-form-card [lang=ar].resend-text{text-align:start}.auth-form-card [lang=ar] .token-input{direction:ltr;text-align:start}.auth-layout{position:relative;min-height:100vh;width:100%;overflow:hidden;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at top left,rgba(37,64,117,.1) 0%,transparent 55%),radial-gradient(ellipse at bottom right,rgba(74,132,83,.1) 0%,transparent 55%),linear-gradient(180deg,#fbf8f3 0%,#f5efe6 100%)}.auth-layout .auth-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;background:none;animation:none}.auth-layout .wave{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.55;transform:translateZ(0);animation:drift 22s ease-in-out infinite}.auth-layout .wave:nth-of-type(1){background:radial-gradient(circle,#b0c1e1,transparent 70%);top:-120px;left:-120px}.auth-layout .wave:nth-of-type(2){background:radial-gradient(circle,#bcd3c4,transparent 70%);bottom:-160px;right:-80px;animation-delay:-7s;animation-duration:26s}.auth-layout .wave:nth-of-type(3){background:radial-gradient(circle,#f5d385,transparent 70%);top:38%;right:-200px;width:380px;height:380px;animation-delay:-14s;animation-duration:30s;opacity:.4}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}to{transform:translate(0) scale(1)}}.auth-layout .auth-content{position:relative;z-index:10;width:100%;display:flex;justify-content:center;animation:auth-pop-in .36s cubic-bezier(.16,1,.3,1)}@keyframes auth-pop-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-layout .wave{animation:none}}.auth-form-card{width:480px;max-width:100%;background:rgba(255,255,255,.85);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(255,255,255,.65);border-radius:28px;box-shadow:0 24px 48px #3a322724,0 8px 16px #3a32270f;max-height:calc(100vh - 3rem);overflow-y:auto;overflow-x:hidden}@media (max-width: 640px){.auth-form-card{width:100%;border-radius:20px}}.auth-form-card .card-header{padding:2.5rem 2rem 0;text-align:center}.auth-form-card .card-header .brand-logo{display:inline-flex;align-items:center;justify-content:center;width:110px;height:110px;margin:0 auto 1.25rem;padding:1rem;border-radius:28px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 60%),linear-gradient(135deg,#eef1f9 0%,#f1f6f3 100%);border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a,inset 0 0 0 1px #ffffff80}.auth-form-card .card-header .brand-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(58,50,39,.16))}.auth-form-card .card-header .card-title{font-family:Cairo,Almarai,Inter,sans-serif;font-weight:700;font-size:1.625rem;letter-spacing:-.01em;color:#2b251c;margin:0 0 .5rem;line-height:1.2}.auth-form-card .card-header .social-login-section{margin-top:1.5rem}.auth-form-card .card-header .social-login-section .social-buttons{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.25rem}.auth-form-card .card-header .social-login-section .social-buttons .social-btn{width:56px;height:56px;border:1.5px solid #ebe1d0;border-radius:16px;background:#ffffff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#3e3528;transition:border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.2,0,.2,1)}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:before{content:none}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a;border-color:#d8c9ad}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:active{transform:translateY(0)}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.auth-form-card .card-header .social-login-section .social-buttons .social-btn svg{width:24px;height:24px}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.facebook:hover{border-color:#1877f2;color:#1877f2}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.apple:hover{border-color:#2b251c;color:#2b251c}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.google:hover{border-color:#4285f4;color:#4285f4}.auth-form-card .card-header .social-login-section .divider{position:relative;text-align:center;margin:1.25rem 0 .5rem}.auth-form-card .card-header .social-login-section .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ebe1d0}.auth-form-card .card-header .social-login-section .divider span{position:relative;z-index:10;padding:0 .75rem;background:rgba(255,255,255,.85);color:#8e7d60;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.auth-form-card .card-body{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.auth-form-card .card-body .form-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:.75rem}.auth-form-card .card-body .remember-me-section{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 1.25rem}.auth-form-card .card-body .remember-me-section .footer-text{font-size:.8125rem;color:#6c5e48;margin:0}.auth-form-card .card-body .remember-me-section .footer-text a{color:#2d4a82;font-weight:600}.auth-form-card .card-body .remember-me-section .footer-text a:hover{color:#254075;text-decoration:underline}.auth-form-card .card-body .submit-button{background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-weight:700;font-size:.9375rem;letter-spacing:0;cursor:pointer;width:100%;min-height:52px;text-transform:none;box-shadow:0 8px 20px #25407538;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.2,0,.2,1)}.auth-form-card .card-body .submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #25407552;filter:brightness(1.03)}.auth-form-card .card-body .submit-button:active:not(:disabled){transform:translateY(0)}.auth-form-card .card-body .submit-button:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 8px 20px #25407538}.auth-form-card .card-body .submit-button:disabled{background:#ebe1d0;color:#8e7d60;cursor:not-allowed;box-shadow:none}.auth-form-card .card-footer{padding:0 2rem 2rem;text-align:center}.auth-form-card .card-footer .footer-text{font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;color:#6c5e48;margin:0;font-weight:400}.auth-form-card .card-footer .footer-text a{color:#2d4a82;font-weight:600;margin-inline-start:4px;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.auth-form-card .card-footer .footer-text a:hover{color:#254075;text-decoration:underline}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.dashboard-container .header{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:stretch}.dashboard-container .header>*{flex:1 1 200px;min-width:0}.dashboard-container .header>:first-child{flex:2 1 320px}@media (max-width: 640px){.dashboard-container .header>*{flex:1 1 100%}}.dashboard-container .row{display:flex;flex-direction:column;gap:1.25rem}.dashboard-container .row>*{width:100%;min-width:0}.dashboard-container .row .row-left{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25rem;width:100%}.dashboard-container .row .row-left>*{flex:1 1 300px;min-width:0}.dashboard-container .loading-state,.dashboard-container .error-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 240px);font-size:1rem;font-weight:600;color:#6c5e48}.dashboard-container .loading-state p,.dashboard-container .error-state p{margin:0;padding:1.25rem 1.5rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.dashboard-container .error-state{color:#a73a25}.profile-settings{display:flex;flex-direction:column;gap:30px}.profile-settings__title{font-size:22px;font-weight:700;color:#253f74}.profile-settings__card{background:#fff;border-radius:20px;box-shadow:0 0 20px -3px #cbc7d580;padding:20px;display:flex;flex-direction:column;gap:20px}.profile-settings__avatar-section{display:flex;align-items:center;gap:16px}.profile-settings__avatar-input{display:none}.profile-settings__avatar-error{margin:8px 0 0;color:#dc3545;font-size:12px}.profile-settings__form{max-width:100%}.profile-settings__form .form-input-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 900px){.profile-settings__form .form-input-container{grid-template-columns:1fr}}.profile-settings__success{margin:12px 0 0;padding:10px 14px;border-radius:8px;background:#e6f7ee;color:#1a7f4b;font-size:13px;font-weight:600}.profile-settings__actions{margin-top:4px}.profile-settings__section-title{font-size:18px;font-weight:700;color:#253f74;margin-bottom:8px}.profile-settings__account-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.profile-settings__account-info p{margin:0;color:#7ea1c2;font-family:Cairo;font-size:14px;line-height:120%}.welcome-card-container{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.75rem;min-height:180px;padding:2rem 2.5rem;width:100%;border-radius:16px;overflow:hidden;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.18) 0%,transparent 45%),linear-gradient(135deg,#3a5c9c 0%,#254075 60%,#3d6a51 100%);box-shadow:0 18px 40px #25407538}.welcome-card-container:before{content:"";position:absolute;bottom:-80px;inset-inline-start:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);pointer-events:none}.welcome-card-container:after{content:"";position:absolute;top:-40px;inset-inline-end:40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.welcome-card-container>*{position:relative;z-index:1}.welcome-card-container .title{color:#fff!important;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.625rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-align:start}.welcome-card-container .description{color:#ffffffeb;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.7;text-align:start;max-width:56ch}@media (max-width: 768px){.welcome-card-container{padding:1.5rem}.welcome-card-container .title{font-size:1.375rem}.welcome-card-container .description{font-size:.8125rem}}.info-card-container{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;min-height:180px;padding:1.5rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);overflow:hidden}.info-card-container:after{content:"";position:absolute;top:-40px;inset-inline-end:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(37,64,117,.1),transparent 70%);pointer-events:none}.info-card-container:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a}.info-card-container .icon-container{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;box-shadow:0 6px 14px #25407538;align-self:flex-start}.info-card-container .icon-container svg{width:22px;height:22px;color:#fff}.info-card-container .icon-container svg path,.info-card-container .icon-container svg circle,.info-card-container .icon-container svg line{stroke:currentColor;fill:currentColor}.info-card-container .value{position:relative;z-index:1;color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.info-card-container .label{position:relative;z-index:1;color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.35;width:auto;bottom:auto;text-align:start}.advice-card-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;height:297px;width:344px;gap:15px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));flex:1;min-width:280px}@media (max-width: 1024px){.advice-card-container{width:100%;max-width:400px}}@media (max-width: 768px){.advice-card-container{width:100%;height:auto;min-height:250px;max-width:none}}@media (max-width: 480px){.advice-card-container{padding:15px;min-height:220px}}.advice-card-container .title{color:#253f74;text-align:center;font-family:Cairo;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.advice-card-container .description{color:#969696;text-align:center;font-family:Cairo;font-size:15px;font-style:normal;font-weight:400;line-height:110%}.sessions-calendar-container{padding:16px;border-radius:20px;background:#fff;box-shadow:0 0 20px -3px #cbc7d580;width:100%;flex:1;min-width:300px}@media (max-width: 1024px){.sessions-calendar-container{width:100%}}@media (max-width: 768px){.sessions-calendar-container{padding:12px;min-width:unset}}@media (max-width: 480px){.sessions-calendar-container{padding:10px;border-radius:15px}}@media only screen and (max-width: 768px){.sessions-calendar-container .week-navigation{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(79,209,197,.05);border-radius:12px;margin-bottom:16px;gap:12px}.sessions-calendar-container .nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #254075;background:white;color:#254075;cursor:pointer;transition:all .3s ease}.sessions-calendar-container .nav-btn:hover{background:#254075;color:#fff}.sessions-calendar-container .nav-btn.nav-btn-today{width:auto;padding:0 12px;font-size:12px;font-weight:600;font-family:Cairo,sans-serif}.sessions-calendar-container .nav-btn svg{width:16px;height:16px}.sessions-calendar-container .nav-btn svg.arrow-left{transform:rotate(-90deg)}.sessions-calendar-container .nav-btn svg.arrow-right{transform:rotate(90deg)}.sessions-calendar-container .week-info{display:flex;flex-direction:column;align-items:center;flex:1}.sessions-calendar-container .week-info .week-range{font-size:16px;font-weight:600;color:#253f74;font-family:Cairo,sans-serif}.sessions-calendar-container .week-info .week-year{font-size:12px;color:#666;font-family:Cairo,sans-serif}}@media only screen and (max-width: 768px){.sessions-calendar-container .custom-week-list{display:flex;flex-direction:column;gap:12px;padding:16px 0}.sessions-calendar-container .week-day-item{background:#fff;border-radius:12px;border:1px solid #e8e8e8;padding:16px;transition:all .3s ease}.sessions-calendar-container .week-day-item:hover{border-color:#254075;box-shadow:0 2px 8px #4fd1c533}.sessions-calendar-container .week-day-item.today{border-color:#254075;background:rgba(79,209,197,.05)}.sessions-calendar-container .week-day-item.past{opacity:.5;background:#f5f5f5}.sessions-calendar-container .week-day-item.past:hover{border-color:#e8e8e8;box-shadow:none}.sessions-calendar-container .day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sessions-calendar-container .day-header .day-name{font-size:16px;font-weight:600;color:#253f74;font-family:Cairo,sans-serif}.sessions-calendar-container .day-header .today-badge{background:#254075;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;font-family:Cairo,sans-serif}.sessions-calendar-container .day-events{display:flex;flex-direction:column;gap:8px}.sessions-calendar-container .no-events{text-align:center;color:#999;font-size:14px;font-style:italic;padding:16px;font-family:Cairo,sans-serif}}.sessions-calendar-container .usc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}@media (max-width: 768px){.sessions-calendar-container .usc-header{flex-direction:column;gap:15px;margin-bottom:20px;text-align:center}}.sessions-calendar-container .usc-header .title-container{display:flex;flex-direction:column}.sessions-calendar-container .usc-header .title-container .usc-title{color:#253f74;text-align:right;font-family:Cairo;font-size:25px;font-style:normal;font-weight:700;line-height:160%}.sessions-calendar-container .usc-header .title-container .subtitle{color:#253f74;text-align:right;font-family:Cairo;font-size:15px;font-style:normal;font-weight:400;line-height:160%}.sessions-calendar-container .usc-header .usc-btn{display:flex;align-items:center;justify-content:center;gap:20px;background:transparent;border-radius:100px;border:1px solid #253f74;color:#253f74;text-align:center;font-family:Cairo;font-size:13px;font-style:normal;font-weight:700;line-height:160%;padding:12px 20px 12px 40px;transition:all .3s ease;height:50px}.sessions-calendar-container .usc-header .consultant-filter{display:flex;align-items:center;gap:10px}.sessions-calendar-container .usc-header .consultant-filter .consultant-filter__label{color:#253f74;font-family:Cairo;font-size:13px;font-weight:700;white-space:nowrap}.sessions-calendar-container .usc-header .consultant-filter .consultant-filter__select{min-width:240px}.sessions-calendar-container .usc-header .consultant-filter .consultant-filter__select .ant-select-selector{border-radius:100px!important;border-color:#253f74!important;min-height:44px!important;height:44px!important;display:flex;align-items:center;font-family:Cairo;color:#253f74}.sessions-calendar-container .usc-header .consultant-filter .consultant-filter__select .ant-select-selection-search-input{height:44px!important}.sessions-calendar-container .usc-header .consultant-filter .consultant-filter__select.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #2540751f!important}@media (max-width: 768px){.sessions-calendar-container .usc-header .consultant-filter{width:100%;flex-direction:column;align-items:stretch}.sessions-calendar-container .usc-header .consultant-filter .consultant-filter__select{width:100%;min-width:0}}.sessions-calendar-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1000}.sessions-calendar-container .modal-overlay .modal{background:#fff;width:653px;border-radius:29px;border:1px solid #254075;padding:24px;position:relative;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.sessions-calendar-container .modal-overlay .modal{width:90vw;padding:20px;border-radius:20px}}@media (max-width: 480px){.sessions-calendar-container .modal-overlay .modal{width:95vw;padding:15px;border-radius:15px}}.sessions-calendar-container .modal-overlay .modal .modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer}.sessions-calendar-container .modal-overlay .modal .modal-close:hover{opacity:.5}.sessions-calendar-container .modal-overlay .modal .modal-close svg{width:50px;height:50px;color:#253f74}.sessions-calendar-container .modal-overlay .modal .modal-title{color:#253f74;text-align:center;font-family:Cairo,sans-serif;font-size:30px;font-weight:400;line-height:42px;width:405px;margin-top:20px;margin-bottom:30px}.sessions-calendar-container .modal-overlay .modal .modal-date-picker{margin-bottom:40px}.sessions-calendar-container .modal-overlay .modal .time-section{width:100%;margin-bottom:40px}.sessions-calendar-container .modal-overlay .modal .time-section .time-section-label{display:block;color:#253f74;font-family:Cairo,sans-serif;font-size:24px;font-weight:400;text-align:center;margin-bottom:30px}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:200px;overflow-y:auto}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row{display:flex;align-items:center;gap:20px;width:100%;justify-content:start;min-height:68px}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container{width:35px;height:35px;position:absolute;left:2.3rem;flex-shrink:0}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container .add-time-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group{display:flex;align-items:center;gap:20px}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper{position:relative}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input{width:156px;height:68px;border:1px solid #253f74;border-radius:10px;padding:0 20px;font-family:Cairo,sans-serif;font-size:24px;color:#253f74;text-align:center;background:white}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input:focus{outline:none;border-color:#254075}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-separator{color:#253f74;font-family:Cairo,sans-serif;font-size:24px;font-weight:400}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn{background:none;border:none;cursor:pointer;color:#f44;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn svg{width:40px;height:40px}.sessions-calendar-container .modal-overlay .modal .modal-actions{display:flex;gap:20px;width:100%;justify-content:center;margin-top:auto}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn{width:210px;height:68px;border-radius:10px;font-family:Cairo,sans-serif;font-size:24px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel{background:white;border:1px solid #254075;color:#253f74;transition:all .3s ease}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel:hover{opacity:.5}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm{background:#254075;border:none;color:#fff;transition:all .3s ease}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm:hover{opacity:.5}.sessions-calendar-container .fc,.sessions-calendar-container .fc-direction-rtl .fc-daygrid-body,.sessions-calendar-container .fc-direction-rtl .fc-col-header{direction:rtl}.sessions-calendar-container .fc-direction-rtl .fc-scrollgrid-section-header>*{direction:rtl}.sessions-calendar-container .fc .fc-daygrid-day-number{color:#253f74;font-size:21px;font-style:normal;font-weight:500;line-height:normal}.sessions-calendar-container .fc .fc-col-header-cell-cushion{color:#969696;font-size:14px;font-weight:400}.sessions-calendar-container .fc .fc-daygrid-day.fc-day-today{border:1px solid #e8e8e8;background:rgba(79,209,197,.1)}.sessions-calendar-container .fc-theme-standard td,.sessions-calendar-container .fc-theme-standard th{background-color:#fff}.sessions-calendar-container .fc-daygrid-day-events{min-height:0!important}.sessions-calendar-container .fc-daygrid-day-events .fc-daygrid-event-harness:not(:first-child){display:none}.sessions-calendar-container .fc-daygrid-day-bottom{display:none}.sessions-calendar-container .fc-event-custom{display:flex;align-items:center;padding:2px 4px;border-radius:4px;font-size:.75rem;overflow:hidden;width:100%}.sessions-calendar-container .fc-event-title-text{white-space:nowrap;overflow:hidden;width:100%;color:#033246;font-size:12px;text-align:center;padding:3px;border-radius:5px;background:rgba(79,209,197,.1);text-overflow:ellipsis}.sessions-calendar-container .fc-event-more{display:flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:5px;background:#254075;cursor:pointer;width:100%;transition:all .2s ease}.sessions-calendar-container .fc-event-more:hover{opacity:.8}.sessions-calendar-container .fc-event-more .fc-event-more-text{color:#fff;font-size:12px;font-weight:700;font-family:Cairo,sans-serif;text-align:center;white-space:nowrap}.sessions-calendar-container .fc-event-card{width:100%;height:auto}.sessions-calendar-container .fc-event-card-content{background:#254075;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;width:100%}.sessions-calendar-container .fc-event-card-content.saved{background:#253f74}.sessions-calendar-container .fc-event-card-content.has-reserved{background:linear-gradient(135deg,#254075 0%,#ff6b6b 100%)}.sessions-calendar-container .fc-event-card-content.past{background:#9ca3af;opacity:.6}.sessions-calendar-container .fc-event-card-content.past .fc-event-book-btn{cursor:not-allowed}.sessions-calendar-container .fc-event-header{display:flex;align-items:center;flex-direction:column;gap:6px;justify-content:center}.sessions-calendar-container .fc-event-checkmark{width:16px;height:16px;color:#fff}.sessions-calendar-container .fc-event-checkmark path{stroke:#fff;stroke-width:2}.sessions-calendar-container .fc-event-consultant-count{color:#fff;text-align:center;font-family:Cairo,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.sessions-calendar-container .fc-event-consultant-count .reserved-indicator{color:#ffeb3b;font-weight:600;margin-left:4px;background:rgba(255,235,59,.2);padding:2px 6px;border-radius:4px;border:1px solid rgba(255,235,59,.4)}.sessions-calendar-container .fc-event-consultant-count .reserved-indicator .reserved-indicator-number,.sessions-calendar-container .fc-event-consultant-count .reserved-indicator .reserved-indicator-text{color:#ffeb3b;font-weight:600;margin-left:4px}.sessions-calendar-container .reservation-details{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding:4px 8px;background:rgba(255,255,255,.1);border-radius:6px;border:1px solid rgba(255,255,255,.2)}.sessions-calendar-container .reservation-item{display:flex;flex-direction:column;gap:2px;align-items:center}.sessions-calendar-container .reservation-notes{color:#ffffffe6;font-family:Cairo,sans-serif;font-size:9px;font-weight:400;text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-calendar-container .fc-event-book-btn{background:rgba(255,255,255,.34);border:none;border-radius:8px;color:#fff;text-align:center;font-family:Cairo,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal;padding:6px 12px;cursor:pointer;transition:all .2s ease}.sessions-calendar-container .fc-event-book-btn:hover{background:rgba(255,255,255,.34);transform:translateY(-1px)}.sessions-calendar-container .fc-event-book-btn:active{transform:translateY(0)}.sessions-calendar-container .fc-event-book-btn:disabled{background:rgba(255,255,255,.2);cursor:not-allowed;opacity:.7}.sessions-calendar-container .fc-event-book-btn:disabled:hover{transform:none}.sessions-calendar-container .join-session-container{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px;background:rgba(255,255,255,.15);border-radius:8px;border:2px solid #ffeb3b}.sessions-calendar-container .join-session-animation{display:flex;align-items:center;gap:8px;animation:pulse 2s infinite}.sessions-calendar-container .pulse-dot{width:8px;height:8px;background:#ffeb3b;border-radius:50%;animation:pulse-dot 1.5s infinite}.sessions-calendar-container .join-session-text{color:#fff;font-family:Cairo,sans-serif;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sessions-calendar-container .join-session-btn{background:#ffeb3b;border:none;border-radius:6px;color:#253f74;font-family:Cairo,sans-serif;font-size:11px;font-weight:700;padding:6px 12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.sessions-calendar-container .join-session-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.sessions-calendar-container .join-session-btn:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.sessions-calendar-container .fc-day-selected{background-color:#3287d733!important}.sessions-calendar-container .notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;z-index:10000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.sessions-calendar-container .notification.success{background:#4caf50;color:#fff;border-left:4px solid #2e7d32}.sessions-calendar-container .notification.error{background:#f44336;color:#fff;border-left:4px solid #c62828}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #254075;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p,.error-state p{color:#666;font-size:16px;font-family:Cairo,sans-serif;margin:0}.retry-button{margin-top:20px;padding:10px 20px;background-color:#254075;color:#fff;border:none;border-radius:8px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#3a5c9c;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sessions-modal{background:#fff;width:60%;border-radius:29px;border:1px solid #93bce3;padding:24px;position:relative;display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:95vh;min-height:400px}.sessions-modal .sessions-modal-close{position:absolute;top:24px;right:24px;background:none;border:none;cursor:pointer;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.sessions-modal .sessions-modal-close svg{width:45px;height:45px;stroke:#5f6388}.sessions-modal .sessions-modal-title{color:#253f74;text-align:center;font-family:Cairo,sans-serif;font-size:23px;font-style:normal;font-weight:400;line-height:35px;margin-bottom:50px;margin-top:8px}.sessions-modal .sessions-modal-title .title-highlight{color:#253f74;font-family:Cairo,sans-serif;font-size:23px;font-style:normal;line-height:35px;font-weight:700}.sessions-modal .consultants-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}.sessions-modal .modal-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px;width:100%;max-width:400px}.sessions-modal .modal-controls .search-container{flex:1}.sessions-modal .modal-controls .search-container .search-input-wrapper{position:relative;background:rgba(95,99,136,.03);border-radius:5px;display:flex;align-items:center;padding:8px 12px}.sessions-modal .modal-controls .search-container .search-input-wrapper .search-icon{margin-right:8px;flex-shrink:0}.sessions-modal .modal-controls .search-container .search-input-wrapper .search-input{border:none;background:transparent;outline:none;font-family:Cairo,sans-serif;font-size:11px;font-weight:300;color:#5f6388;width:100%;text-align:right}.sessions-modal .modal-controls .search-container .search-input-wrapper .search-input::placeholder{color:#5f6388;text-align:right}.sessions-modal .modal-controls .filter-button{background:rgba(95,99,136,.03);border:none;border-radius:5px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.sessions-modal .consultants-subtitle{color:#5f6388;font-family:Cairo,sans-serif;font-size:20px;font-weight:400;line-height:35px;text-align:right;margin-bottom:20px;width:100%;align-self:flex-end}.sessions-modal .consultants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;width:100%;margin-bottom:24px}.sessions-modal .consultants-grid .consultant-card{background:#ffffff;border:1px solid #e8e8e8;border-radius:20px;padding:16px;display:flex;align-items:center;gap:14px;text-align:center;cursor:pointer;transition:all .2s ease;min-width:245px;height:100px;flex-shrink:0}.sessions-modal .consultants-grid .consultant-card:hover{border-color:#93bce3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sessions-modal .consultants-grid .consultant-card.selected{background:#254075;border-color:#254075;transform:translateY(-2px);box-shadow:0 4px 12px #4fd1c54d}.sessions-modal .consultants-grid .consultant-card.selected .consultant-info .consultant-name,.sessions-modal .consultants-grid .consultant-card.selected .consultant-info .consultant-details{color:#fff}.sessions-modal .consultants-grid .consultant-card .consultant-avatar{margin-bottom:12px;width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;overflow:hidden}.sessions-modal .consultants-grid .consultant-card .consultant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sessions-modal .consultants-grid .consultant-card .consultant-avatar .consultant-avatar-fallback{width:35px;height:35px;color:#666}.sessions-modal .consultants-grid .consultant-card .consultant-info{display:flex;flex-direction:column;align-items:start;width:100%;overflow:hidden;gap:4px}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-name{color:#253f74;font-family:Cairo,sans-serif;font-size:16px;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;font-weight:700;line-height:1.6;margin:0;text-align:right}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-details{color:#5f6388;font-family:Cairo,sans-serif;font-size:15px;font-weight:500;line-height:1.6;margin:0}.sessions-modal .modal-pagination{display:flex;justify-content:center;width:100%}.sessions-modal .modal-pagination .pagination-dots{display:flex;align-items:center;gap:8px}.sessions-modal .modal-pagination .pagination-dots .dot{width:8px;height:8px;border-radius:50%;background:#e8e8e8;cursor:pointer;transition:background-color .2s ease}.sessions-modal .modal-pagination .pagination-dots .dot.active{background:#253f74}.sessions-modal .modal-pagination .pagination-dots .dot:hover{background:#93bce3}.sessions-modal .time-selection-section{width:100%;margin-top:30px;margin-bottom:30px}.sessions-modal .time-selection-section .time-selection-title{color:#5f6388;font-family:Cairo,sans-serif;font-size:20px;font-weight:400;line-height:35px;text-align:right;margin-bottom:20px;width:100%}.sessions-modal .time-selection-section .all-slots-reserved-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin-bottom:20px;text-align:center}.sessions-modal .time-selection-section .all-slots-reserved-message .message-text{color:#856404;font-family:Cairo,sans-serif;font-size:14px;font-weight:600}.sessions-modal .time-selection-section .time-slots-scroll{width:100%;max-height:340px;overflow-y:auto;margin-bottom:30px;padding-inline-end:6px;scrollbar-width:thin;scrollbar-color:#c5d3e6 transparent}.sessions-modal .time-selection-section .time-slots-scroll::-webkit-scrollbar{width:6px}.sessions-modal .time-selection-section .time-slots-scroll::-webkit-scrollbar-thumb{background:#c5d3e6;border-radius:6px}.sessions-modal .time-selection-section .time-slots-scroll::-webkit-scrollbar-track{background:transparent}.sessions-modal .time-selection-section .time-period{width:100%}.sessions-modal .time-selection-section .time-period:not(:last-child){margin-bottom:16px}.sessions-modal .time-selection-section .time-period .time-period__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:10px;background:#fff;border-bottom:1px solid #eef2f7}.sessions-modal .time-selection-section .time-period .time-period__header .time-period__label{color:#254075;font-family:Cairo,sans-serif;font-size:16px;font-weight:700}.sessions-modal .time-selection-section .time-period .time-period__header .time-period__count{color:#9aa3bd;font-family:Cairo,sans-serif;font-size:13px;font-weight:600}.sessions-modal .time-selection-section .time-slots-grid{display:flex;flex-wrap:wrap;gap:12px;width:100%}.sessions-modal .time-selection-section .time-slots-grid .time-slot{background:#ffffff;border:1px solid #e8e8e8;border-radius:5px;padding:0;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;height:50px;position:relative}.sessions-modal .time-selection-section .time-slots-grid .time-slot:hover{border-color:#93bce3}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected{background:#254075;transition:all .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected .time-slot-checkbox .checkbox-container{background:#ffffff;border-color:#fff}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected .time-slot-checkbox .checkbox-container .checkmark-icon{opacity:1}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected .time-slot-text{color:#fff!important}.sessions-modal .time-selection-section .time-slots-grid .time-slot.disabled{opacity:.5;cursor:not-allowed}.sessions-modal .time-selection-section .time-slots-grid .time-slot.disabled:hover{border-color:#e8e8e8}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved{background:#f8f9fa;border-color:#dee2e6;cursor:not-allowed;opacity:.9;position:relative}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved:hover{border-color:#dee2e6;transform:none}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved .time-slot-text{color:#6c757d!important}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved .time-slot-checkbox .checkbox-container{background:#e9ecef;border-color:#adb5bd}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox{display:flex;align-items:center;flex-direction:row;justify-content:center;padding-right:16px;width:fit-content;flex-shrink:0}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container{width:30px;height:30px;border:1px solid #c4c4c4;border-radius:5px;background:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container.reserved{background:#e9ecef;border-color:#adb5bd;cursor:not-allowed;opacity:.8}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container .checkmark-icon{width:25px;height:25px;opacity:0;transition:opacity .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container .checkmark-icon svg{width:100%;height:100%;stroke:#254075;stroke-width:2;fill:none}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .reserved-indicator{position:absolute;top:-15px;right:-15px;background:#dc3545;color:#fff;border-radius:15px;height:20px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:Cairo,sans-serif;line-height:1;box-shadow:0 2px 8px #dc35454d;white-space:nowrap;min-width:fit-content;transition:all .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .reserved-indicator .reserved-text{font-size:11px;font-weight:600;font-family:Cairo,sans-serif}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content{display:flex;align-items:center;justify-content:space-between;flex:1;padding:12px 16px;gap:8px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text{color:#253f74;font-family:Cairo,sans-serif;font-size:23px;font-weight:400;line-height:1.6;white-space:nowrap;text-align:center}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text.selected{color:#fff!important}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn{background:#254075;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:12px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn:hover{background:#3bb5a9;transform:translateY(-1px)}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn:disabled{background:#a0a0a0;cursor:not-allowed;transform:none}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn.selected{background:#ffffff;color:#254075}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status{margin-left:auto}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;font-family:Cairo,sans-serif;white-space:nowrap}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge.confirmed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.sessions-modal .time-selection-section .save-consultation-btn{background:#253f74;color:#fff;border:none;border-radius:10px;padding:12px 40px;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;line-height:35px;cursor:pointer;transition:all .2s ease;display:block;margin:0 auto;min-width:200px}.sessions-modal .time-selection-section .save-consultation-btn:hover{background:#1e3260;transform:translateY(-1px);box-shadow:0 4px 12px #253f744d}.sessions-modal .time-selection-section .save-consultation-btn:disabled{background:#c4c4c4;cursor:not-allowed;transform:none;box-shadow:none}.sessions-modal .time-selection-section .save-consultation-btn:disabled:hover{background:#c4c4c4;transform:none;box-shadow:none}@media (max-width: 768px){.sessions-modal{width:90%;max-width:500px;padding:20px}.sessions-modal .sessions-modal-title{font-size:20px;line-height:28px}.sessions-modal .consultants-grid{grid-template-columns:repeat(1,1fr);gap:12px}.sessions-modal .consultants-grid .consultant-card{padding:12px;min-height:100px;width:100%}.sessions-modal .consultants-grid .consultant-card .consultant-avatar{width:50px;height:50px}.sessions-modal .consultants-grid .consultant-card .consultant-avatar img{width:100%;height:100%}.sessions-modal .consultants-grid .consultant-card .consultant-avatar .consultant-avatar-fallback{width:30px;height:30px}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-name{font-size:16px}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-details{font-size:13px}.sessions-modal .modal-controls{max-width:100%}.sessions-modal .time-selection-section .time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.sessions-modal .time-selection-section .time-slots-grid .time-slot{height:45px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content{padding:10px 12px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text{font-size:18px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn{font-size:12px;padding:6px 12px;margin-left:8px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge{font-size:10px;padding:3px 6px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator{height:26px;padding:0 10px;font-size:10px;top:-13px;right:-13px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator .reserved-text{font-size:10px}.sessions-modal .time-selection-section .save-consultation-btn{font-size:16px;padding:10px 30px;min-width:180px}.sessions-modal .time-selection-section .all-slots-reserved-message{padding:10px 12px;margin-bottom:16px}.sessions-modal .time-selection-section .all-slots-reserved-message .message-text{font-size:13px}}@media (max-width: 480px){.sessions-modal .consultants-grid{grid-template-columns:1fr}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-name{font-size:15px}.sessions-modal .time-selection-section .time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text{font-size:16px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn{font-size:11px;padding:5px 10px;margin-left:6px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge{font-size:9px;padding:2px 5px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator{height:24px;padding:0 8px;font-size:9px;top:-12px;right:-12px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator .reserved-text{font-size:9px}.sessions-modal .time-selection-section .save-consultation-btn{font-size:14px;padding:8px 20px;min-width:160px}.sessions-modal .time-selection-section .all-slots-reserved-message{padding:8px 10px;margin-bottom:12px}.sessions-modal .time-selection-section .all-slots-reserved-message .message-text{font-size:12px}}.progress-circle{position:relative}.progress-circle svg{transform:rotate(-90deg);transform-origin:50% 50%}.progress-circle .bg-fill{fill:#4fd1c51a}.progress-circle .progress-bar{stroke:#254075;transition:stroke-dashoffset .5s ease}.progress-circle .text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-circle .text-container .label{font-size:1rem;color:#253f74;text-align:center;font-family:Cairo;font-size:14px;font-style:normal;font-weight:400;line-height:110%;margin-bottom:.25rem}.progress-circle .text-container .value{color:#254075;text-align:center;font-family:Cairo;font-size:37px;font-style:normal;font-weight:700;line-height:160%}.profile-progress-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;height:297px;width:344px;gap:15px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));flex:1;min-width:280px}@media (max-width: 1024px){.profile-progress-container{width:100%;max-width:400px}}@media (max-width: 768px){.profile-progress-container{width:100%;height:auto;min-height:250px;max-width:none}}@media (max-width: 480px){.profile-progress-container{padding:15px;min-height:220px}}.profile-progress-container .title{color:#253f74;text-align:center;font-family:Cairo;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.profile-progress-container .redirect-btn{color:#253f74;cursor:pointer;border:1px solid #253f74;border-radius:40px;height:81px;width:fit-content;padding:0 20px;background-color:transparent;transition:all .3s ease}.profile-progress-container .redirect-btn:hover{background-color:#253f74;color:#fff}.sessions-container{display:flex;flex-direction:column;gap:1.25rem}.sessions-container .table-container{padding:1.25rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.sessions-container .table-container .join-meet-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:108px;min-height:38px;padding:0 1rem;background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:0;text-align:center;line-height:1;border-radius:12px;cursor:pointer;box-shadow:0 6px 14px #25407538;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.2,0,.2,1)}.sessions-container .table-container .join-meet-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2540754d;filter:brightness(1.04)}.sessions-container .table-container .join-meet-button:active{transform:translateY(0)}.sessions-container .table-container .join-meet-button:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 6px 14px #25407538}.sessions-container .table-container .join-meet-button:disabled{background:#ebe1d0;color:#8e7d60;box-shadow:none;cursor:not-allowed}.training-requests{background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;direction:rtl;padding:1.5rem;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.training-requests .tr-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;text-align:right;color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.35;letter-spacing:-.01em}.training-requests .tr-title .see-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:.5rem;color:#254075;background:#eef1f9;border-radius:12px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.training-requests .tr-title .see-more:hover{background:#d6deef;color:#20355f;transform:translate(-2px)}.training-requests .tr-title .see-more:focus-visible{box-shadow:0 0 0 4px #25407533;outline:none}.training-requests .tr-title .see-more svg{width:16px;height:16px}.training-requests .tr-title-text{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.375rem;font-weight:700;color:#2b251c;letter-spacing:-.01em;line-height:1.35}.training-requests .tr-table-wrapper,.training-requests.desktop .table-container{overflow-x:auto;border-radius:12px;border:1px solid #ebe1d0;box-shadow:none}.training-requests>.tr-table-wrapper>.tr-table,.training-requests>.tr-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;text-align:center;background:#ffffff}.training-requests>.tr-table-wrapper>.tr-table th,.training-requests>.tr-table-wrapper>.tr-table td,.training-requests>.tr-table th,.training-requests>.tr-table td{padding:1rem .75rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500;color:#3e3528;vertical-align:middle;white-space:nowrap;border:none}.training-requests>.tr-table-wrapper>.tr-table thead th,.training-requests>.tr-table thead th{font-weight:600;font-size:.75rem;letter-spacing:.06em;color:#6c5e48;background:#fbf8f3;border-bottom:1px solid #ebe1d0;position:sticky;top:0;z-index:1;text-transform:uppercase}.training-requests>.tr-table-wrapper>.tr-table tbody tr,.training-requests>.tr-table-wrapper>.tr-table .tr-row,.training-requests>.tr-table tbody tr,.training-requests>.tr-table .tr-row{transition:background-color .15s cubic-bezier(.2,0,.2,1)}.training-requests>.tr-table-wrapper>.tr-table tbody tr td,.training-requests>.tr-table-wrapper>.tr-table .tr-row td,.training-requests>.tr-table tbody tr td,.training-requests>.tr-table .tr-row td{border-bottom:1px solid #ebe1d0}.training-requests>.tr-table-wrapper>.tr-table tbody tr:hover,.training-requests>.tr-table-wrapper>.tr-table .tr-row:hover,.training-requests>.tr-table tbody tr:hover,.training-requests>.tr-table .tr-row:hover{background-color:#fbf8f3}.training-requests>.tr-table-wrapper>.tr-table tbody tr:last-child td,.training-requests>.tr-table-wrapper>.tr-table .tr-row:last-child td,.training-requests>.tr-table tbody tr:last-child td,.training-requests>.tr-table .tr-row:last-child td{border-bottom:none}.training-requests>.tr-table-wrapper>.tr-table .actions,.training-requests>.tr-table .actions{display:flex;gap:.5rem;justify-content:center;min-width:100px}.training-requests>.tr-table-wrapper>.tr-table .actions .action-btn,.training-requests>.tr-table .actions .action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#fbf8f3;border:1px solid #ebe1d0;color:#6c5e48;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.training-requests>.tr-table-wrapper>.tr-table .actions .action-btn svg,.training-requests>.tr-table .actions .action-btn svg{width:16px;height:16px}.training-requests>.tr-table-wrapper>.tr-table .actions .action-btn:hover,.training-requests>.tr-table .actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;background:#eef1f9;border-color:#b0c1e1;color:#254075}.training-requests>.tr-table-wrapper>.tr-table .actions .action-btn:focus-visible,.training-requests>.tr-table .actions .action-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.training-requests>.tr-table-wrapper>.tr-table .status,.training-requests>.tr-table .status{display:inline-flex;align-items:center;padding:4px .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.training-requests>.tr-table-wrapper>.tr-table .status--pending,.training-requests>.tr-table .status--pending{color:#7e4d1a;background:#fdf6e7}.training-requests>.tr-table-wrapper>.tr-table .status--accepted,.training-requests>.tr-table .status--accepted{color:#305537;background:#f1f7f2}.training-requests>.tr-table-wrapper>.tr-table .status--rejected,.training-requests>.tr-table .status--rejected{color:#832e1f;background:#fbf1ee}.training-requests>.tr-table-wrapper>.tr-table .trainee-info-container,.training-requests>.tr-table .trainee-info-container{display:inline-flex;align-items:center;gap:.75rem;min-width:0;text-align:start}.training-requests>.tr-table-wrapper>.tr-table .trainee-info-container .avatar,.training-requests>.tr-table .trainee-info-container .avatar{width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#eef1f9;border:2px solid #d6deef}.training-requests>.tr-table-wrapper>.tr-table .trainee-info,.training-requests>.tr-table .trainee-info{display:flex;flex-direction:column;gap:2px;min-width:0}.training-requests>.tr-table-wrapper>.tr-table .trainee-info__name,.training-requests>.tr-table .trainee-info__name{font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;color:#2b251c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-requests>.tr-table-wrapper>.tr-table .trainee-info__link,.training-requests>.tr-table .trainee-info__link{font-size:.75rem;color:#2d4a82;font-weight:600;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.training-requests>.tr-table-wrapper>.tr-table .trainee-info__link:hover,.training-requests>.tr-table .trainee-info__link:hover{color:#20355f;text-decoration:underline}.training-requests .join-session-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:36px;padding:0 1rem;background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 6px 14px #25407538;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.2,0,.2,1)}.training-requests .join-session-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2540754d;filter:brightness(1.04)}.training-requests .join-session-btn:active{transform:translateY(0)}.training-requests .join-session-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 6px 14px #25407538}.training-requests .join-session-btn:disabled{background:#ebe1d0;color:#8e7d60;box-shadow:none;cursor:not-allowed}.training-requests .loading,.training-requests .error{display:flex;align-items:center;justify-content:center;min-height:240px;padding:1.5rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:1rem;font-weight:600;color:#6c5e48}.training-requests .error{color:#a73a25}.training-requests.desktop .table-container{overflow-x:auto;border-radius:12px;border:1px solid #ebe1d0;box-shadow:none}.training-requests.desktop .table-container .tr-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;text-align:center;background:#ffffff}.training-requests.desktop .table-container .tr-table th,.training-requests.desktop .table-container .tr-table td{padding:1rem .75rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500;color:#3e3528;vertical-align:middle;white-space:nowrap;border:none}.training-requests.desktop .table-container .tr-table thead th{font-weight:600;font-size:.75rem;letter-spacing:.06em;color:#6c5e48;background:#fbf8f3;border-bottom:1px solid #ebe1d0;position:sticky;top:0;z-index:1;text-transform:uppercase}.training-requests.desktop .table-container .tr-table tbody tr{border-bottom:1px solid #ebe1d0;transition:background-color .15s cubic-bezier(.2,0,.2,1)}.training-requests.desktop .table-container .tr-table tbody tr td{border-bottom:1px solid #ebe1d0}.training-requests.desktop .table-container .tr-table tbody tr:hover{background-color:#fbf8f3}.training-requests.desktop .table-container .tr-table tbody tr:last-child td{border-bottom:none}.training-requests.desktop .table-container .tr-table .td-trainee{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;min-width:160px}.training-requests.desktop .table-container .tr-table .td-trainee .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #d6deef}.training-requests.desktop .table-container .tr-table .td-trainee .name{font-weight:600;color:#2b251c}.training-requests.desktop .table-container .tr-table .coach-message{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-requests.desktop .table-container .tr-table .status{display:inline-flex;align-items:center;padding:4px .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.training-requests.desktop .table-container .tr-table .status--pending{color:#7e4d1a;background:#fdf6e7}.training-requests.desktop .table-container .tr-table .status--accepted{color:#305537;background:#f1f7f2}.training-requests.desktop .table-container .tr-table .status--rejected{color:#832e1f;background:#fbf1ee}.training-requests.desktop .table-container .tr-table .actions{display:flex;gap:.5rem;justify-content:center;min-width:120px}.training-requests.desktop .table-container .tr-table .actions .action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#fbf8f3;border:1px solid #ebe1d0;color:#6c5e48;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.training-requests.desktop .table-container .tr-table .actions .action-btn svg{width:16px;height:16px}.training-requests.desktop .table-container .tr-table .actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.training-requests.desktop .table-container .tr-table .actions .action-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.training-requests.desktop .table-container .tr-table .actions .action-btn.view:hover{background:#eef4f8;border-color:#7ba7c4;color:#284960}.training-requests.desktop .table-container .tr-table .actions .action-btn.accept:hover{background:#f1f7f2;border-color:#8ebe97;color:#305537}.training-requests.desktop .table-container .tr-table .actions .action-btn.reject:hover{background:#fbf1ee;border-color:#e48d7a;color:#832e1f}.training-requests.mobile{padding:1rem}.training-requests.mobile .tr-title{font-size:1.125rem;margin-bottom:1rem}.training-requests.mobile .mobile-cards{display:flex;flex-direction:column;gap:.75rem}.training-requests.mobile .mobile-cards .mobile-card{background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;padding:1rem;box-shadow:0 1px 2px #3a32270f;transition:all .22s cubic-bezier(.2,0,.2,1)}.training-requests.mobile .mobile-cards .mobile-card:hover{box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a;transform:translateY(-1px)}.training-requests.mobile .mobile-cards .mobile-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.training-requests.mobile .mobile-cards .mobile-card .card-header .card-main-info{flex:1;min-width:0}.training-requests.mobile .mobile-cards .mobile-card .card-header .card-actions{display:flex;gap:.25rem;flex-shrink:0}.training-requests.mobile .mobile-cards .mobile-card .card-field{display:flex;flex-direction:column;gap:2px;margin-bottom:.5rem}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-label{font-size:.6875rem;font-weight:600;color:#8e7d60;text-transform:uppercase;letter-spacing:.06em}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-value{font-size:.8125rem;font-weight:600;color:#2b251c;word-break:break-word}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-value.trainee-info{display:flex;align-items:center;gap:.5rem}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-value.trainee-info .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #d6deef}.training-requests.mobile .mobile-cards .mobile-card .card-field:last-child{margin-bottom:0}.training-requests.mobile .mobile-cards .mobile-card .card-expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #ebe1d0;animation:tr-slide-down .22s cubic-bezier(.16,1,.3,1)}.training-requests.mobile .mobile-cards .mobile-card .action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:#fbf8f3;border:1px solid #ebe1d0;color:#6c5e48;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1)}.training-requests.mobile .mobile-cards .mobile-card .action-btn svg{width:14px;height:14px}.training-requests.mobile .mobile-cards .mobile-card .action-btn.view:hover{background:#eef4f8;border-color:#7ba7c4;color:#284960}.training-requests.mobile .mobile-cards .mobile-card .action-btn.accept:hover{background:#f1f7f2;border-color:#8ebe97;color:#305537}.training-requests.mobile .mobile-cards .mobile-card .action-btn.reject:hover{background:#fbf1ee;border-color:#e48d7a;color:#832e1f}.training-requests.mobile .mobile-cards .mobile-card .action-btn.expand{transition:transform .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1)}.training-requests.mobile .mobile-cards .mobile-card .action-btn.expand.expanded{transform:rotate(180deg);background:#ebe1d0}.training-requests.mobile .mobile-cards .mobile-card .action-btn.expand:hover{background:#f5efe6}.training-requests.mobile .mobile-cards .mobile-card .action-btn:active{transform:scale(.96)}@keyframes tr-slide-down{0%{opacity:0;transform:translateY(-6px);max-height:0}to{opacity:1;transform:translateY(0);max-height:280px}}@media (max-width: 1024px){.training-requests.desktop .table-container .tr-table th,.training-requests.desktop .table-container .tr-table td{padding:.75rem .5rem;font-size:.75rem}.training-requests.desktop .table-container .tr-table .td-trainee{min-width:130px}.training-requests.desktop .table-container .tr-table .td-trainee .avatar{width:32px;height:32px}.training-requests.desktop .table-container .tr-table .actions{min-width:100px;gap:.25rem}}@media (max-width: 640px){.training-requests.mobile{padding:.75rem}.training-requests.mobile .tr-title{font-size:1rem;flex-direction:column;align-items:stretch}.training-requests.mobile .tr-title .see-more{align-self:flex-end;font-size:.75rem}.training-requests.mobile .mobile-cards .mobile-card{padding:.75rem}.training-requests.mobile .mobile-cards .mobile-card .card-header{flex-direction:column;gap:.5rem}.training-requests.mobile .mobile-cards .mobile-card .card-header .card-actions{align-self:flex-end}}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #ebe1d0;flex-wrap:wrap}.pagination-container .pagination-info{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500}.pagination-container .pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-container .pagination-pages{display:inline-flex;align-items:center;gap:.25rem}.pagination-container .pagination-btn,.pagination-container .pagination-page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;border-radius:12px;background:#ffffff;border:1px solid #ebe1d0;color:#3e3528;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),transform .15s cubic-bezier(.16,1,.3,1)}.pagination-container .pagination-btn:hover:not(:disabled):not(.active),.pagination-container .pagination-page:hover:not(:disabled):not(.active){background:#eef1f9;color:#254075;border-color:#b0c1e1}.pagination-container .pagination-btn:focus-visible,.pagination-container .pagination-page:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.pagination-container .pagination-btn:active,.pagination-container .pagination-page:active{transform:translateY(1px)}.pagination-container .pagination-btn:disabled,.pagination-container .pagination-page:disabled{background:#fbf8f3;color:#8e7d60;cursor:not-allowed;opacity:.65}.pagination-container .pagination-btn.active,.pagination-container .pagination-page.active{background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px #25407538}.profile-container{display:flex;flex-direction:column;gap:30px}.profile-container .header{display:flex;align-items:center;gap:30px}.profile-container .header .page-title{color:#253f74;font-family:Cairo;font-size:28px;font-weight:700;margin:0}.profile-container .profile-content{display:flex;gap:30px}@media only screen and (max-width: 720px){.profile-container .profile-content{flex-direction:column}}.profile-container .profile-content .profile-left{display:flex;flex-direction:column;gap:30px;flex:1}.profile-container .profile-content .profile-right{flex:2}.profile-container .loading-state,.profile-container .error-state{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#666}.profile-container .loading-state p,.profile-container .error-state p{margin:0}.profile-container .error-state{color:#e74c3c}.profile-card-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:20px}.profile-card-container .profile-header{display:flex;align-items:center;gap:20px}.profile-card-container .profile-header .profile-info{display:flex;flex-direction:column;gap:5px}.profile-card-container .profile-header .profile-info .profile-name{color:#253f74;font-family:Cairo;font-size:24px;font-weight:700;margin:0}@media only screen and (max-width: 720px){.profile-card-container .profile-header .profile-info .profile-name{font-size:19px}}.profile-card-container .profile-header .profile-info .profile-username{color:#666;font-family:Cairo;font-size:16px;margin:0}.profile-card-container .profile-header .profile-info .profile-specialization{color:#253f74;font-family:Cairo;font-size:18px;font-weight:600;margin:0}.profile-card-container .profile-bio h3{color:#253f74;font-family:Cairo;font-size:18px;font-weight:600;margin:0 0 10px}.profile-card-container .profile-bio p{color:#666;font-family:Cairo;font-size:14px;line-height:1.6;margin:0}.profile-card-container .profile-details{display:flex;flex-direction:column;gap:12px}.profile-card-container .profile-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.profile-card-container .profile-details .detail-item:last-child{border-bottom:none}.profile-card-container .profile-details .detail-item .detail-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.profile-card-container .profile-details .detail-item .detail-value{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.profile-card-container .profile-details .detail-item .detail-value .verification-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700}.profile-card-container .profile-details .detail-item .detail-value .verification-badge.verified{background-color:#10b981;color:#fff}.profile-card-container .profile-details .detail-item .detail-value .verification-badge.unverified{background-color:#f59e0b;color:#fff}.profile-card-container .loading-state{display:flex;justify-content:center;align-items:center;min-height:100px;color:#666}.profile-form-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:25px}.profile-form-container .form-title{color:#253f74;font-family:Cairo;font-size:24px;font-weight:700;margin:0}.profile-form-container .avatar-upload-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;border:2px dashed #e0e0e0;border-radius:12px;background-color:#f8f9fa}.profile-form-container .avatar-upload-section .avatar-preview{display:flex;justify-content:center}.profile-form-container .avatar-upload-section .avatar-upload-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-form-container .avatar-upload-section .avatar-upload-controls .avatar-upload-input{display:none}.profile-form-container .avatar-upload-section .avatar-upload-controls .avatar-upload-error{margin:0;color:#dc3545;font-size:12px}.profile-form-container .avatar-upload-section .avatar-upload-controls .upload-avatar-btn{background-color:#253f74;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.profile-form-container .avatar-upload-section .avatar-upload-controls .upload-avatar-btn:hover:not(:disabled){background-color:#1a2d5a}.profile-form-container .avatar-upload-section .avatar-upload-controls .upload-avatar-btn:disabled{background-color:#ccc;cursor:not-allowed}.profile-form-container .profile-form{display:flex;flex-direction:column;gap:20px}.profile-form-container .profile-form .form-row{display:flex;gap:20px}@media only screen and (max-width: 720px){.profile-form-container .profile-form .form-row{flex-direction:column}}.profile-form-container .profile-form .form-row .form-group{flex:1}.profile-form-container .profile-form .form-group{display:flex;flex-direction:column;gap:8px}.profile-form-container .profile-form .form-group label{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600}.profile-form-container .profile-form .form-group .form-input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:Cairo;font-size:14px;color:#333;background-color:#fff;transition:border-color .3s ease}.profile-form-container .profile-form .form-group .form-input:focus{outline:none;border-color:#253f74}.profile-form-container .profile-form .form-group .form-input::placeholder{color:#999}.profile-form-container .profile-form .form-group .bio-textarea{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:Cairo;font-size:14px;color:#333;background-color:#fff;resize:vertical;min-height:100px;transition:border-color .3s ease}.profile-form-container .profile-form .form-group .bio-textarea:focus{outline:none;border-color:#253f74}.profile-form-container .profile-form .form-group .bio-textarea::placeholder{color:#999}.profile-form-container .profile-form .form-actions{display:flex;justify-content:flex-end;margin-top:10px}.profile-form-container .profile-form .form-actions .save-button{background-color:#253f74;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.profile-form-container .profile-form .form-actions .save-button:hover:not(:disabled){background-color:#1a2d5a}.profile-form-container .profile-form .form-actions .save-button:disabled{background-color:#ccc;cursor:not-allowed}.profile-stats-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:20px}.profile-stats-container .stats-title{color:#253f74;font-family:Cairo;font-size:20px;font-weight:700;margin:0;text-align:center}.profile-stats-container .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media only screen and (max-width: 720px){.profile-stats-container .stats-grid{grid-template-columns:1fr}}.profile-stats-container .stats-grid .stat-item{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f8f9fa;border-radius:12px;text-align:center;transition:transform .3s ease}.profile-stats-container .stats-grid .stat-item:hover{transform:translateY(-2px)}.profile-stats-container .stats-grid .stat-item .stat-value{color:#253f74;font-family:Cairo;font-size:28px;font-weight:700;margin-bottom:8px}.profile-stats-container .stats-grid .stat-item .stat-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.consultant-card-container{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;min-height:112px;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.2,0,.2,1)}.consultant-card-container:before{content:"";position:absolute;top:-50%;inset-inline-end:-30%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(37,64,117,.1) 0%,transparent 70%);opacity:0;transition:opacity .22s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:0}.consultant-card-container:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3a32271a,0 4px 8px #3a32270d;border-color:#b0c1e1}.consultant-card-container:hover:before{opacity:1}.consultant-card-container:hover .see-more-link{color:#254075}.consultant-card-container:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 6px 16px #3a322714,0 2px 4px #3a32270a}.consultant-card-container>*{position:relative;z-index:1}.consultant-card-container .consultant-avatar{width:64px;height:64px;min-width:64px;flex-shrink:0;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#eef1f9;border:2px solid #d6deef;box-shadow:inset 0 0 0 1px #ffffff80}.consultant-card-container .consultant-avatar .avatar-image{width:100%;height:100%;object-fit:cover;display:block}.consultant-card-container .consultant-avatar .avatar-placeholder{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:0}.consultant-card-container .consultant-avatar .avatar-color-1{background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%)}.consultant-card-container .consultant-avatar .avatar-color-2{background:linear-gradient(135deg,#4f8264 0%,#325642 100%)}.consultant-card-container .consultant-avatar .avatar-color-3{background:linear-gradient(135deg,#cc841d 0%,#7e4d1a 100%)}.consultant-card-container .consultant-avatar .avatar-color-4{background:linear-gradient(135deg,#3d7095 0%,#284960 100%)}.consultant-card-container .consultant-avatar .avatar-color-5{background:linear-gradient(135deg,#4a8453 0%,#305537 100%)}.consultant-card-container .consultant-avatar .avatar-color-6{background:linear-gradient(135deg,#6a9b7c 0%,#2d4a82 100%)}.consultant-card-container .consultant-avatar .avatar-color-7{background:linear-gradient(135deg,#5274b6 0%,#4f8264 100%)}.consultant-card-container .consultant-avatar .avatar-color-8{background:linear-gradient(135deg,#8e7d60 0%,#524736 100%)}.consultant-card-container .consultant-avatar .avatar-color-9{background:linear-gradient(135deg,#e6a02e 0%,#4f8264 100%)}.consultant-card-container .consultant-avatar .avatar-color-10{background:linear-gradient(135deg,#5388ad 0%,#305a79 100%)}.consultant-card-container .consultant-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;text-align:start}.consultant-card-container .consultant-info .consultant-name{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consultant-card-container .consultant-info .see-more-link{display:inline-flex;align-items:center;gap:.25rem;color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;margin:0;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.consultant-card-container .consultant-info .see-more-link:after{content:"←";font-size:.8125rem;transition:transform .15s cubic-bezier(.16,1,.3,1)}.consultant-card-container:hover .see-more-link:after{transform:translate(-3px)}.consultants-list-container{padding:0;min-height:auto;background:transparent;display:flex;flex-direction:column;gap:1.5rem}.consultants-list-container .loading-state,.consultants-list-container .error-state,.consultants-list-container .no-data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:360px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:1rem;font-weight:600;color:#6c5e48}.consultants-list-container .loading-state p,.consultants-list-container .error-state p,.consultants-list-container .no-data-state p{margin:0;padding:1.25rem 1.5rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.consultants-list-container .error-state{color:#a73a25}.consultants-list-container .no-data-state{width:100%;background:#ffffff;border:1px dashed #d8c9ad;border-radius:16px;padding:3rem 1.5rem;box-shadow:none}.consultants-list-container .no-data-state .no-data-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#d6deef 0%,transparent 70%)}.consultants-list-container .no-data-state .no-data-icon svg path{stroke:#254075}.consultants-list-container .no-data-state .no-data-text{margin:0;text-align:center;color:#2b251c;font-weight:600;font-size:1rem}.consultants-list-container .consultants-header{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;padding:1.5rem 2rem;background:radial-gradient(circle at 100% 0%,rgba(74,132,83,.1) 0,transparent 32%),#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;position:relative}.consultants-list-container .consultants-header .header-content .page-title{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.2}@media (max-width: 768px){.consultants-list-container .consultants-header .header-content .page-title{font-size:1.625rem}}.consultants-list-container .consultants-header .header-content .page-subtitle{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;font-weight:400;margin:0;line-height:1.7;max-width:64ch}@media (max-width: 768px){.consultants-list-container .consultants-header .header-content .page-subtitle{font-size:.8125rem}}.consultants-list-container .consultants-header .header-actions{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:space-between}@media (max-width: 768px){.consultants-list-container .consultants-header .header-actions{flex-direction:column;align-items:stretch;gap:.75rem}}.consultants-list-container .consultants-header .header-actions .chat-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;cursor:pointer;white-space:nowrap;min-height:44px;box-shadow:0 8px 18px #25407538;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.2,0,.2,1)}.consultants-list-container .consultants-header .header-actions .chat-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2540754d;filter:brightness(1.04)}.consultants-list-container .consultants-header .header-actions .chat-btn:active{transform:translateY(0)}.consultants-list-container .consultants-header .header-actions .chat-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 8px 18px #25407538}.consultants-list-container .consultants-header .header-actions .chat-btn img{width:18px;height:18px;filter:brightness(2)}.consultants-list-container .consultants-header .filters-inputs{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;max-width:640px}@media (max-width: 768px){.consultants-list-container .consultants-header .filters-inputs{flex-direction:column;align-items:stretch;max-width:100%}}.consultants-list-container .consultants-header .filters-inputs .search-input-container{position:relative;flex:1;min-width:0;display:flex}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input{width:100%;padding-block:.75rem;padding-inline-start:2.5rem;padding-inline-end:1.25rem;background:#fbf8f3;border:1.5px solid #ebe1d0;border-radius:999px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500;color:#2b251c;min-height:44px;outline:none;transition:border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1)}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input::placeholder{color:#8e7d60;font-weight:400}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input:hover{border-color:#d8c9ad;background:#ffffff}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input:focus{border-color:#3a5c9c;box-shadow:0 0 0 4px #25407533;background:#ffffff}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-icon{position:absolute;inset-inline-start:1rem;top:50%;transform:translateY(-50%);display:inline-flex;color:#8e7d60;pointer-events:none;transition:color .15s cubic-bezier(.2,0,.2,1)}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-icon svg{width:18px;height:18px}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-icon svg path{stroke:currentColor}.consultants-list-container .consultants-header .filters-inputs .search-input-container:focus-within .search-icon{color:#2d4a82}.consultants-list-container .consultants-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.consultants-list-container .consultants-toolbar__count{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600}.consultants-list-container .consultants-toolbar .view-switch{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:12px}.consultants-list-container .consultants-toolbar .view-switch__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#6c5e48;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .15s cubic-bezier(.2,0,.2,1)}.consultants-list-container .consultants-toolbar .view-switch__btn:hover{color:#2b251c}.consultants-list-container .consultants-toolbar .view-switch__btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.consultants-list-container .consultants-toolbar .view-switch__btn.active{background:#eef1f9;color:#254075;box-shadow:0 1px 2px #3a32270f}.consultants-list-container .consultants-grid{width:100%;display:grid;gap:1.25rem}.consultants-list-container .consultants-grid--cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 768px){.consultants-list-container .consultants-grid--cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}@media (max-width: 640px){.consultants-list-container .consultants-grid--cards{grid-template-columns:1fr}}.consultants-list-container .consultants-grid--list{grid-template-columns:1fr;gap:.75rem}.consultants-list-container .consultants-grid--list .consultant-card-container{justify-content:flex-start;gap:1rem}.consultants-list-container .consultants-grid--list .consultant-card-container .consultant-info{flex:1;flex-direction:row;align-items:center;justify-content:space-between;text-align:start}.consultants-list-container .consultants-grid--list .consultant-card-container .see-more-link{margin-inline-start:auto}.consultants-list-container .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:.75rem}.consultants-list-container .pagination .pagination-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:0 1.25rem;background:#ffffff;border:1.5px solid #ebe1d0;color:#3e3528;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.consultants-list-container .pagination .pagination-btn:hover:not(:disabled){background:#eef1f9;color:#254075;border-color:#b0c1e1;transform:translateY(-1px);box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.consultants-list-container .pagination .pagination-btn:active:not(:disabled){transform:translateY(0)}.consultants-list-container .pagination .pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.consultants-list-container .pagination .pagination-btn:disabled{background:#fbf8f3;color:#8e7d60;cursor:not-allowed;opacity:.7;transform:none}.consultants-list-container .pagination .pagination-info{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600}.consultant-profile-container{padding:30px;min-height:100vh;background:#f8f9fa;flex-direction:column;gap:30px;display:flex;justify-content:center;align-items:flex-start}@media only screen and (max-width: 700px){.consultant-profile-container{padding:10px}}.consultant-profile-container .loading-state,.consultant-profile-container .error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;text-align:center}.consultant-profile-container .loading-state .loading-spinner,.consultant-profile-container .error-state .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #254075;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.consultant-profile-container .loading-state h2,.consultant-profile-container .error-state h2{color:#3e3528;margin-bottom:10px}.consultant-profile-container .loading-state p,.consultant-profile-container .error-state p{color:#6c5e48;margin-bottom:20px}.consultant-profile-container .loading-state .back-btn,.consultant-profile-container .error-state .back-btn{background-color:#254075;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.consultant-profile-container .loading-state .back-btn:hover,.consultant-profile-container .error-state .back-btn:hover{background-color:#254075}.consultant-profile-container .error-state{color:#c44a31}.consultant-profile-container .profile-card{position:relative;background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #0000001a;width:100%;margin:0 auto}.consultant-profile-container .profile-card .row-content{display:flex;align-items:center}@media only screen and (max-width: 700px){.consultant-profile-container .profile-card{padding:16px}.consultant-profile-container .profile-card .row-content{flex-direction:column;align-items:stretch;gap:16px}.consultant-profile-container .profile-card .action-section{position:static;top:auto;left:auto;margin-bottom:12px}.consultant-profile-container .profile-card .action-section .start-chat-btn{width:100%}.consultant-profile-container .profile-card .profile-top{border-left:none;margin-left:0;padding-left:0;align-items:center}.consultant-profile-container .profile-card .profile-top .profile-basic-info .consultant-name{text-wrap:wrap}.consultant-profile-container .profile-card .bio-section .bio-text{width:100%}.consultant-profile-container .profile-card .stats-section{flex-wrap:wrap;justify-content:flex-start;gap:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-top{display:flex;align-items:center;gap:10px;flex-direction:column;height:100%;border-left:1px solid #c4c4c4;margin-left:20px;padding-left:20px}.profile-top .profile-avatar{flex-shrink:0}.profile-top .profile-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e3f2fd}.profile-top .profile-basic-info{flex:1}.profile-top .profile-basic-info .consultant-name{color:#555758;font-size:15px;font-weight:700;text-wrap:nowrap}.profile-top .profile-basic-info .consultant-specialty{color:#989ba1;text-align:center;font-size:10px}.bio-section{display:flex;flex-direction:column}.bio-section .bio-title{color:#555758;font-size:14px;font-weight:400;margin:0 0 15px}.bio-section .bio-text{color:#989ba1;line-height:1.6;margin:0 0 30px;font-size:10px;width:60%}.stats-section{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.stats-section .stat-item .stat-label{color:#033246;font-size:12px;font-weight:600;margin-bottom:8px;display:block}.stats-section .stat-item .stat-value{color:#033246;font-size:14px;font-weight:300}.action-section{display:flex;justify-content:flex-start;position:absolute;top:20px;left:20px}.action-section .start-chat-btn{background-color:#f4fbff;color:#3287d7;border:1px solid #3287d7;width:230px;height:38px;display:flex;justify-content:center;align-items:center;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.action-section .start-chat-btn:hover{background-color:#02b8c4}.message-list-container{display:flex;gap:1.25rem;min-height:calc(100vh - 72px - 3rem);background:transparent;font-family:Almarai,Cairo,Tajawal,sans-serif}.message-list-container .loading-state,.message-list-container .error-state{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px}.message-list-container .loading-state p,.message-list-container .error-state p{margin:0;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;color:#6c5e48;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.message-list-container .error-state p{color:#a73a25}.message-sidebar{width:380px;flex-shrink:0;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;display:flex;flex-direction:column;overflow:hidden;min-height:540px}.sidebar-header{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid #ebe1d0}.sidebar-header h2{margin:0 0 .75rem;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#2b251c;letter-spacing:-.01em}.filter-section{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-radius:999px;background:#fbf8f3;color:#6c5e48;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.filter-section:hover{background:#eef1f9;color:#254075}.filter-section .filter-icon{width:16px;height:16px;opacity:.7}.messages-list{flex:1;overflow-y:auto;padding:.5rem 0}.messages-empty-state{padding:2rem 1.25rem;text-align:center;color:#8e7d60;font-size:.8125rem}.message-item{position:relative;padding:1rem 1.25rem;border-bottom:1px solid #ebe1d0;cursor:pointer;transition:background-color .15s cubic-bezier(.2,0,.2,1)}.message-item:last-child{border-bottom:none}.message-item:hover{background:#fbf8f3}.message-item.selected{background:#eef1f9}.message-item.selected:before{content:"";position:absolute;inset-inline-start:0;top:.75rem;bottom:.75rem;width:3px;border-radius:999px;background:#3a5c9c}.message-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.sender-info{display:flex;align-items:center;gap:.5rem;min-width:0}.sender-info .unread-dot{width:8px;height:8px;background:#3a5c9c;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #25407529}.sender-info .sender-name{font-weight:700;color:#2b251c;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-icon{width:16px;height:16px;opacity:.55;cursor:pointer;transition:opacity .15s cubic-bezier(.2,0,.2,1);flex-shrink:0}.delete-icon:hover{opacity:1}.message-subject{font-weight:600;color:#3e3528;font-size:.8125rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview{color:#6c5e48;font-size:.75rem;line-height:1.35;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-timestamp{color:#8e7d60;font-size:.6875rem;font-weight:500;letter-spacing:.02em}.message-content{flex:1;min-width:0;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;display:flex;flex-direction:column;overflow:hidden}.message-content .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;color:#6c5e48}.message-content .empty-state img{width:96px;height:96px;opacity:.55;filter:drop-shadow(0 6px 12px rgba(58,50,39,.1))}.message-content .empty-state p{margin:0;font-size:1rem;font-weight:600;color:#6c5e48}.message-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.message-empty-state:before{content:"";width:96px;height:96px;margin-bottom:1rem;border-radius:50%;background:radial-gradient(circle,#d6deef 0%,transparent 70%)}.message-empty-state-title{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#2b251c;margin-bottom:.5rem}.message-empty-state-subtitle{font-size:.8125rem;color:#6c5e48;max-width:44ch;line-height:1.7}.message-detail{flex:1;display:flex;flex-direction:column;padding:1.5rem;min-height:0}.message-detail-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #ebe1d0}.message-detail-header .close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#6c5e48;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.message-detail-header .close-btn:hover{background:#f5efe6;color:#2b251c}.message-detail-header .close-btn img{width:18px;height:18px}.consultation-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:1rem;background:#fbf8f3;border:1px solid #ebe1d0;border-radius:12px}.consultation-info .consultant-info{display:flex;align-items:center;gap:.5rem;margin-bottom:0;flex-wrap:wrap}.consultation-info .consultant-info>span{color:#8e7d60;font-size:.75rem;font-weight:600;letter-spacing:.04em}.consultation-info .consultant-info .consultant-name{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ffffff;border-radius:999px}.consultation-info .consultant-info .consultant-name .consultant-avatar{width:24px;height:24px;border-radius:50%;border:2px solid #d6deef}.consultation-info .consultant-info .consultant-name span,.consultation-info .subject-info span{color:#2b251c;font-weight:600;font-size:.8125rem}.consultation-info .date-info span{color:#8e7d60;font-size:.75rem;font-weight:500}.message-body{flex:1;padding:1.25rem;background:#fbf8f3;border:1px solid #ebe1d0;border-radius:12px;margin-bottom:1.25rem;min-height:280px;word-break:break-word;overflow-wrap:anywhere}.message-body p{margin:0 0 .75rem;line-height:1.7;color:#3e3528;font-size:.9375rem}.message-body ul{margin:.75rem 0;padding-inline-start:1.25rem;list-style:disc}.message-body ul li{margin-bottom:.5rem;color:#3e3528;font-size:.8125rem}.message-body .chat-line-content{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.chat-thread{display:flex;flex-direction:column;gap:.75rem;max-height:540px;overflow-y:auto;padding-inline-end:.5rem}.chat-empty-state{padding:2rem 1.25rem;text-align:center;color:#6c5e48;font-size:.8125rem;font-weight:500;background:#ffffff;border:1px dashed #d8c9ad;border-radius:16px}.chat-line{display:flex;justify-content:flex-start}.chat-line.from-me{justify-content:flex-end}.chat-line.from-them{justify-content:flex-start}.chat-bubble{position:relative;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;padding:.75rem 1rem;box-shadow:0 1px 2px #3a32270f;max-width:78%;min-width:80px}.chat-line.from-them .chat-bubble{border-bottom-inline-start-radius:4px}.chat-line.from-me .chat-bubble{background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;border-color:transparent;border-bottom-inline-end-radius:4px;box-shadow:0 6px 14px #25407538}.chat-line.from-me .chat-line-sender,.chat-line.from-me .chat-line-time,.chat-line.from-me .chat-line-content{color:#fff}.chat-line.from-me .chat-line-time{color:#ffffffc7}.chat-line-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem}.chat-line-sender{font-size:.75rem;font-weight:700;color:#2b251c;letter-spacing:.02em}.chat-line-time{font-size:.6875rem;color:#8e7d60;font-weight:500}.chat-line-content{font-size:.8125rem;color:#3e3528;line-height:1.7;white-space:pre-wrap}.message-actions .reply-composer{display:flex;flex-direction:column;gap:.75rem}.message-actions .reply-input{width:100%;resize:vertical;min-height:56px;padding:.75rem 1rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;line-height:1.7;color:#3e3528;background:#ffffff;border:1px solid #ebe1d0;border-radius:12px;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.message-actions .reply-input::placeholder{color:#8e7d60}.message-actions .reply-input:focus-visible{outline:none;border-color:#3a5c9c;box-shadow:0 0 0 4px #25407533}.message-actions .reply-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;padding:1rem 1.5rem;border-radius:12px;width:100%;min-height:48px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #25407538;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.2,0,.2,1)}.message-actions .reply-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px #25407552;filter:brightness(1.04)}.message-actions .reply-btn:active{transform:translateY(0)}.message-actions .reply-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 8px 20px #25407538}.message-actions .reply-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none;filter:none}@media (max-width: 1024px){.message-list-container{gap:1rem}.message-sidebar{width:320px}}@media (max-width: 768px){.message-list-container{flex-direction:column;gap:1rem;min-height:auto}.message-sidebar,.message-content{width:100%}.message-sidebar{min-height:0;max-height:50vh}.messages-list{max-height:40vh}.message-detail{padding:1rem}.message-body{padding:1rem;margin-bottom:1rem}.chat-bubble{max-width:88%}}.compose-message-container{display:flex;flex-direction:column;min-height:calc(100vh - 72px - 3rem);background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;font-family:Almarai,Cairo,Tajawal,sans-serif;overflow:hidden}.compose-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #ebe1d0;background:rgba(251,248,243,.5)}.compose-header .header-left{display:flex;align-items:center;gap:.75rem}.compose-header .back-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:#6c5e48;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1)}.compose-header .back-btn:hover{background:#f5efe6;color:#2b251c}.compose-header .back-btn:focus-visible{box-shadow:0 0 0 4px #25407533;outline:none}.compose-header .back-btn img{width:18px;height:18px;transform:rotate(90deg)}.consultation-topics{display:inline-flex;align-items:center;gap:.5rem;background:#eef1f9;color:#254075;padding:.5rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.consultation-topics img{width:14px;height:14px}.compose-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.recipient-info{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fbf8f3;border:1px solid #ebe1d0;border-radius:12px}.recipient-info .reply-to{display:flex;align-items:center;gap:.75rem;margin:0}.recipient-info .reply-to>span:first-child{color:#8e7d60;font-size:.75rem;font-weight:600;letter-spacing:.04em}.recipient-info .reply-to .recipient-tag{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff;padding:.25rem .75rem;border-radius:999px;border:1px solid #ebe1d0}.recipient-info .reply-to .recipient-tag .recipient-avatar{width:24px;height:24px;border-radius:50%;border:2px solid #dde9e1}.recipient-info .reply-to .recipient-tag span{color:#2b251c;font-weight:600;font-size:.8125rem}.recipient-info .subject-info{display:flex;align-items:flex-start;gap:.75rem;margin:0}.recipient-info .subject-info>span:first-child{color:#8e7d60;font-size:.75rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;margin-top:.75rem}.recipient-info .subject-info .subject-input-container{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.recipient-info .subject-info .subject-input{width:100%;padding:.75rem 1rem;min-height:44px;border:1.5px solid #ebe1d0;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;font-weight:500;color:#2b251c;background:#ffffff;transition:border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .15s cubic-bezier(.2,0,.2,1)}.recipient-info .subject-info .subject-input:hover{border-color:#d8c9ad}.recipient-info .subject-info .subject-input:focus{outline:none;border-color:#3a5c9c;box-shadow:0 0 0 4px #25407533}.recipient-info .subject-info .subject-input::placeholder{color:#8e7d60;font-weight:400}.message-editor{flex:1;display:flex;flex-direction:column;min-height:240px}.message-editor .message-textarea{width:100%;flex:1;min-height:240px;padding:1rem 1.25rem;background:#ffffff;border:1.5px solid #ebe1d0;border-radius:12px;color:#2b251c;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;line-height:1.7;resize:vertical;transition:border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .15s cubic-bezier(.2,0,.2,1)}.message-editor .message-textarea:hover{border-color:#d8c9ad}.message-editor .message-textarea:focus{outline:none;border-color:#3a5c9c;box-shadow:0 0 0 4px #25407533}.message-editor .message-textarea::placeholder{color:#8e7d60}.attachments-section{display:flex;flex-direction:column;gap:.75rem}.attachments-section .attachments-list{display:flex;gap:.75rem;flex-wrap:wrap;margin:0}.attachments-section .attachment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:12px;min-width:180px;position:relative;transition:all .22s cubic-bezier(.2,0,.2,1)}.attachments-section .attachment-item:hover{box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;border-color:#d8c9ad}.attachments-section .attachment-item .remove-attachment-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;position:absolute;top:-8px;inset-inline-end:-8px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#c44a31;color:#fff;cursor:pointer;box-shadow:0 2px 6px #c44a3152;transition:background-color .15s cubic-bezier(.2,0,.2,1),transform .15s cubic-bezier(.16,1,.3,1)}.attachments-section .attachment-item .remove-attachment-btn:hover{background:#a73a25;transform:scale(1.06)}.attachments-section .attachment-item .remove-attachment-btn img{width:10px;height:10px;filter:brightness(2)}.attachments-section .no-attachments{display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;background:#fbf8f3;border:1px dashed #d8c9ad;border-radius:12px;color:#8e7d60;font-size:.8125rem;font-weight:500}.attachments-section .attachment-icon .pdf-icon,.attachments-section .attachment-icon .doc-icon,.attachments-section .attachment-icon .image-icon,.attachments-section .attachment-icon .text-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:8px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;box-shadow:0 1px 2px #3a32270f}.attachments-section .attachment-icon .pdf-icon{background:linear-gradient(135deg,#c44a31 0%,#832e1f 100%)}.attachments-section .attachment-icon .doc-icon{background:linear-gradient(135deg,#3d7095 0%,#284960 100%)}.attachments-section .attachment-icon .image-icon{background:linear-gradient(135deg,#4a8453 0%,#305537 100%)}.attachments-section .attachment-icon .text-icon{background:linear-gradient(135deg,#8e7d60 0%,#524736 100%)}.attachments-section .attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attachments-section .attachment-info .attachment-name{font-size:.8125rem;font-weight:600;color:#2b251c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments-section .attachment-info .attachment-size{font-size:.6875rem;color:#8e7d60;font-weight:500}.attachments-section .attachment-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.attachments-section .attachment-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s cubic-bezier(.2,0,.2,1),background-color .15s cubic-bezier(.2,0,.2,1),border-color .15s cubic-bezier(.2,0,.2,1),transform .15s cubic-bezier(.16,1,.3,1)}.attachments-section .attachment-actions button img{width:14px;height:14px}.attachments-section .attachment-actions button:active{transform:translateY(1px)}.attachments-section .attachment-actions button:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533}.attachments-section .attachment-actions .delete-attachments{color:#a73a25}.attachments-section .attachment-actions .delete-attachments:hover{background:#fbf1ee;color:#832e1f}.attachments-section .attachment-actions .add-attachment{color:#254075}.attachments-section .attachment-actions .add-attachment:hover:not(:disabled){background:#eef1f9;color:#20355f}.attachments-section .attachment-actions .add-attachment:disabled{color:#8e7d60;cursor:not-allowed;opacity:.6}.compose-footer{padding:1rem 1.25rem;border-top:1px solid #ebe1d0;background:rgba(251,248,243,.5);display:flex;justify-content:flex-end}.compose-footer .send-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#3a5c9c 0%,#254075 100%);color:#fff;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:0;cursor:pointer;box-shadow:0 8px 18px #25407538;transition:box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),filter .15s cubic-bezier(.2,0,.2,1)}.compose-footer .send-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2540754d;filter:brightness(1.04)}.compose-footer .send-btn:active{transform:translateY(0)}.compose-footer .send-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #25407533,0 8px 18px #25407538}.compose-footer .send-btn:disabled{background:#ebe1d0;color:#8e7d60;box-shadow:none;cursor:not-allowed}.compose-footer .send-btn img{width:16px;height:16px}@media (max-width: 1024px){.compose-header{padding:.75rem 1rem}.compose-content{padding:1rem;gap:1rem}}@media (max-width: 768px){.compose-message-container{border-radius:12px}.compose-header{padding:.75rem 1rem}.compose-header .header-left{gap:.5rem}.compose-content{padding:.75rem 1rem 1rem;gap:.75rem}.recipient-info .subject-info{flex-direction:column;align-items:stretch}.recipient-info .subject-info .subject-input-container{width:100%}.recipient-info .subject-info>span:first-child{margin-top:0}.message-editor .message-textarea{min-height:180px}.attachments-section .attachments-list{flex-direction:column}.attachments-section .attachment-item{min-width:0;width:100%}.attachments-section .attachment-actions{flex-direction:column;align-items:stretch}.attachments-section .attachment-actions button{width:100%;justify-content:center}.compose-footer{padding:.75rem 1rem}.compose-footer .send-btn{width:100%}}#dark{background-color:#1a1610}#dark .main-layout-outlet,#dark .sidebar-items,#dark .navbar,#dark .sidebar-content{background-color:#2b251c;color:#f5efe6;border-color:#3e3528}#dark .card,#dark .modal-content,#dark .dropdown-menu{background-color:#2b251c;border-color:#3e3528;color:#f5efe6}#dark input,#dark textarea,#dark select{background-color:#3e3528;color:#f5efe6;border-color:#524634}#dark input::placeholder,#dark textarea::placeholder,#dark select::placeholder{color:#b6a280}@media only screen and (max-width: 1024px){#dark .sidebar{background-color:#2b251c}}