@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";: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: #3d6a51;--color-primary-soft: #f1f6f3;--color-accent: #d95f34;--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(217,95,52,.04) 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:#3d6a51;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:#325642}a:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #bd4b272e;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(189,75,39,.18);color:#2a4537}::-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:#f1f6f3;color:#325642}.sidebar .sidebar-logo-container .sidebar-toggle-btn:focus-visible{box-shadow:0 0 0 4px #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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:#6a9b7c;background:#ffffff;box-shadow:0 0 0 4px #bd4b272e}.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:#f1f6f3;color:#325642}.navbar .navbar-right .navbar-notification-icons:focus-visible{box-shadow:0 0 0 4px #bd4b272e}.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:#d95f34;color:#fff;display:inline-flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 0 0 2px #d95f3433}.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:#f1f6f3;color:#2a4537}.navbar .navbar-right .navbar-avatar-btn:focus-visible{box-shadow:0 0 0 4px #bd4b272e}.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:#f1f6f3}.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:#f1f6f3;color:#2a4537}.sidebar-items .item:hover .item-icon,.sidebar-items .active:hover .item-icon{color:#325642}.sidebar-items .item:focus-visible,.sidebar-items .active:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.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,#4f8264 0%,#325642 100%);color:#fff;box-shadow:0 6px 16px #bd4b2740}.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:#4f8264}.sidebar-items .active:hover{background:linear-gradient(135deg,#4f8264 0%,#325642 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 #bd4b272e}.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:#3d6a51;color:#fff;border-color:#3d6a51}.btn-primary:hover{background-color:#325642;border-color:#325642}.btn-primary:focus-visible{box-shadow:0 0 0 4px #bd4b272e}.btn-outlined-primary{background-color:transparent;color:#3d6a51;border:1px solid currentColor}.btn-outlined-primary:hover{background-color:#00000005;color:#325642}.btn-outlined-primary:focus-visible{box-shadow:0 0 0 4px #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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 #bd4b272e}.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:#4f8264;box-shadow:0 0 0 4px #bd4b272e;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:#4f8264;box-shadow:0 0 0 4px #bd4b2724}.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 #bd4b2724}.input-success{color:#2b251c}.input-container-warning:focus-within{border-color:#cc841d;box-shadow:0 0 0 4px #bd4b2724}.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 #bd4b2724}.input-dark{color:#2b251c}.input-container-secondary:focus-within{border-color:#b6a280;box-shadow:0 0 0 4px #bd4b2724}.input-secondary{color:#2b251c}.input-container-light:focus-within{border-color:#d8c9ad;box-shadow:0 0 0 4px #bd4b2724}.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 #bd4b272e}.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:1000}.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,#dde9e1 0%,#fbe1d3 100%);color:#2a4537;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:#a71c9b91}.switch-component.active:hover:not(.disabled) .switch-track{background-color:#38b2ac}.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,rgba(167,28,155,.568627451) 0%,rgba(167,28,155,.568627451) 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:rgba(167,28,155,.568627451) 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 rgba(167,28,155,.568627451);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 rgba(167,28,155,.568627451) 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 rgba(167,28,155,.568627451) transparent}@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:#a71c9b91}.date-picker .year-picker .year-options .year-option.active{background:rgba(167,28,155,.568627451);color:#fff;font-weight:500;border-color:#a71c9b91}.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.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:rgba(167,28,155,.568627451);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:rgba(167,28,155,.568627451);border-radius:50%;z-index:-1}.date-picker .calendar-days .calendar-day.selected:hover{background:rgba(167,28,155,.568627451);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)}}.training-requests{background:#fff;border-radius:12px;direction:rtl;padding:24px}.training-requests .tr-title{color:#253f74;text-align:right;font-family:Cairo,sans-serif;font-size:21px;font-weight:700;line-height:160%;display:flex;justify-content:space-between;margin-bottom:20px}.training-requests .tr-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cde0ff transparent}.training-requests .tr-table-wrap::-webkit-scrollbar{height:8px}.training-requests .tr-table-wrap::-webkit-scrollbar-thumb{background:#cde0ff;border-radius:8px}.training-requests .tr-table-wrap::-webkit-scrollbar-track{background:transparent}.training-requests .tr-table{width:100%;border-collapse:collapse;text-align:center;min-width:640px}.training-requests .tr-table th,.training-requests .tr-table td{padding:16px 12px;font-size:14px;font-weight:400;font-family:Cairo,sans-serif;color:#033246;vertical-align:middle;white-space:nowrap}.training-requests .tr-table thead th{font-weight:400;color:#707070;border-bottom:1px solid #cde0ff;padding:20px 12px;background:#fff;position:sticky;top:0;z-index:1}.training-requests .tr-table tbody tr{border-bottom:1px solid #e0eefa}.training-requests .tr-table .avatar{width:32px;height:32px;border-radius:50%;margin-inline-start:8px;object-fit:cover}.training-requests .tr-table .status--pending{color:#4a6fa5}.training-requests .tr-table .status--accepted{color:#28a745}.training-requests .tr-table .status--rejected{color:#dc3545}.training-requests .tr-table .status{font-weight:500}.training-requests .tr-table .actions{display:flex;gap:8px;justify-content:center}.training-requests .tr-table .actions .action-btn{background:#e8e8e8;border:none;cursor:pointer;font-size:1rem;color:#4a6fa5;padding:6px;display:inline-flex;align-items:center;justify-content:center;transition:filter .2s,background-color .2s;border-radius:8px}.training-requests .tr-table .actions .action-btn:hover svg{filter:brightness(0) saturate(100%) invert(35%) sepia(9%) saturate(7150%) hue-rotate(187deg) brightness(93%) contrast(93%)}.training-requests .tr-table .empty-state .empty-content{padding:24px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.training-requests .tr-table .empty-state .empty-content .empty-icon{opacity:.7}.training-requests .tr-table .empty-state .empty-content .empty-message{color:#707070;font-weight:500}@media (max-width: 1024px){.training-requests{padding:16px}.training-requests .tr-title{font-size:19px}.training-requests .tr-table th,.training-requests .tr-table td{padding:12px 10px;font-size:13px}.training-requests .tr-table .avatar{width:28px;height:28px}}@media (max-width: 768px){.training-requests .tr-table{min-width:0;border-collapse:separate}.training-requests .tr-table thead{display:none}.training-requests .tr-table tbody,.training-requests .tr-table tr,.training-requests .tr-table td{display:block;width:100%}.training-requests .tr-table tbody tr{margin-bottom:12px;border:1px solid #e0eefa;border-radius:12px;padding:8px 10px;background:#fff}.training-requests .tr-table td{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border-bottom:1px dashed #eef4fb;white-space:normal}.training-requests .tr-table td:before{content:attr(data-label);color:#707070;font-weight:600;font-size:12px;margin-inline-start:0;margin-inline-end:12px}.training-requests .tr-table td:last-child{border-bottom:0}.training-requests .tr-table .actions{justify-content:flex-start;gap:6px}.training-requests .tr-table .actions .action-btn{padding:6px 8px}}.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:#f1f6f3;color:#325642}.notif .notif-bell:active{transform:scale(.96)}.notif .notif-bell:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.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:#d95f34;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:#3d6a51;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:#f1f6f3;color:#2a4537}.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:#325642;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:#f1f6f3;color:#2a4537}.notif .notif-panel__viewall:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.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,#dde9e1 0%,transparent 70%);color:#4f8264}.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:#f1f6f3}.notif .notif-item.unread:hover{background:#dde9e1}.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:#4f8264}@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 .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:#3d6a51;font-weight:600}.auth-form-card .remember-me-section .footer-text a:hover{color:#325642;text-decoration:underline}.register-form .error-message{background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border:1px solid #fc8181;border-radius:12px;color:#c53030;padding:16px;margin-bottom:24px;font-size:14px;box-shadow:0 2px 8px #fc818126}.register-form .error-message ul{margin:12px 0 0;padding-left:24px}.register-form .error-message ul li{margin-bottom:6px;line-height:1.5}.register-form .register-select-container{padding:0 12px}.register-form .register-select{width:100%;border:0;background:transparent;outline:none;font-size:14px;height:42px;color:#2d3748}.register-form .cv-upload{display:flex;flex-direction:column;gap:10px}.register-form .cv-upload-input{display:none}.register-form .cv-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.register-form .cv-upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:#2d3748;transition:all .2s ease}.register-form .cv-upload-button:hover{background:#f7fafc}.register-form .cv-upload-filename{flex:1;min-width:180px;font-size:13px;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.register-form .cv-upload-clear{border:none;background:transparent;color:#c53030;font-weight:600;cursor:pointer;padding:8px 10px}.register-form .form-section{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.register-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.register-form .form-section .form-row{grid-template-columns:1fr;gap:20px}}.register-form .submit-button{width:100%;padding:16px 24px;background:linear-gradient(90deg,#db0eab 0%,#dd8d36 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4fd1c54d;margin-top:8px}.register-form .submit-button:hover:not(:disabled){box-shadow:0 6px 20px #4fd1c566;transform:translateY(-2px)}.register-form .submit-button:active:not(:disabled){transform:translateY(0)}.register-form .submit-button:disabled{background:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%);cursor:not-allowed;box-shadow:none;transform:none}.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 .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%;max-width:380px;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:#a71c9b91;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:#a71c9b91;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:hover:not(:disabled){color:#38b2ac}.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;max-width:unset;width:100%!important;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-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 .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-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(217,95,52,.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,#bcd3c4,transparent 70%);top:-120px;left:-120px}.auth-layout .wave:nth-of-type(2){background:radial-gradient(circle,#f6bfa3,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,#f1f6f3 0%,#fdf3ee 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 #bd4b272e}.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:#3d6a51;font-weight:600}.auth-form-card .card-body .remember-me-section .footer-text a:hover{color:#325642;text-decoration:underline}.auth-form-card .card-body .submit-button{background:linear-gradient(135deg,#4f8264 0%,#325642 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 #bd4b2738;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 #bd4b2752;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 #bd4b272e,0 8px 20px #bd4b2738}.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:#3d6a51;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:#325642;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}.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,#4f8264 0%,#325642 60%,#bd4b27 100%);box-shadow:0 18px 40px #bd4b2738}.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(217,95,52,.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,#4f8264 0%,#325642 100%);color:#fff;box-shadow:0 6px 14px #bd4b2738;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))}.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%}.sessions-calendar-container .loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#666;font-weight:500}.sessions-calendar-container .loading-state p{margin:0;padding:20px}.sessions-calendar-container .usc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media only screen and (max-width: 720px){.sessions-calendar-container .usc-header{flex-direction:column}}.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 .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(30,25,18,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1.25rem}.sessions-calendar-container .modal-overlay .modal{background:#ffffff;width:560px;max-width:100%;max-height:90vh;overflow-y:auto;border-radius:20px;border:1px solid #ebe1d0;box-shadow:0 24px 48px #3a322724,0 8px 16px #3a32270f;padding:2rem 1.75rem;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal{width:100%;padding:1.5rem 1.25rem;border-radius:20px}}.sessions-calendar-container .modal-overlay .modal .modal-close{position:absolute;inset-inline-end:1rem;top:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:none;background:#f5efe6;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)}.sessions-calendar-container .modal-overlay .modal .modal-close:hover{background:#ebe1d0;color:#2b251c}.sessions-calendar-container .modal-overlay .modal .modal-close:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #bd4b272e}.sessions-calendar-container .modal-overlay .modal .modal-close svg{width:18px;height:18px}.sessions-calendar-container .modal-overlay .modal .modal-title{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.625rem;font-weight:700;line-height:1.35;color:#2b251c;text-align:center;margin:.5rem 2rem 0}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .modal-title{margin-inline:0;font-size:1.125rem}}.sessions-calendar-container .modal-overlay .modal .modal-date-picker{margin:0}.sessions-calendar-container .modal-overlay .modal .time-section{width:100%;display:flex;flex-direction:column;gap:1rem}.sessions-calendar-container .modal-overlay .modal .time-section .time-section-label{display:block;color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:600;text-align:center}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container{display:flex;flex-direction:column;gap:.75rem;max-height:220px;overflow-y:auto;padding-inline-end:.25rem}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row{display:flex;align-items:center;gap:.75rem;width:100%}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group{display:flex;align-items:center;gap:.75rem;flex:1}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper{flex:1}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input{width:100%;height:48px;border:1px solid #d8c9ad;border-radius:12px;padding:0 1rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:1rem;color:#2b251c;text-align:center;background:#ffffff;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)}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input:focus{outline:none;border-color:#6a9b7c;box-shadow:0 0 0 4px #bd4b272e}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-separator{color:#8e7d60;font-size:1.125rem;font-weight:700}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #efb8ac;border-radius:12px;background:#fbf1ee;color:#a73a25;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)}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn:hover{background:#f7ddd6}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #c44a3138}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn svg{width:18px;height:18px}.sessions-calendar-container .modal-overlay .modal .time-section .add-time-btn{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.5rem 1rem;border:1px dashed #93b8a0;border-radius:12px;background:#f1f6f3;color:#325642;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)}.sessions-calendar-container .modal-overlay .modal .time-section .add-time-btn:hover{background:#dde9e1;border-color:#6a9b7c}.sessions-calendar-container .modal-overlay .modal .time-section .add-time-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #bd4b272e}.sessions-calendar-container .modal-overlay .modal .time-section .add-time-btn .add-time-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#4f8264;color:#fff;font-size:1rem;line-height:1}.sessions-calendar-container .modal-overlay .modal .modal-error{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid #efb8ac;background:#fbf1ee;color:#832e1f;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;text-align:center}.sessions-calendar-container .modal-overlay .modal .modal-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn{flex:1;height:50px;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;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)}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #bd4b272e}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel{background:#ffffff;border:1px solid #d8c9ad;color:#3e3528}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel:hover{background:#f5efe6}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm{background:#3d6a51;border:1px solid #3d6a51;color:#fff;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm:hover{background:#325642;transform:translateY(-1px);box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm:active{transform:translateY(0)}.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:linear-gradient(180deg,rgba(219,14,171,.08) 0%,rgba(221,141,54,.08) 100%)}.sessions-calendar-container .fc-theme-standard td,.sessions-calendar-container .fc-theme-standard th{background-color:#fff;position:unset}.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-custom.can-join{background:rgba(79,209,197,.15);border:1px solid rgba(79,209,197,.3)}.sessions-calendar-container .fc-event-custom.booked-session{background:linear-gradient(180deg,rgba(219,14,171,.08) 0%,rgba(221,141,54,.08) 100%);border:1px solid rgba(167,28,155,.568627451)!important}.sessions-calendar-container .fc-event-custom.available-slot{background:rgba(204,229,255,.3)!important;border:1px solid #cce5ff!important}.sessions-calendar-container .fc-event-custom.available-slot .fc-event-title-text{color:#2d3748!important;font-weight:500}.sessions-calendar-container .fc-event-custom.available-slot .client-name{font-weight:600;color:#a71c9b91;font-size:10px}.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:linear-gradient(180deg,rgba(219,14,171,.08) 0%,rgba(221,141,54,.08) 100%);text-overflow:ellipsis}.sessions-calendar-container .fc-event-title-text.pulse-time{color:#a71c9b91;font-weight:700;animation:pulse-time 2s ease-in-out infinite}.sessions-calendar-container .fc-event-more{display:flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:5px;background:rgba(167,28,155,.568627451);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-day-selected{background-color:#3287d733!important}.sessions-calendar-container .fc-daygrid-day-events{max-height:120px;overflow-y:auto;overflow-x:hidden}.sessions-calendar-container .fc-daygrid-day-events::-webkit-scrollbar{width:4px}.sessions-calendar-container .fc-daygrid-day-events::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:2px}.sessions-calendar-container .fc-daygrid-day-events::-webkit-scrollbar-thumb{background:rgba(167,28,155,.568627451);border-radius:2px}.sessions-calendar-container .fc-daygrid-day-events::-webkit-scrollbar-thumb:hover{background:#38b2ac}.sessions-calendar-container .fc-daygrid-day-events{scrollbar-width:thin;scrollbar-color:rgba(167,28,155,.568627451) rgba(0,0,0,.1)}.sessions-calendar-container .fc-daygrid-day-frame{min-height:100px;display:flex;flex-direction:column}.sessions-calendar-container .fc-daygrid-day-top{flex-shrink:0}.sessions-calendar-container .fc-daygrid-day-events{flex:1;min-height:0}@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 rgba(167,28,155,.568627451);background:white;color:#a71c9b91;cursor:pointer;transition:all .3s ease}.sessions-calendar-container .nav-btn:hover{background:rgba(167,28,155,.568627451);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;cursor:pointer;transition:all .3s ease}.sessions-calendar-container .week-day-item:hover{border-color:#a71c9b91;box-shadow:0 2px 8px #4fd1c533}.sessions-calendar-container .week-day-item.today{border-color:#a71c9b91;background:rgba(79,209,197,.05)}.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:rgba(167,28,155,.568627451);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 .event-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;background:linear-gradient(180deg,rgba(219,14,171,.08) 0%,rgba(221,141,54,.08) 100%);border:1px solid rgba(79,209,197,.2)}.sessions-calendar-container .event-item.available-slot{background:rgba(204,229,255,.3);border-color:#cce5ff}.sessions-calendar-container .event-item.can-join{background:rgba(79,209,197,.15);border-color:#4fd1c54d;animation:pulse-glow 2s ease-in-out infinite}.sessions-calendar-container .event-item .event-time{font-size:14px;font-weight:600;color:#253f74;font-family:Cairo,sans-serif}.sessions-calendar-container .event-item .event-time.pulse-time{color:#a71c9b91;animation:pulse-time 2s ease-in-out infinite}.sessions-calendar-container .event-item .client-name{font-size:12px;color:#666;margin-right:8px;font-family:Cairo,sans-serif}.sessions-calendar-container .no-events{text-align:center;color:#999;font-size:14px;font-style:italic;padding:16px;font-family:Cairo,sans-serif}}@keyframes pulse-glow{0%{box-shadow:0 0 #4fd1c566}50%{box-shadow:0 0 0 8px #4fd1c51a}to{box-shadow:0 0 #4fd1c500}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(30,25,18,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1.25rem}@media only screen and (max-width: 768px){.modal-overlay{align-items:flex-start;padding:1rem;padding-top:5vh}}.sessions-modal{background:#ffffff;width:640px;max-width:100%;max-height:90vh;overflow-y:auto;border-radius:20px;border:1px solid #ebe1d0;box-shadow:0 24px 48px #3a322724,0 8px 16px #3a32270f;padding:2rem 1.75rem;position:relative;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.sessions-modal{padding:1.5rem 1.25rem;border-radius:20px}}.sessions-modal .sessions-modal-close{position:absolute;inset-inline-end:1rem;top:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:none;background:#f5efe6;color:#6c5e48;cursor:pointer;z-index:10;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)}.sessions-modal .sessions-modal-close:hover{background:#ebe1d0;color:#2b251c}.sessions-modal .sessions-modal-close:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #bd4b272e}.sessions-modal .sessions-modal-close svg{width:18px;height:18px}.sessions-modal .sessions-modal-title{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.625rem;font-weight:700;line-height:1.35;color:#2b251c;text-align:center;margin:0 2rem 1.5rem}@media only screen and (max-width: 768px){.sessions-modal .sessions-modal-title{margin:0 1.5rem 1.25rem;font-size:1.375rem}}.sessions-modal .sessions-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.sessions-modal .sessions-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1.5rem;text-align:center;background:#f5efe6;border-radius:16px}.sessions-modal .sessions-list .empty-state .empty-state-icon{margin-bottom:.5rem}.sessions-modal .sessions-list .empty-state .empty-state-icon svg{opacity:.5;width:56px;height:56px}.sessions-modal .sessions-list .empty-state .empty-state-title{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:600;margin:0}.sessions-modal .sessions-list .empty-state .empty-state-description{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;line-height:1.55;max-width:320px;margin:0}.sessions-modal .sessions-list .session-item{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;transition:border-color .15s cubic-bezier(.2,0,.2,1),box-shadow .22s cubic-bezier(.16,1,.3,1)}.sessions-modal .sessions-list .session-item:hover{box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.sessions-modal .sessions-list .session-item.can-join{border-color:#93b8a0;background:#f1f6f3;box-shadow:0 0 0 4px #bd4b272e}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item{flex-direction:column;align-items:stretch;padding:1rem}}.sessions-modal .sessions-list .session-item .session-client-info{display:flex;align-items:center;gap:.75rem;flex:1 1 220px;min-width:0}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar{position:relative;flex-shrink:0}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #ebe1d0}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator{position:absolute;top:-2px;inset-inline-end:-2px;width:16px;height:16px}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator .pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #4f8264;border-radius:50%;animation:pulse 2s infinite}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator .pulse-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#4f8264;border-radius:50%;animation:pulse-dot 2s infinite}.sessions-modal .sessions-list .session-item .session-client-info .client-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sessions-modal .sessions-list .session-item .session-client-info .client-details .client-name{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-modal .sessions-list .session-item .session-client-info .client-details .session-date{color:#8e7d60;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:500}.sessions-modal .sessions-list .session-item .session-meta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex:1 1 300px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions{align-items:stretch}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges{display:flex;flex-wrap:wrap;gap:.5rem}.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges .session-category,.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges .session-status{border-radius:999px;padding:.25rem .75rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:600;line-height:1.35}.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges .session-category{color:#325642;background:#dde9e1}.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges .session-status{color:#284960;background:#d5e4ee}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls{flex-direction:column-reverse;align-items:stretch}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .session-time span{color:#3e3528;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .session-time .pulse-time{color:#3d6a51;font-weight:700;animation:pulse-time 2s ease-in-out infinite}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons{display:flex;align-items:center;gap:.5rem}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn{background:#3d6a51;color:#fff;border:none;border-radius:12px;padding:.75rem 1.25rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;cursor:pointer;white-space:nowrap;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),box-shadow .22s cubic-bezier(.16,1,.3,1)}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn{flex:1}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn:hover:not(:disabled){background:#325642;transform:translateY(-1px);box-shadow:0 6px 16px #3a322714,0 2px 4px #3a32270a}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #bd4b272e}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn:disabled{background:#d8c9ad;color:#fff;cursor:not-allowed}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#fbf1ee;border:1px solid #efb8ac;color:#a73a25;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)}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn:hover:not(:disabled){background:#f7ddd6}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #d95f342e;box-shadow:0 0 0 4px #c44a3138}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn:disabled{opacity:.5;cursor:not-allowed}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn svg{width:18px;height:18px}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn svg path{stroke:currentColor;fill:currentColor}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn span{color:#a73a25;font-size:.75rem;font-family:Almarai,Cairo,Tajawal,sans-serif}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes pulse-time{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.progress-circle{position:relative}.progress-circle svg{transform:rotate(-90deg);transform-origin:50% 50%}.progress-circle .bg-fill{fill:linear-gradient(180deg,rgba(219,14,171,.08) 0%,rgba(221,141,54,.08) 100%)}.progress-circle .progress-bar{stroke:#a71c9b91;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:#a71c9b91;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))}.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-page{display:flex;flex-direction:column;gap:1.25rem}.sessions-page .session-client-cell{display:flex;align-items:center;gap:.5rem}.sessions-page .sessions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.5rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 1px 2px #3a32270f}.sessions-page .sessions-tabs{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.sessions-page .sessions-tab{-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;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)}.sessions-page .sessions-tab:hover{background:#fbf8f3;color:#2b251c}.sessions-page .sessions-tab:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.sessions-page .sessions-tab.active{background:linear-gradient(135deg,#4f8264 0%,#325642 100%);color:#fff;box-shadow:0 6px 14px #bd4b2738}.sessions-page .sessions-tab.active .sessions-tab__count{background:rgba(255,255,255,.24);color:#fff}.sessions-page .sessions-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f5efe6;color:#6c5e48;font-size:.6875rem;font-weight:700;line-height:1}.sessions-page .view-switch{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:#fbf8f3;border-radius:12px}.sessions-page .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)}.sessions-page .view-switch__btn:hover{color:#2b251c}.sessions-page .view-switch__btn:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.sessions-page .view-switch__btn.active{background:#ffffff;color:#325642;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.sessions-page .sessions-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 640px){.sessions-page .sessions-cards-grid{grid-template-columns:1fr}}.sessions-page .session-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;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),border-color .15s cubic-bezier(.2,0,.2,1)}.sessions-page .session-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3a32271a,0 4px 8px #3a32270d;border-color:#bcd3c4}.sessions-page .session-card__head{display:flex;align-items:center;gap:.75rem}.sessions-page .session-card__client{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sessions-page .session-card__name{font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;color:#2b251c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-page .session-card__sub{font-size:.75rem;font-weight:600;color:#8e7d60;letter-spacing:.04em}.sessions-page .session-card__body{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#fbf8f3;border-radius:12px}.sessions-page .session-card__row{display:flex;align-items:center;gap:.5rem;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500;color:#3e3528}.sessions-page .session-card__row svg{color:#3d6a51;flex-shrink:0}.sessions-page .session-card__footer{margin-top:auto}.sessions-page .session-card__view{-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:100%;min-height:42px;border-radius:12px;background:#f1f6f3;color:#325642;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:700;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)}.sessions-page .session-card__view:hover{background:#dde9e1;color:#2a4537}.sessions-page .session-card__view:active{transform:translateY(1px)}.sessions-page .session-card__view:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.sessions-page .session-card .status{display:inline-flex;align-items:center;padding:4px .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.sessions-page .session-card .status--pending{color:#7e4d1a;background:#fdf6e7}.sessions-page .session-card .status--accepted{color:#305537;background:#f1f7f2}.sessions-page .session-card .status--rejected{color:#832e1f;background:#fbf1ee}.sessions-page .sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1.5rem;background:#ffffff;border:1px dashed #d8c9ad;border-radius:16px}.sessions-page .sessions-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;color:#3d6a51;background:radial-gradient(circle,#dde9e1 0%,transparent 70%)}.sessions-page .sessions-empty__text{margin:0;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:1rem;font-weight:600;color:#6c5e48;text-align:center}.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,#4f8264 0%,#325642 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 #bd4b2738;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 #bd4b274d;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 #bd4b272e,0 6px 14px #bd4b2738}.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:#325642;background:#f1f6f3;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:#dde9e1;color:#2a4537;transform:translate(-2px)}.training-requests .tr-title .see-more:focus-visible{box-shadow:0 0 0 4px #bd4b272e;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:#f1f6f3;border-color:#bcd3c4;color:#325642}.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 #bd4b272e}.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:#f1f6f3;border:2px solid #dde9e1}.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:#3d6a51;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:#2a4537;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,#4f8264 0%,#325642 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 #bd4b2738;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 #bd4b274d;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 #bd4b272e,0 6px 14px #bd4b2738}.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 #dde9e1}.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 #bd4b272e}.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 #dde9e1}.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:#f1f6f3;color:#325642;border-color:#bcd3c4}.pagination-container .pagination-btn:focus-visible,.pagination-container .pagination-page:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.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,#4f8264 0%,#325642 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px #bd4b2738}.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:calc(100vh - 200px);font-size:18px;color:#666;font-weight:500}.profile-container .loading-state p,.profile-container .error-state p{margin:0;padding:20px}.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:200px;font-size:16px;color:#666;font-weight:500}.profile-card-container .loading-state p{margin:0;padding:20px}.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 .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(2,1fr);gap:20px}.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}.coming-session-container{display:flex;flex-direction:column;gap:1.5rem}.coming-session-container .header{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.75rem 2rem;background:radial-gradient(circle at 100% 0%,rgba(74,132,83,.08) 0%,transparent 50%),#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a;overflow:hidden}.coming-session-container .header:before{content:"";position:absolute;inset-inline-start:0;top:1.5rem;bottom:1.5rem;width:4px;border-radius:999px;background:linear-gradient(180deg,#6a9b7c,#325642)}.coming-session-container .header .page-title{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.625rem;font-weight:700;letter-spacing:-.01em;margin:0}.coming-session-container .header .page-subtitle{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.9375rem;line-height:1.7;margin:0}.coming-session-container .loading-state,.coming-session-container .error-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 240px);font-size:1rem;font-weight:600;color:#6c5e48}.coming-session-container .loading-state p,.coming-session-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}.coming-session-container .error-state{color:#a73a25}.session-filters-container{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.session-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.session-filters-container .filters-header__titles{display:inline-flex;align-items:center;gap:.75rem}.session-filters-container .filters-header .filters-title{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin:0}.session-filters-container .filters-header .sessions-count{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;background:#f1f6f3;color:#325642;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:600}.session-filters-container .view-switch{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:#fbf8f3;border:1px solid #ebe1d0;border-radius:12px}.session-filters-container .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)}.session-filters-container .view-switch__btn:hover{color:#2b251c}.session-filters-container .view-switch__btn:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.session-filters-container .view-switch__btn.active{background:#ffffff;color:#325642;box-shadow:0 2px 6px #3a32270f,0 1px 2px #3a32270a}.session-filters-container .filters-presets{display:flex;flex-wrap:wrap;gap:.5rem}.session-filters-container .filters-presets .preset-chip{-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;padding:.5rem 1rem;border-radius:999px;background:#fbf8f3;border:1.5px solid #ebe1d0;color:#6c5e48;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)}.session-filters-container .filters-presets .preset-chip:hover{background:#f1f6f3;color:#325642;border-color:#bcd3c4}.session-filters-container .filters-presets .preset-chip:active{transform:translateY(1px)}.session-filters-container .filters-presets .preset-chip:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.session-filters-container .filters-presets .preset-chip.active{background:linear-gradient(135deg,#4f8264 0%,#325642 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px #bd4b2738}.session-filters-container .filters-content{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;flex-wrap:wrap}.session-filters-container .filters-content .date-filters{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.session-filters-container .filters-content .pagination-controls{display:flex;align-items:flex-end;gap:.75rem}.session-filters-container .filters-content .filter-group{display:flex;flex-direction:column;gap:.5rem}.session-filters-container .filters-content .filter-group label{color:#2b251c;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600}.session-filters-container .filters-content .filter-group .date-input,.session-filters-container .filters-content .filter-group .per-page-select{min-width:160px;min-height:44px;padding:.5rem 1rem;background:#fbf8f3;border:1.5px solid #ebe1d0;border-radius:12px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500;color:#2b251c;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)}.session-filters-container .filters-content .filter-group .date-input:hover,.session-filters-container .filters-content .filter-group .per-page-select:hover{border-color:#d8c9ad;background:#ffffff}.session-filters-container .filters-content .filter-group .date-input:focus,.session-filters-container .filters-content .filter-group .per-page-select:focus{outline:none;border-color:#4f8264;box-shadow:0 0 0 4px #bd4b272e;background:#ffffff}.session-filters-container .filters-content .filter-group .per-page-select{cursor:pointer}.session-filters-container .filters-content .clear-filters-btn{min-height:44px;border-radius:12px}@media (max-width: 768px){.session-filters-container .filters-content{flex-direction:column;align-items:stretch}.session-filters-container .filters-content .date-filters{flex-direction:column}.session-filters-container .filters-content .filter-group .date-input,.session-filters-container .filters-content .filter-group .per-page-select{min-width:0;width:100%}.session-filters-container .filters-content .pagination-controls{justify-content:space-between}}.sessions-list-container{display:flex;flex-direction:column;gap:1rem}.sessions-list-container .sessions-list{display:grid;gap:1rem}.sessions-list-container .sessions-list--cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width: 640px){.sessions-list-container .sessions-list--cards{grid-template-columns:1fr}}.sessions-list-container .sessions-list--list{grid-template-columns:1fr}.sessions-list-container .sessions-list--list .session-item{flex-direction:row;align-items:center;flex-wrap:wrap;gap:1.25rem}.sessions-list-container .sessions-list--list .session-item .session-header{flex:0 0 auto;width:220px;min-width:180px;flex-direction:column;align-items:flex-start;gap:.5rem}.sessions-list-container .sessions-list--list .session-item .session-details{flex:1;flex-direction:row;align-items:center;gap:1.5rem;padding:0;background:transparent;flex-wrap:wrap}.sessions-list-container .sessions-list--list .session-item .session-details .detail-row{gap:1.5rem}.sessions-list-container .sessions-list--list .session-item .session-actions{flex:0 0 auto;margin:0}.sessions-list-container .sessions-list--list .session-item .session-actions .join-session-btn,.sessions-list-container .sessions-list--list .session-item .session-actions .view-details-btn{flex:0 0 auto}@media (max-width: 1024px){.sessions-list-container .sessions-list--list .session-item{flex-direction:column;align-items:stretch}.sessions-list-container .sessions-list--list .session-item .session-header{width:100%}.sessions-list-container .sessions-list--list .session-item .session-details{padding:1rem;background:#fbf8f3;border-radius:12px}}.sessions-list-container .session-item{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;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),border-color .15s cubic-bezier(.2,0,.2,1)}.sessions-list-container .session-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3a32271a,0 4px 8px #3a32270d;border-color:#bcd3c4}.sessions-list-container .session-item .session-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.sessions-list-container .session-item .session-header .client-info{display:flex;align-items:center;gap:.75rem;min-width:0}.sessions-list-container .session-item .session-header .client-info .client-details{display:flex;flex-direction:column;gap:2px;min-width:0}.sessions-list-container .session-item .session-header .client-info .client-details .client-name{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-list-container .session-item .session-header .client-info .client-details .session-id{color:#8e7d60;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-list-container .session-item .session-header .session-status .status{display:inline-flex;align-items:center;padding:4px .75rem;border-radius:999px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.sessions-list-container .session-item .session-header .session-status .status.status--accepted{background:#f1f7f2;color:#305537}.sessions-list-container .session-item .session-header .session-status .status.status--pending{background:#fdf6e7;color:#7e4d1a}.sessions-list-container .session-item .session-header .session-status .status.status--rejected{background:#fbf1ee;color:#832e1f}.sessions-list-container .session-item .session-details{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fbf8f3;border-radius:12px}.sessions-list-container .session-item .session-details .detail-row{display:flex;gap:1.5rem;flex-wrap:wrap}.sessions-list-container .session-item .session-details .detail-row .detail-item{display:flex;align-items:center;gap:.5rem;min-width:0}.sessions-list-container .session-item .session-details .detail-row .detail-item .detail-label{color:#8e7d60;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.02em}.sessions-list-container .session-item .session-details .detail-row .detail-item .detail-value{color:#2b251c;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600}.sessions-list-container .session-item .session-actions{display:flex;gap:.75rem;margin-top:auto}.sessions-list-container .session-item .session-actions .join-session-btn,.sessions-list-container .session-item .session-actions .view-details-btn{flex:1;min-height:44px;border-radius:12px}.sessions-list-container .session-item .session-actions .join-session-btn{background:linear-gradient(135deg,#4f8264 0%,#325642 100%)!important;color:#fff!important;border:none!important;box-shadow:0 6px 14px #bd4b2738}.sessions-list-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:260px;padding:3rem 1.5rem;background:#ffffff;border:1px dashed #d8c9ad;border-radius:16px}.sessions-list-container .empty-state:before{content:"";width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#dde9e1 0%,transparent 70%)}.sessions-list-container .empty-state p{margin:0;color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:1rem;font-weight:600;text-align:center}.sessions-list-container .pagination-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:#ffffff;border:1px solid #ebe1d0;border-radius:16px;box-shadow:0 1px 2px #3a32270f}.sessions-list-container .pagination-container .pagination-info{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500}.sessions-list-container .pagination-container .pagination-controls{display:flex;gap:.5rem;flex-wrap:wrap}.sessions-list-container .pagination-container .pagination-controls .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;min-width:40px;min-height:40px;padding:0 .75rem;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),transform .15s cubic-bezier(.16,1,.3,1)}.sessions-list-container .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled):not(.active){background:#f1f6f3;color:#325642;border-color:#bcd3c4}.sessions-list-container .pagination-container .pagination-controls .pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #bd4b272e}.sessions-list-container .pagination-container .pagination-controls .pagination-btn:active:not(:disabled){transform:translateY(1px)}.sessions-list-container .pagination-container .pagination-controls .pagination-btn:disabled{background:#fbf8f3;color:#8e7d60;cursor:not-allowed;opacity:.65}.sessions-list-container .pagination-container .pagination-controls .pagination-btn.active{background:linear-gradient(135deg,#4f8264 0%,#325642 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px #bd4b2738}@media (max-width: 768px){.sessions-list-container .session-item .session-actions{flex-direction:column}.sessions-list-container .pagination-container{flex-direction:column;text-align:center}}.session-details-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(37,32,26,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:sdm-fade-in .22s cubic-bezier(.16,1,.3,1)}.session-details-modal{background:#ffffff;border:1px solid #ebe1d0;border-radius:20px;max-width:560px;width:100%;max-height:calc(100vh - 3rem);overflow-y:auto;box-shadow:0 40px 80px #3a32272e;animation:sdm-pop-in .36s cubic-bezier(.16,1,.3,1)}.session-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1.5rem 1.75rem;border-bottom:1px solid #ebe1d0;position:sticky;top:0;background:rgba(251,248,243,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.session-details-modal .modal-header .modal-title{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin:0}.session-details-modal .modal-header .close-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:#6c5e48;border-radius:999px;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)}.session-details-modal .modal-header .close-btn:hover{background:#f5efe6;color:#2b251c}.session-details-modal .modal-header .close-btn:focus-visible{box-shadow:0 0 0 4px #bd4b272e}.session-details-modal .modal-content{padding:1.75rem}.session-details-modal .modal-content .section{margin-bottom:1.75rem}.session-details-modal .modal-content .section:last-child{margin-bottom:0}.session-details-modal .modal-content .section .section-title{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #ebe1d0}.session-details-modal .modal-content .section .client-info{display:flex;align-items:center;gap:1rem}.session-details-modal .modal-content .section .client-info .client-details{display:flex;flex-direction:column;gap:2px;min-width:0}.session-details-modal .modal-content .section .client-info .client-details .client-name{color:#2b251c;font-family:Cairo,Almarai,Inter,sans-serif;font-size:1.125rem;font-weight:700;margin:0}.session-details-modal .modal-content .section .client-info .client-details .client-username{color:#3d6a51;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;margin:0}.session-details-modal .modal-content .section .client-info .client-details .client-id{color:#8e7d60;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;margin:0}.session-details-modal .modal-content .section .session-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.25rem 1.25rem}.session-details-modal .modal-content .section .session-info-grid .info-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #ebe1d0}.session-details-modal .modal-content .section .session-info-grid .info-item .info-label{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500}.session-details-modal .modal-content .section .session-info-grid .info-item .info-value{color:#2b251c;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600;text-align:end}.session-details-modal .modal-content .section .session-info-grid .info-item .status{display:inline-flex;align-items:center;padding:4px .75rem;border-radius:999px;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.02em}.session-details-modal .modal-content .section .session-info-grid .info-item .status.status--accepted{background:#f1f7f2;color:#305537}.session-details-modal .modal-content .section .session-info-grid .info-item .status.status--pending{background:#fdf6e7;color:#7e4d1a}.session-details-modal .modal-content .section .session-info-grid .info-item .status.status--rejected{background:#fbf1ee;color:#832e1f}.session-details-modal .modal-content .section .notes-content{background:#fbf8f3;padding:1rem;border-radius:12px;border-inline-start:4px solid #4f8264}.session-details-modal .modal-content .section .notes-content p{color:#3e3528;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;line-height:1.7;margin:0}.session-details-modal .modal-content .section .timestamps-grid{display:flex;flex-direction:column;gap:.5rem}.session-details-modal .modal-content .section .timestamps-grid .timestamp-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0}.session-details-modal .modal-content .section .timestamps-grid .timestamp-item .timestamp-label{color:#6c5e48;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:500}.session-details-modal .modal-content .section .timestamps-grid .timestamp-item .timestamp-value{color:#2b251c;font-family:Almarai,Cairo,Tajawal,sans-serif;font-size:.8125rem;font-weight:600}.session-details-modal .modal-actions{display:flex;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid #ebe1d0;justify-content:flex-end;position:sticky;bottom:0;background:rgba(251,248,243,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.session-details-modal .modal-actions .join-session-btn,.session-details-modal .modal-actions .close-modal-btn{min-height:44px;border-radius:12px}.session-details-modal .modal-actions .join-session-btn{background:linear-gradient(135deg,#4f8264 0%,#325642 100%)!important;color:#fff!important;border:none!important;box-shadow:0 6px 14px #bd4b2738}@keyframes sdm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sdm-pop-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.session-details-modal .modal-header{padding:1rem 1.25rem}.session-details-modal .modal-content{padding:1.25rem}.session-details-modal .modal-content .section .session-info-grid{grid-template-columns:1fr}.session-details-modal .modal-content .section .client-info{flex-direction:column;text-align:center}.session-details-modal .modal-actions{flex-direction:column;padding:1rem 1.25rem}}.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:#f1f6f3;color:#325642}.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:#f1f6f3}.message-item.selected:before{content:"";position:absolute;inset-inline-start:0;top:.75rem;bottom:.75rem;width:3px;border-radius:999px;background:#4f8264}.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:#4f8264;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #bd4b2729}.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,#dde9e1 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 #dde9e1}.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,#4f8264 0%,#325642 100%);color:#fff;border-color:transparent;border-bottom-inline-end-radius:4px;box-shadow:0 6px 14px #bd4b2738}.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-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,#4f8264 0%,#325642 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 #bd4b2738;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 #bd4b2752;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 #bd4b272e,0 8px 20px #bd4b2738}@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 #bd4b272e;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:#f1f6f3;color:#325642;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 #fbe1d3}.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:#4f8264;box-shadow:0 0 0 4px #bd4b272e}.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:#4f8264;box-shadow:0 0 0 4px #bd4b272e}.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 #bd4b272e}.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:#325642}.attachments-section .attachment-actions .add-attachment:hover:not(:disabled){background:#f1f6f3;color:#2a4537}.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,#4f8264 0%,#325642 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 #bd4b2738;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 #bd4b274d;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 #bd4b272e,0 8px 18px #bd4b2738}.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}}