@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,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=Cairo:wght@200..1000&display=swap";*{font-family:Almarai,Cairo,sans-serif;margin:0;padding:0;box-sizing:border-box;text-decoration:none;outline:none;border:none;color:#131f3c;letter-spacing:.025em;font-size:.8rem;font-weight:600;line-height:1.5}html{background-color:#f1f5f9;scroll-behavior:smooth;scroll-padding-top:5rem;overflow-x:hidden;font-size:107.5%;text-size-adjust:none}html ::-webkit-scrollbar-track{background-color:#f5f5f5}html ::-webkit-scrollbar{width:8px;background-color:#f5f5f5}html ::-webkit-scrollbar-thumb{background-color:#42424233;border:0px;background-clip:padding-box;border-radius:5px}.main-layout{height:100vh;display:flex;position:relative}.main-layout .main-layout-sidebar{height:100%;z-index:999;transition:all .3s ease-out}.main-layout .main-layout-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8f8f8}.main-layout .main-layout-content .main-layout-navbar{height:75px;width:100%}.main-layout .main-layout-content .main-layout-outlet{height:90%;max-height:95%;width:98%;overflow-y:auto;padding:26px 32px;border-radius:20px}@media only screen and (max-width: 720px){.main-layout .main-layout-content .main-layout-outlet{width:100%;padding:26px 10px}}.main-layout .main-layout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;display:none}@media only screen and (max-width: 1024px){.main-layout .main-layout-sidebar{position:fixed;top:0;right:-250px;height:100vh;width:250px}.main-layout .main-layout-toggle-mobile-sidebar{right:0!important}.main-layout .main-layout-hide-mobile-sidebar{right:-250px}.main-layout .main-layout-overlay{display:block}.main-layout .main-layout-disable-events{pointer-events:none}.main-layout .main-layout-content{width:100%;margin-left:0}}@media only screen and (min-width: 1025px){.main-layout .main-layout-content{margin-left:0;transition:margin-left .3s ease-out}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:100%;background:white;border-bottom:1px solid #e7e7e7}.navbar .navbar-left{display:flex;align-items:center;gap:16px}.navbar .navbar-left .navbar-burger-menu{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease-out}.navbar .navbar-left .navbar-burger-menu:hover{background:#f5f5f5}.navbar .navbar-left .navbar-burger-menu svg{width:24px;height:24px;stroke:#666}.navbar .navbar-left .navbar-left-input{min-width:300px}@media only screen and (max-width: 768px){.navbar .navbar-left .navbar-left-input{min-width:200px}}.navbar .navbar-right{display:flex;align-items:center;gap:16px}.navbar .navbar-right .navbar-notification-icons{position:relative;cursor:pointer}.navbar .navbar-right .navbar-notification-icons .navbar-badge-notification-icon{position:absolute;top:-8px;right:-8px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.navbar .navbar-right .navbar-avatar-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease-out}.navbar .navbar-right .navbar-avatar-btn:hover{background:#f5f5f5}.navbar .navbar-right .navbar-avatar-btn svg{width:16px;height:16px}.sidebar{width:250px;height:100%;display:flex;flex-direction:column;gap:16px;max-height:100%;overflow:visible;transition:all .3s ease-out;background:#fbfaff;position:relative}.sidebar .sidebar-content .sidebar-nav-items .sidebar-nav-items-x{position:absolute;display:flex;background:transparent!important;right:1rem;top:1rem;justify-content:flex-end;align-items:center;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease-out;z-index:10}.sidebar .sidebar-content .sidebar-nav-items .sidebar-nav-items-x:hover{background:rgba(0,0,0,.1)!important;transform:rotate(90deg)}.sidebar .sidebar-content .sidebar-nav-items .sidebar-nav-items-x svg{width:20px;height:20px}.sidebar .sidebar-content:lang(ar){border-right:unset;border-left:1px solid rgb(231,231,231)}.collapse{width:80px;transition:all .3s ease-out}.collapse .sidebar-nav-items-x{display:none!important}@media only screen and (max-width: 1024px){.sidebar{background-color:#fbfaff;box-shadow:2px 0 10px #0000001a}.collapse{width:250px}}.sidebar{width:250px;height:100%;display:flex;flex-direction:column;gap:16px;max-height:100%;overflow:visible;transition:all .2s ease-out;background:#fbfaff;position:relative}.sidebar .sidebar-logo-container{display:flex;justify-content:center;align-items:center;gap:25px;min-height:75px;margin-bottom:30px;margin-top:25px}.sidebar .sidebar-logo-container img{max-width:200px}.sidebar .sidebar-content{height:100%;background:#fbfaff;box-shadow:0 4px 16px 4px #0000000d;display:flex;flex-direction:column;border-right:1px solid rgb(231,231,231);justify-content:flex-start}.sidebar .sidebar-content .sidebar-nav-items{height:100%;overflow:visible;-ms-overflow-style:none;scrollbar-width:none}.sidebar .sidebar-content .sidebar-nav-items::-webkit-scrollbar{display:none}.sidebar .sidebar-content .sidebar-nav-items .sidebar-nav-items-x{position:absolute;display:flex;background:transparent!important;left:1rem;top:2rem;justify-content:flex-end;align-items:center;cursor:pointer;padding:10px;transition:all .2s ease-out}.sidebar .sidebar-content .sidebar-nav-items .sidebar-nav-items-x:hover{background:transparent!important;transform:rotate(180deg)}.sidebar .sidebar-content:lang(ar){border-right:unset}.collapse{width:94px;transition:all .2s ease-out}@media only screen and (max-width: 1024px){.sidebar{background-color:#f8f8f8}}.navbar{height:75px;padding:25px 36px;background:#f8f8f8;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.navbar .user-info-container{display:flex;gap:7px}.navbar .navbar-left{display:flex;justify-content:center;align-items:center;gap:12px;width:100%}.navbar .navbar-left .input-form{width:290px}@media only screen and (max-width: 720px){.navbar .navbar-left .input-form{width:170px}}.navbar .navbar-left .input-container{display:flex;width:100%;height:44px;align-items:center;border:1px solid transparent;border-radius:10px;cursor:not-allowed!important}.navbar .navbar-left .input-container input{width:100%;color:#2961b4!important;background-color:transparent;cursor:not-allowed!important}.navbar .navbar-left .navbar-left-menu-icon{cursor:pointer;display:none}.navbar .navbar-left .navbar-left-menu-icon-collapse{cursor:pointer}.navbar .navbar-left .navbar-left-title{font-size:20px;font-weight:400;line-height:27px;color:#777998;text-transform:uppercase}.navbar .navbar-right{display:flex;flex-direction:row-reverse;align-items:center;width:25%;justify-content:center;gap:22px}@media only screen and (max-width: 720px){.navbar .navbar-right{gap:7px}}.navbar .navbar-right .navbar-avatar-btn{cursor:pointer;display:flex;align-items:center;gap:12px;color:#2961b4;background-color:unset}.navbar .navbar-right .navbar-notification-icons{display:flex;align-items:center;gap:10px;position:relative}.navbar .navbar-right .navbar-notification-icons .navbar-badge-notification-icon{position:absolute;top:0;right:0;width:11px;height:11px;display:flex;align-items:center;justify-content:center;background-color:#4fd1c5;border-radius:50%}.navbar .navbar-right .navbar-notification-icons .navbar-badge-notification-icon span{color:#fff;font-size:8px;font-style:normal;font-weight:700;line-height:normal}@media only screen and (max-width: 1024px){.navbar .navbar-left .navbar-left-menu-icon{display:block}.navbar .navbar-left .navbar-left-menu-icon-collapse{display:none}}.navbar-flag-container{display:flex;justify-content:flex-start;align-items:center;gap:12px;cursor:pointer;background-color:unset}.navbar-flag-container .navbar-flag{width:22px}.navbar-dropdown-cursor{cursor:pointer}.sidebar-items{background-color:#fbfaff;padding:22px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:visible}.sidebar-items .sidebar-item-wrapper{display:flex;align-items:center}.sidebar-items .item{gap:18px;color:#253f74;padding:20px 15px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative}.sidebar-items .item.collapse{width:46px;height:45px}.sidebar-items .item:hover{opacity:.8}.sidebar-items .item .item-icon{color:#2961b4;padding-bottom:3px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.sidebar-items .item .item-label{color:#23235f;font-size:16px;font-weight:500;line-height:160%;letter-spacing:.15px}.sidebar-items .item svg{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.sidebar-items .active{gap:18px;color:#253f74;padding:12px 15px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0!important;border-radius:8px;position:relative}.sidebar-items .active.collapse{width:46px;height:45px}.sidebar-items .active .item-icon{padding:10px;background-color:#4fd1c5;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.sidebar-items .active svg path{fill:#fff}.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{border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.btn:hover{filter:brightness(95%);box-shadow:0 4px 4px -4px #333}.btn .icon{width:18px;height:18px}.btn-rounded{border-radius:22px}.btn-disabled{cursor:not-allowed!important}.btn-light{background-color:#fff;color:#131f3c}.btn-outlined-light{background-color:transparent;border:1px solid white;color:#fff}.btn-primary{background-color:#2196f3;color:#fff}.btn-outlined-primary{background-color:transparent;border:1px solid #2196f3;color:#2196f3}.btn-info{background-color:#1cc3eb;color:#fff}.btn-outlined-info{background-color:transparent;border:1px solid #1cc3eb;color:#1cc3eb}.btn-success{background-color:#4caf50;color:#fff}.btn-outlined-success{background-color:transparent;border:1px solid #4caf50;color:#4caf50}.btn-danger{background-color:#f44336;color:#fff}.btn-outlined-danger{background-color:transparent;border:1px solid #f44336;color:#f44336}.btn-warning{background-color:#ffc008;color:#fff}.btn-outlined-warning{background-color:transparent;border:1px solid #ffc008;color:#ffc008}.btn-dark{background-color:#131f3c;color:#fff}.btn-outlined-dark{background-color:transparent;border:1px solid #131f3c;color:#131f3c}.btn-secondary{background-color:#d6d9e1;color:#131f3c}.btn-outlined-secondary{background-color:transparent;border:1px solid #d6d9e1;color:#d6d9e1}.btn-sm{padding:6px 14px}.btn-md{padding:8px 16px}.btn-lg{padding:10px 18px}.btn-xl{padding:12px 20px}.input-form{width:100%;display:flex;flex-direction:column;gap:5px}.input-form .label{color:#2d3748;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.input-form .label .red-star{font-size:12px;color:#f44336;vertical-align:top}.input-form .error-message{margin-left:4px;margin-top:4px;font-size:12px;font-weight:400;color:#f44336}.input-form .input-container{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;min-height:32px;overflow:hidden;width:100%;border-radius:15px;border:1px solid #e2e8f0;background:#fff}.input-form .input-container .input{outline:none;width:100%;border:0;background-color:transparent;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.input-form .input-container .input::placeholder{color:#a0aec0;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.input-form .input-container .icon{width:18px;height:18px}.input-form .input-container .eye-icon{width:18px;height:18px;cursor:pointer}.input-form .input-sm{padding:6px 0}.input-form .input-md{padding:10px 0}.input-form .input-lg{padding:14px 0}.input-form .input-xl{padding:18px 0}.input-form .input-light{color:#fff;color:#131f3c}.input-form .input-container-light{border:1px solid white}.input-form .input-primary{color:#2196f3}.input-form .input-container-primary{border:1px solid #2196f3}.input-form .input-info{color:#1cc3eb}.input-form .input-container-info{border:1px solid #1cc3eb}.input-form .input-success{color:#4caf50}.input-form .input-container-success{border:1px solid #4caf50}.input-form .input-danger{color:#f44336}.input-form .input-container-danger{border:1px solid #f44336}.input-form .input-warning{color:#ffc008}.input-form .input-container-warning{border:1px solid #ffc008}.input-form .input-dark{color:#131f3c}.input-form .input-container-dark{border:1px solid #131f3c}.input-form .input-secondary{color:#d6d9e1;color:#131f3c}.input-form .input-container-secondary{border:1px solid #d6d9e1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.modal-content{background:#fff;padding:20px;border-radius:4px;width:500px;animation:scaleUp .3s ease-out forwards;max-width:90%;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:flex-end}.modal-header .modal-close-btn{border:none;background:none;cursor:pointer;font-size:1.5rem}.modal-body{padding:20px 0}.modal-footer{display:flex;justify-content:flex-end}.modal-footer button{margin-left:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform: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;justify-content:center;align-items:center;border-radius:50%;background-color:#f0f0f0;overflow:hidden;text-align:center;color:#333;font-size:25px}.custom-avatar img{object-fit:cover;width:100%;height:100%}.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:#4fd1c5}.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,#4fd1c5 0%,#4fd1c5 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:#4fd1c5 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 #4fd1c5;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 #4fd1c5 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 #4fd1c5 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:#4fd1c5}.date-picker .year-picker .year-options .year-option.active{background:#4fd1c5;color:#fff;font-weight:500;border-color:#4fd1c5}.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:#4fd1c5;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:#4fd1c5;border-radius:50%;z-index:-1}.date-picker .calendar-days .calendar-day.selected:hover{background:#4fd1c5;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}}.auth-form-card .error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;padding:12px;margin-bottom:16px;font-size:14px}.auth-form-card .form-input-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.auth-form-card .remember-me-section{margin-bottom:24px}.auth-form-card .submit-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.auth-form-card .submit-button:hover:not(:disabled){background-color:#0056b3}.auth-form-card .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.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 .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(135deg,#4fd1c5 0%,#38b2ac 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){background:linear-gradient(135deg,#38b2ac 0%,#2c7a7b 100%);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 .verification-description{text-align:start;margin-bottom:24px}.auth-form-card .verification-description p{font-family:Almarai,sans-serif;font-size:14px;color:#a0aec0;margin:0;line-height:1.5}.auth-form-card .error-message{background-color:#fed7d7;color:#9b2c2c;border:1px solid #feb2b2;border-radius:8px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;margin-bottom:20px;text-align:start}.auth-form-card .error-message ul{margin:8px 0 0;padding-left:20px}.auth-form-card .error-message ul li{margin-bottom:4px}.auth-form-card .success-message{background-color:#c6f6d5;color:#22543d;border:1px solid #9ae6b4;border-radius:8px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;margin-bottom:20px;text-align:start}.auth-form-card .token-container{display:flex;flex-direction:column;gap:16px;align-items:start}.auth-form-card .token-container .token-label{font-family:Almarai,sans-serif;font-size:14px;font-weight:600;color:#2d3748;text-align:start}.auth-form-card .token-container .token-input{width:100%;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:#4fd1c5;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:#4fd1c5;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;direction:ltr}[dir=rtl] .auth-form-card .error-message,[dir=rtl] .auth-form-card .success-message{text-align:center;direction:rtl}[dir=rtl] .auth-form-card .resend-text{direction:rtl}.auth-form-card [lang=ar]{font-family:Almarai,sans-serif;direction:rtl;text-align:right}.auth-form-card [lang=ar].verification-description p,.auth-form-card [lang=ar].token-label,.auth-form-card [lang=ar].resend-text{text-align:start}.auth-form-card [lang=ar] .token-input{direction:ltr;text-align:start}.auth-layout{height:100vh;width:100vw;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f7fa 0%,#e4e9f2 100%);display:flex;align-items:center;justify-content:center}.auth-layout .auth-background{position:absolute;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:1400px;height:350px;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000001a}@media (max-width: 768px){.auth-layout .auth-background{height:250px;width:calc(100% - 20px);border-radius:16px;top:10px}}.auth-layout .auth-background .background-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.95);transition:transform .3s ease}.auth-layout .auth-background .background-image:hover{transform:scale(1.02)}.auth-layout .auth-content{position:relative;z-index:10;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form-card{width:580px;max-width:95vw;background-color:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;max-height:95vh;overflow-y:auto;overflow-x:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 640px){.auth-form-card{width:90vw;border-radius:16px}}.auth-form-card .card-header{padding:32px 32px 0;text-align:center}.auth-form-card .card-header .card-title{font-family:Almarai,sans-serif;font-weight:700;font-size:18px;color:#2d3748;margin:0 0 24px;line-height:1.4}.auth-form-card .card-header .social-login-section .social-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.auth-form-card .card-header .social-login-section .social-buttons .social-btn{width:80px;height:80px;border:2px solid #e2e8f0;border-radius:16px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(79,209,197,.1) 100%);opacity:0;transition:opacity .3s ease}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:hover{border-color:#4fd1c5;transform:translateY(-4px) scale(1.05);box-shadow:0 12px 24px #4fd1c533}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:hover:before{opacity:1}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:active{transform:translateY(-2px) scale(1.02)}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.facebook{color:#1877f2}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.facebook:hover{border-color:#1877f2;box-shadow:0 12px 24px #1877f233}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.apple{color:#000}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.apple:hover{border-color:#000;box-shadow:0 12px 24px #00000026}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.google{color:#4285f4}.auth-form-card .card-header .social-login-section .social-buttons .social-btn.google:hover{border-color:#4285f4;box-shadow:0 12px 24px #4285f433}.auth-form-card .card-header .social-login-section .social-buttons .social-btn svg{width:28px;height:28px;position:relative;z-index:1;transition:transform .3s ease}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:hover svg{transform:scale(1.1)}.auth-form-card .card-header .social-login-section .divider{position:relative;text-align:center;margin:24px 0}.auth-form-card .card-header .social-login-section .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e2e8f0}.auth-form-card .card-header .social-login-section .divider span{background-color:#fff;position:relative;z-index:10;padding:0 10px;color:#a0aec0;text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:140%}.auth-form-card .card-body{padding:0 32px 32px;display:flex;flex-direction:column;gap:20px}.auth-form-card .card-body .form-input-container{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.auth-form-card .card-body .remember-me-section{display:flex;align-items:center;justify-content:flex-start;width:100%;margin-top:14px;margin-bottom:30px}.auth-form-card .card-body .submit-button{background-color:#4fd1c5;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-family:Almarai,sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease;margin-top:8px;width:100%}.auth-form-card .card-body .submit-button:hover{background-color:#38b2ac}.auth-form-card .card-body .submit-button:disabled{background-color:#a0aec0;cursor:not-allowed}.auth-form-card .card-footer{padding:0 32px 32px;text-align:center}.auth-form-card .card-footer .footer-text{font-family:Almarai,sans-serif;font-size:14px;color:#a0aec0;margin:0;font-weight:400}.auth-form-card .card-footer .footer-text a{color:#4fd1c5;text-decoration:none}.auth-form-card .card-footer .footer-text a:hover{text-decoration:underline}.dashboard-container{display:flex;flex-direction:column;gap:30px}.dashboard-container .header{display:flex;align-items:center;gap:30px}@media screen and (max-width: 1024px){.dashboard-container .header{flex-wrap:wrap}}.dashboard-container .row{display:flex;gap:30px}@media only screen and (max-width: 1024px){.dashboard-container .row{flex-wrap:wrap}}.dashboard-container .row .row-left{display:flex;flex-direction:column;gap:30px}.dashboard-container .loading-state,.dashboard-container .error-state{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);font-size:18px;color:#666;font-weight:500}.dashboard-container .loading-state p,.dashboard-container .error-state p{margin:0;padding:20px}.dashboard-container .error-state{color:#e74c3c}.welcome-card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;width:60%;gap:20px;border-radius:30px}@media only screen and (max-width: 720px){.welcome-card-container{width:100%}}.welcome-card-container .title{color:#fff;text-align:center;font-family:Cairo;font-size:25px;font-style:normal;font-weight:700;line-height:160%}.welcome-card-container .description{color:#fff;text-align:center;font-family:Cairo;font-size:15px;font-style:normal;font-weight:500;line-height:160%}.info-card-container{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;background:white;position:relative;width:255px;height:255px}@media only screen and (max-width: 720px){.info-card-container{width:100%}}.info-card-container{box-shadow:0 0 20px -3px #cbc7d580}.info-card-container .icon-container{border-radius:10px;background:#4fd1c5;position:absolute;right:10px;top:10px;width:51px;display:flex;align-items:center;justify-content:center;height:51px}.info-card-container .value{color:#253f74;font-size:40px;font-family:Cairo;font-weight:700}.info-card-container .label{width:128px;position:absolute;bottom:30px;color:#7ea1c2;text-align:center;font-family:Cairo;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.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;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1000}.sessions-calendar-container .modal-overlay .modal{background:#fff;width:653px;border-radius:29px;border:1px solid #4fd1c5;padding:24px;position:relative;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal{width:90%}}.sessions-calendar-container .modal-overlay .modal .modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer}.sessions-calendar-container .modal-overlay .modal .modal-close:hover{opacity:.5}.sessions-calendar-container .modal-overlay .modal .modal-close svg{width:50px;height:50px;color:#253f74}.sessions-calendar-container .modal-overlay .modal .modal-title{color:#253f74;text-align:center;font-family:Cairo,sans-serif;font-size:30px;font-weight:400;line-height:42px;width:405px;margin-top:20px;margin-bottom:30px}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .modal-title{width:unset;margin-bottom:0;font-size:20px}}.sessions-calendar-container .modal-overlay .modal .modal-date-picker{margin-bottom:40px}.sessions-calendar-container .modal-overlay .modal .time-section{width:100%;margin-bottom:40px}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section{margin-bottom:10px}}.sessions-calendar-container .modal-overlay .modal .time-section .time-section-label{display:block;color:#253f74;font-family:Cairo,sans-serif;font-size:24px;font-weight:400;text-align:center;margin-bottom:30px}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-section-label{margin-bottom:10px}}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:200px;overflow-y:auto}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row{display:flex;align-items:center;gap:20px;width:100%;justify-content:start;min-height:68px}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row{gap:10px}}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container{width:35px;height:35px;position:absolute;left:2.3rem;flex-shrink:0}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container{left:1rem;top:65%}}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container .add-time-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group{display:flex;align-items:center;gap:20px}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group{gap:10px}}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper{position:relative}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input{width:156px;height:68px;border:1px solid #253f74;border-radius:10px;padding:0 20px;font-family:Cairo,sans-serif;font-size:24px;color:#253f74;text-align:center;background:white}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input{height:50px;width:110px;font-size:14px}}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input:focus{outline:none;border-color:#4fd1c5}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-separator{color:#253f74;font-family:Cairo,sans-serif;font-size:24px;font-weight:400}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn{background:none;border:none;cursor:pointer;color:#f44;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn{width:30px;height:30px}}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn svg{width:40px;height:40px}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn svg{width:30px;height:30px}}.sessions-calendar-container .modal-overlay .modal .modal-actions{display:flex;gap:20px;width:100%;justify-content:center;margin-top:auto}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn{width:210px;height:68px;border-radius:10px;font-family:Cairo,sans-serif;font-size:24px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 720px){.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn{height:40px;font-size:17px}}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel{background:white;border:1px solid #4fd1c5;color:#253f74;transition:all .3s ease}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel:hover{opacity:.5}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm{background:#4fd1c5;border:none;color:#fff;transition:all .3s ease}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-confirm:hover{opacity:.5}.sessions-calendar-container .fc,.sessions-calendar-container .fc-direction-rtl .fc-daygrid-body,.sessions-calendar-container .fc-direction-rtl .fc-col-header{direction:rtl}.sessions-calendar-container .fc-direction-rtl .fc-scrollgrid-section-header>*{direction:rtl}.sessions-calendar-container .fc .fc-daygrid-day-number{color:#253f74;font-size:21px;font-style:normal;font-weight:500;line-height:normal}.sessions-calendar-container .fc .fc-col-header-cell-cushion{color:#969696;font-size:14px;font-weight:400}.sessions-calendar-container .fc .fc-daygrid-day.fc-day-today{border:1px solid #e8e8e8;background:rgba(79,209,197,.1)}.sessions-calendar-container .fc-theme-standard td,.sessions-calendar-container .fc-theme-standard th{background-color:#fff;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:rgba(79,209,197,.1)!important;border:1px solid #4fd1c5!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:#4fd1c5;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:rgba(79,209,197,.1);text-overflow:ellipsis}.sessions-calendar-container .fc-event-title-text.pulse-time{color:#4fd1c5;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:#4fd1c5;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:#4fd1c5;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:#4fd1c5 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 #4fd1c5;background:white;color:#4fd1c5;cursor:pointer;transition:all .3s ease}.sessions-calendar-container .nav-btn:hover{background:#4fd1c5;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:#4fd1c5;box-shadow:0 2px 8px #4fd1c533}.sessions-calendar-container .week-day-item.today{border-color:#4fd1c5;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:#4fd1c5;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:rgba(79,209,197,.1);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:#4fd1c5;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}}.sessions-modal{background:#fff;width:653px;max-width:95vw;border-radius:29px;border:1px solid #93bce3;padding:24px;position:relative;display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:90vh}@media only screen and (max-width: 768px){.sessions-modal{width:95vw;padding:16px;border-radius:20px;max-height:85vh}}@media only screen and (max-width: 480px){.sessions-modal{padding:12px;border-radius:16px}}.sessions-modal .sessions-modal-close{position:absolute;top:24px;right:24px;background:none;border:none;cursor:pointer;z-index:10}@media only screen and (max-width: 768px){.sessions-modal .sessions-modal-close{top:16px;right:16px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-modal-close{top:12px;right:12px}}.sessions-modal .sessions-modal-close svg{width:24px;height:24px}@media only screen and (max-width: 480px){.sessions-modal .sessions-modal-close svg{width:20px;height:20px}}.sessions-modal .sessions-modal-title{color:#253f74;text-align:center;font-family:Cairo,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:35px;height:68px;margin-bottom:16px}@media only screen and (max-width: 768px){.sessions-modal .sessions-modal-title{font-size:24px;line-height:28px;height:auto;margin-bottom:12px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-modal-title{font-size:20px;line-height:24px;margin-bottom:8px}}.sessions-modal .sessions-list{width:100%;display:flex;flex-direction:column;gap:0;padding:0}.sessions-modal .sessions-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;min-height:400px;background:#fafafa;border-radius:16px;margin:20px 0}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .empty-state{padding:60px 16px;min-height:300px;margin:16px 0}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .empty-state{padding:40px 12px;min-height:250px;margin:12px 0;border-radius:12px}}.sessions-modal .sessions-list .empty-state .empty-state-icon{margin-bottom:32px}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .empty-state .empty-state-icon{margin-bottom:20px}}.sessions-modal .sessions-list .empty-state .empty-state-icon svg{opacity:.4;filter:grayscale(100%);width:64px;height:64px}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .empty-state .empty-state-icon svg{width:48px;height:48px}}.sessions-modal .sessions-list .empty-state .empty-state-title{color:#253f74;font-family:Cairo,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px;line-height:1.4}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .empty-state .empty-state-title{font-size:18px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .empty-state .empty-state-title{font-size:16px}}.sessions-modal .sessions-list .empty-state .empty-state-description{color:#6b7280;font-family:Cairo,sans-serif;font-size:14px;font-weight:400;margin:0;line-height:1.5;max-width:280px;opacity:.8}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .empty-state .empty-state-description{font-size:12px;max-width:240px}}.sessions-modal .sessions-list .session-item{background:#ffffff;border:1px solid #e8e8e8;border-radius:20px;height:auto;min-height:103px;padding:16px;display:flex;align-items:center;margin-bottom:12px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item{flex-direction:column;align-items:stretch;padding:16px 12px;border-radius:16px;gap:12px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item{padding:12px 8px;border-radius:12px;gap:10px}}.sessions-modal .sessions-list .session-item .session-client-info{display:flex;align-items:center;gap:16px;width:100%;padding-right:10px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-client-info{padding-right:0;justify-content:flex-start}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info{gap:12px}}.sessions-modal .sessions-list .session-item .session-client-info .client-details{display:flex;flex-direction:column;align-items:center;gap:8px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-client-info .client-details{align-items:flex-start;flex:1}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info .client-details{gap:4px}}.sessions-modal .sessions-list .session-item .session-client-info .client-details .client-name{color:#253f74;text-align:right;font-family:Cairo,sans-serif;font-size:21px;font-style:normal;font-weight:700;line-height:160%}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-client-info .client-details .client-name{text-align:left;font-size:18px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info .client-details .client-name{font-size:16px}}.sessions-modal .sessions-list .session-item .session-client-info .client-details .session-date{color:#969696;text-align:center;font-family:Cairo;font-size:14px;font-style:normal;font-weight:700;line-height:160%}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-client-info .client-details .session-date{text-align:left;font-size:12px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info .client-details .session-date{font-size:11px}}.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:75px;height:75px;border-radius:50%}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-client-info .session-avatar img{width:60px;height:60px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info .session-avatar img{width:50px;height:50px}}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator{position:absolute;top:-8px;right:-8px;width:24px;height:24px}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator{top:-4px;right:-4px;width:20px;height:20px}}.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator .pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #4fd1c5;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:#4fd1c5;border-radius:50%;animation:pulse-dot 2s infinite}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-client-info .session-avatar .pulse-indicator .pulse-dot{width:6px;height:6px}}.sessions-modal .sessions-list .session-item .session-meta-actions{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:8px;width:100%}@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{display:flex;align-items:center;gap:8px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta{justify-content:flex-start;flex-wrap:wrap}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges{gap:4px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges div{color:#4fd1c5;border-radius:5px;padding:4px 10px;background:rgba(79,209,197,.1);text-align:center;font-family:Cairo;font-size:14px;font-style:normal;font-weight:700;line-height:160%}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-meta .session-badges div{font-size:12px;padding:3px 8px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding-left:10px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls{padding-left:0;flex-direction:column-reverse;align-items:stretch;gap:12px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls{gap:8px}}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .session-time{text-align:center}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .session-time span{color:#253f74;font-family:Cairo,sans-serif;font-size:14px;font-weight:600}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .session-time span{font-size:12px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .session-time .pulse-time{color:#4fd1c5;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:8px}@media only screen and (max-width: 768px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons{justify-content:center;flex-wrap:wrap}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons{gap:6px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn{background:#4fd1c5;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px}@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;min-width:auto;max-width:200px}}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn{font-size:12px;padding:6px 12px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn:hover:not(:disabled){background:#3bb5a9;transform:translateY(-1px);box-shadow:0 4px 12px #4fd1c54d}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .join-session-btn:disabled{background:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.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;border-radius:5px;background:#4fd1c5;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn{width:38px;height:38px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn:hover:not(:disabled){background:#38b2ac;transform:translateY(-1px)}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn:disabled{background:#c4c4c4;cursor:not-allowed;opacity:.7}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn svg{width:20px;height:20px}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn svg{width:16px;height:16px}}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn svg path{stroke:#fff;fill:#fff}.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn span{color:#fff;font-size:12px;font-family:Cairo,sans-serif}@media only screen and (max-width: 480px){.sessions-modal .sessions-list .session-item .session-meta-actions .session-controls .action-buttons .session-action-btn span{font-size:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}@media only screen and (max-width: 768px){.modal-overlay{padding:10px;align-items:flex-start;padding-top:5vh}}@media only screen and (max-width: 480px){.modal-overlay{padding:5px;padding-top:3vh}}@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:#4fd1c51a}.progress-circle .progress-bar{stroke:#4fd1c5;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:#4fd1c5;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-container{display:flex;flex-direction:column;gap:20px}.sessions-container .table-container{padding:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));border-radius:20px;background-color:#fff}.sessions-container .table-container .join-meet-button{font-weight:400;font-size:14px;height:38px;width:100px;cursor:pointer;border-radius:5px;background:#4fd1c5;color:#fff;text-align:center;font-family:Cairo,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.training-requests{background:white;border-radius:12px;direction:rtl;padding:20px}.training-requests .tr-title{color:#253f74;text-align:right;font-family:Cairo,sans-serif;font-size:21px;font-style:normal;font-weight:700;line-height:160%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.training-requests .tr-title .see-more{display:flex;color:#113e68;font-weight:700;align-items:center;gap:5px;background-color:unset;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;font-size:14px}.training-requests .tr-title .see-more:hover{background-color:#f0f8ff;transform:translate(-2px)}.training-requests .tr-title .see-more svg{width:16px;height:16px}.training-requests.desktop .table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.training-requests.desktop .table-container .tr-table{width:100%;min-width:800px;border-collapse:collapse;text-align:center;background:white}.training-requests.desktop .table-container .tr-table th,.training-requests.desktop .table-container .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.desktop .table-container .tr-table thead th{font-weight:600;color:#707070;background-color:#f8fafc;border-bottom:2px solid #cde0ff;position:sticky;top:0;z-index:1}.training-requests.desktop .table-container .tr-table tbody tr{border-bottom:1px solid #e0eefa;transition:background-color .2s ease}.training-requests.desktop .table-container .tr-table tbody tr:hover{background-color:#f8fafc}.training-requests.desktop .table-container .tr-table tbody tr:last-child{border-bottom:none}.training-requests.desktop .table-container .tr-table .td-trainee{display:flex;align-items:center;justify-content:flex-start;min-width:150px}.training-requests.desktop .table-container .tr-table .td-trainee .avatar{width:36px;height:36px;border-radius:50%;margin-left:12px;object-fit:cover;border:2px solid #e0eefa}.training-requests.desktop .table-container .tr-table .td-trainee .name{font-weight:600;color:#0d263b}.training-requests.desktop .table-container .tr-table .coach-message{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-requests.desktop .table-container .tr-table .status{font-weight:600;padding:6px 12px;border-radius:20px;font-size:12px}.training-requests.desktop .table-container .tr-table .status--pending{color:#4a6fa5;background-color:#4a6fa51a}.training-requests.desktop .table-container .tr-table .status--accepted{color:#28a745;background-color:#28a7451a}.training-requests.desktop .table-container .tr-table .status--rejected{color:#dc3545;background-color:#dc35451a}.training-requests.desktop .table-container .tr-table .actions{display:flex;gap:8px;justify-content:center;min-width:120px}.training-requests.desktop .table-container .tr-table .actions .action-btn{background:#f1f5f9;border:1px solid #e2e8f0;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px;width:32px;height:32px}.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{background-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.training-requests.mobile{padding:16px}.training-requests.mobile .tr-title{font-size:18px;margin-bottom:16px}.training-requests.mobile .mobile-cards{display:flex;flex-direction:column;gap:12px}.training-requests.mobile .mobile-cards .mobile-card{background:#ffffff;border:1px solid #e0eefa;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.training-requests.mobile .mobile-cards .mobile-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.training-requests.mobile .mobile-cards .mobile-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.training-requests.mobile .mobile-cards .mobile-card .card-header .card-main-info{flex:1}.training-requests.mobile .mobile-cards .mobile-card .card-header .card-actions{display:flex;gap:6px;flex-shrink:0}.training-requests.mobile .mobile-cards .mobile-card .card-field{display:flex;flex-direction:column;margin-bottom:8px;gap:2px}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-value{font-size:14px;font-weight:500;color:#1e293b;word-break:break-word}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-value.trainee-info{display:flex;align-items:center;gap:8px}.training-requests.mobile .mobile-cards .mobile-card .card-field .field-value.trainee-info .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.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:12px;padding-top:12px;border-top:1px solid #e0eefa;animation:slideDown .3s ease-out}.training-requests.mobile .mobile-cards .mobile-card .action-btn{background:#f1f5f9;border:1px solid #e2e8f0;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px;width:32px;height:32px}.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-color:#dbeafe;border-color:#3b82f6}.training-requests.mobile .mobile-cards .mobile-card .action-btn.accept:hover{background-color:#dcfce7;border-color:#22c55e}.training-requests.mobile .mobile-cards .mobile-card .action-btn.reject:hover{background-color:#fef2f2;border-color:#ef4444}.training-requests.mobile .mobile-cards .mobile-card .action-btn.expand{transition:transform .2s ease}.training-requests.mobile .mobile-cards .mobile-card .action-btn.expand.expanded{transform:rotate(180deg);background-color:#e2e8f0}.training-requests.mobile .mobile-cards .mobile-card .action-btn.expand:hover{background-color:#e2e8f0}.training-requests.mobile .mobile-cards .mobile-card .action-btn:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;transform:translateY(0)}}@media only screen and (max-width: 1024px){.training-requests.desktop .table-container .tr-table th,.training-requests.desktop .table-container .tr-table td{padding:12px 8px;font-size:13px}.training-requests.desktop .table-container .tr-table .td-trainee{min-width:120px}.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:4px}.training-requests.desktop .table-container .tr-table .actions .action-btn{width:28px;height:28px;padding:6px}.training-requests.desktop .table-container .tr-table .actions .action-btn svg{width:14px;height:14px}}@media only screen and (max-width: 480px){.training-requests.mobile{padding:12px}.training-requests.mobile .tr-title{font-size:16px;flex-direction:column;align-items:stretch}.training-requests.mobile .tr-title .see-more{align-self:flex-end;font-size:12px}.training-requests.mobile .mobile-cards .mobile-card{padding:12px}.training-requests.mobile .mobile-cards .mobile-card .card-header{flex-direction:column;gap:8px}.training-requests.mobile .mobile-cards .mobile-card .card-header .card-actions{align-self:flex-end}.training-requests.mobile .mobile-cards .mobile-card .action-btn{width:28px;height:28px}}.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:30px}.coming-session-container .header{display:flex;flex-direction:column;gap:10px}.coming-session-container .header .page-title{color:#253f74;font-family:Cairo;font-size:28px;font-weight:700;margin:0}.coming-session-container .header .page-subtitle{color:#666;font-family:Cairo;font-size:16px;margin:0}.coming-session-container .loading-state,.coming-session-container .error-state{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);font-size:18px;color:#666;font-weight:500}.coming-session-container .loading-state p,.coming-session-container .error-state p{margin:0;padding:20px}.coming-session-container .error-state{color:#e74c3c}.session-filters-container{display:flex;flex-direction:column;background-color:#fff;padding:25px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:20px}.session-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center}.session-filters-container .filters-header .filters-title{color:#253f74;font-family:Cairo;font-size:20px;font-weight:700;margin:0}.session-filters-container .filters-header .sessions-count{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.session-filters-container .filters-content{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.session-filters-container .filters-content .date-filters{display:flex;gap:20px;flex:1}.session-filters-container .filters-content .pagination-controls{display:flex;align-items:flex-end;gap:15px}.session-filters-container .filters-content .filter-group{display:flex;flex-direction:column;gap:8px}.session-filters-container .filters-content .filter-group label{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600}.session-filters-container .filters-content .filter-group .date-input,.session-filters-container .filters-content .filter-group .per-page-select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-family:Cairo;font-size:14px;color:#333;background-color:#fff;transition:border-color .3s ease;min-width:150px}.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:#253f74}.session-filters-container .filters-content .filter-group .per-page-select{cursor:pointer}.session-filters-container .filters-content .clear-filters-btn{background-color:#f8f9fa;color:#666;border:1px solid #e0e0e0;border-radius:8px;padding:10px 16px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.session-filters-container .filters-content .clear-filters-btn:hover{background-color:#e9ecef;border-color:#dee2e6}@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 .pagination-controls{justify-content:space-between}}.sessions-list-container,.sessions-list-container .sessions-list{display:flex;flex-direction:column;gap:20px}.sessions-list-container .session-item{background-color:#fff;border-radius:20px;padding:25px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));transition:transform .3s ease,box-shadow .3s ease}.sessions-list-container .session-item:hover{transform:translateY(-2px);box-shadow:-1px 5px 25px 8px var(--Color-Effect-Section, rgba(121, 128, 166, .12))}.sessions-list-container .session-item .session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sessions-list-container .session-item .session-header .client-info{display:flex;align-items:center;gap:15px}.sessions-list-container .session-item .session-header .client-info .client-details{display:flex;flex-direction:column;gap:5px}.sessions-list-container .session-item .session-header .client-info .client-details .client-name{color:#253f74;font-family:Cairo;font-size:18px;font-weight:700;margin:0}.sessions-list-container .session-item .session-header .client-info .client-details .session-id{color:#666;font-family:Cairo;font-size:14px;margin:0}.sessions-list-container .session-item .session-header .session-status .status{padding:6px 12px;border-radius:20px;font-family:Cairo;font-size:12px;font-weight:600;text-transform:uppercase}.sessions-list-container .session-item .session-header .session-status .status.status--accepted{background-color:#d1fae5;color:#065f46}.sessions-list-container .session-item .session-header .session-status .status.status--pending{background-color:#fef3c7;color:#92400e}.sessions-list-container .session-item .session-header .session-status .status.status--rejected{background-color:#fee2e2;color:#991b1b}.sessions-list-container .session-item .session-details{margin-bottom:20px}.sessions-list-container .session-item .session-details .detail-row{display:flex;gap:40px;margin-bottom:12px}.sessions-list-container .session-item .session-details .detail-row:last-child{margin-bottom:0}.sessions-list-container .session-item .session-details .detail-row .detail-item{display:flex;align-items:center;gap:8px}.sessions-list-container .session-item .session-details .detail-row .detail-item .detail-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500;min-width:80px}.sessions-list-container .session-item .session-details .detail-row .detail-item .detail-value{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600}.sessions-list-container .session-item .session-actions{display:flex;gap:15px}.sessions-list-container .session-item .session-actions .join-session-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}.sessions-list-container .session-item .session-actions .join-session-btn:hover{background-color:#1a2d5a}.sessions-list-container .session-item .session-actions .view-details-btn{background-color:transparent;color:#253f74;border:1px solid #253f74;border-radius:8px;padding:10px 20px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.sessions-list-container .session-item .session-actions .view-details-btn:hover{background-color:#253f74;color:#fff}.sessions-list-container .empty-state{display:flex;justify-content:center;align-items:center;min-height:200px;background-color:#fff;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07))}.sessions-list-container .empty-state p{color:#666;font-family:Cairo;font-size:16px;margin:0}.sessions-list-container .pagination-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:20px 25px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07))}.sessions-list-container .pagination-container .pagination-info{color:#666;font-family:Cairo;font-size:14px}.sessions-list-container .pagination-container .pagination-controls{display:flex;gap:8px}.sessions-list-container .pagination-container .pagination-controls .pagination-btn{padding:8px 12px;border:1px solid #e0e0e0;background-color:#fff;color:#666;border-radius:6px;font-family:Cairo;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:40px}.sessions-list-container .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#253f74;color:#fff;border-color:#253f74}.sessions-list-container .pagination-container .pagination-controls .pagination-btn:disabled{background-color:#f8f9fa;color:#ccc;cursor:not-allowed}.sessions-list-container .pagination-container .pagination-controls .pagination-btn.active{background-color:#253f74;color:#fff;border-color:#253f74}@media (max-width: 768px){.sessions-list-container .session-item .session-header{flex-direction:column;align-items:flex-start;gap:15px}.sessions-list-container .session-item .session-details .detail-row{flex-direction:column;gap:12px}.sessions-list-container .session-item .session-actions{flex-direction:column}.sessions-list-container .pagination-container{flex-direction:column;gap:15px;text-align:center}}.session-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.session-details-modal{background-color:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.session-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e0e0e0}.session-details-modal .modal-header .modal-title{color:#253f74;font-family:Cairo;font-size:24px;font-weight:700;margin:0}.session-details-modal .modal-header .close-btn{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.session-details-modal .modal-header .close-btn:hover{background-color:#f0f0f0}.session-details-modal .modal-content{padding:30px;max-width:100%;width:100%}.session-details-modal .modal-content .section{margin-bottom:30px}.session-details-modal .modal-content .section:last-child{margin-bottom:0}.session-details-modal .modal-content .section .section-title{color:#253f74;font-family:Cairo;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.session-details-modal .modal-content .section .client-info{display:flex;align-items:center;gap:20px}.session-details-modal .modal-content .section .client-info .client-details{display:flex;flex-direction:column;gap:8px}.session-details-modal .modal-content .section .client-info .client-details .client-name{color:#253f74;font-family:Cairo;font-size:20px;font-weight:700;margin:0}.session-details-modal .modal-content .section .client-info .client-details .client-username{color:#666;font-family:Cairo;font-size:14px;margin:0}.session-details-modal .modal-content .section .client-info .client-details .client-id{color:#999;font-family:Cairo;font-size:12px;margin:0}.session-details-modal .modal-content .section .session-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.session-details-modal .modal-content .section .session-info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.session-details-modal .modal-content .section .session-info-grid .info-item:last-child{border-bottom:none}.session-details-modal .modal-content .section .session-info-grid .info-item .info-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.session-details-modal .modal-content .section .session-info-grid .info-item .info-value{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600}.session-details-modal .modal-content .section .session-info-grid .info-item .status{padding:4px 12px;border-radius:20px;font-family:Cairo;font-size:12px;font-weight:600;text-transform:uppercase}.session-details-modal .modal-content .section .session-info-grid .info-item .status.status--accepted{background-color:#d1fae5;color:#065f46}.session-details-modal .modal-content .section .session-info-grid .info-item .status.status--pending{background-color:#fef3c7;color:#92400e}.session-details-modal .modal-content .section .session-info-grid .info-item .status.status--rejected{background-color:#fee2e2;color:#991b1b}.session-details-modal .modal-content .section .notes-content{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #253f74}.session-details-modal .modal-content .section .notes-content p{color:#333;font-family:Cairo;font-size:14px;line-height:1.6;margin:0}.session-details-modal .modal-content .section .timestamps-grid{display:flex;flex-direction:column;gap:10px}.session-details-modal .modal-content .section .timestamps-grid .timestamp-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.session-details-modal .modal-content .section .timestamps-grid .timestamp-item .timestamp-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.session-details-modal .modal-content .section .timestamps-grid .timestamp-item .timestamp-value{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600}.session-details-modal .modal-actions{display:flex;gap:15px;padding:25px 30px;border-top:1px solid #e0e0e0;justify-content:flex-end}.session-details-modal .modal-actions .join-session-btn{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}.session-details-modal .modal-actions .join-session-btn:hover{background-color:#1a2d5a}.session-details-modal .modal-actions .close-modal-btn{background-color:transparent;color:#666;border:1px solid #e0e0e0;border-radius:8px;padding:12px 24px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.session-details-modal .modal-actions .close-modal-btn:hover{background-color:#f8f9fa;border-color:#dee2e6}@media (max-width: 768px){.session-details-modal-overlay{padding:10px}.session-details-modal .modal-header,.session-details-modal .modal-content{padding:20px}.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:20px}}.message-list-container{display:flex;height:100vh;gap:30px;background-color:#f8f9fa;font-family:Arial,sans-serif}.message-sidebar{width:400px;background-color:#fff;border-radius:20px;border:1px solid #dedfe4;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #e9ecef}.sidebar-header h2{margin:0 0 15px;font-size:18px;font-weight:600;color:#131f3c}.filter-section{display:flex;align-items:center;justify-content:space-between;color:#535e76;font-size:14px}.filter-section .filter-icon{width:16px;height:16px}.messages-list{flex:1;overflow-y:auto}.message-item{padding:15px 20px;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:background-color .2s ease}.message-item:hover{background-color:#f8f9fa}.message-item.selected{background-color:#e3f2fd;border-right:3px solid #2196f3}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sender-info{display:flex;align-items:center;gap:8px}.sender-info .unread-dot{width:8px;height:8px;background-color:#2196f3;border-radius:50%}.sender-info .sender-name{font-weight:600;color:#131f3c;font-size:14px}.delete-icon{width:16px;height:16px;opacity:.6;cursor:pointer}.delete-icon:hover{opacity:1}.message-subject{font-weight:500;color:#131f3c;font-size:13px;margin-bottom:5px}.message-preview{color:#535e76;font-size:12px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-timestamp{color:#68758f;font-size:11px}.message-content{flex:1;background-color:#fff;display:flex;border-radius:10px;border:1px solid #dedfe4;flex-direction:column}.message-detail{flex:1;display:flex;flex-direction:column;padding:20px}.message-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.message-detail-header .close-btn{cursor:pointer}.message-detail-header .close-btn img{width:20px;height:20px}.message-detail-header .consultation-topics{display:flex;align-items:center;gap:8px;background-color:#eefaff;padding:8px 16px;border-radius:20px;color:#167bdf;font-size:14px;font-weight:500}.message-detail-header .consultation-topics img{width:16px;height:16px}.message-body .chat-line-content{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.consultation-info{margin-bottom:20px}.consultation-info .consultant-info{display:flex;align-items:center;gap:10px;margin-bottom:10px}.consultation-info .consultant-info span{color:#535e76;font-size:14px}.consultation-info .consultant-info .consultant-name{display:flex;align-items:center;gap:8px}.consultation-info .consultant-info .consultant-name .consultant-avatar{width:24px;height:24px;border-radius:50%}.consultation-info .consultant-info .consultant-name span{color:#131f3c;font-weight:500}.consultation-info .subject-info{margin-bottom:10px}.consultation-info .subject-info span{color:#131f3c;font-weight:500;font-size:14px}.consultation-info .date-info span{color:#68758f;font-size:12px}.message-body{flex:1;padding:20px;background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;word-break:break-word;overflow-wrap:anywhere}.message-body p{margin:0 0 15px;line-height:1.6;color:#131f3c;font-size:14px}.message-body ul{margin:15px 0;padding-left:20px}.message-body ul li{margin-bottom:8px;color:#131f3c;font-size:14px}.chat-thread{display:flex;flex-direction:column;gap:12px;max-height:700px;overflow-y:auto}.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{background-color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 3px #0f172a14;max-width:80%}.chat-line.from-me .chat-bubble{background-color:#34b1fd;color:#fff}.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-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-line-sender{font-size:13px;font-weight:600;color:#131f3c}.chat-line-time{font-size:11px;color:#68758f}.chat-line-content{font-size:14px;color:#131f3c;white-space:pre-wrap}.message-actions .reply-btn{background-color:#03cddb;color:#fff;border:none;padding:12px 24px;border-radius:12px;width:100%;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.message-actions .reply-btn:hover{background-color:#167bdf}.compose-message-container{display:flex;flex-direction:column;height:100vh;background-color:#fff;border-radius:12px;border:1px solid #dedfe4;font-family:Arial,sans-serif}.compose-header{padding:20px;border-bottom:1px solid #e9ecef}.compose-header .header-left{display:flex;align-items:center;gap:15px}.compose-header .back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.compose-header .back-btn:hover{background-color:#f8f9fa}.compose-header .back-btn img{width:20px;height:20px;transform:rotate(90deg)}.compose-header .consultation-topics{display:flex;align-items:center;gap:8px;background-color:#eefaff;padding:8px 16px;border-radius:20px;color:#167bdf;font-size:14px;font-weight:500}.compose-header .consultation-topics img{width:16px;height:16px}.compose-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px}.recipient-info .reply-to{display:flex;align-items:center;gap:10px;margin-bottom:15px}.recipient-info .reply-to span{color:#535e76;font-size:14px}.recipient-info .reply-to .recipient-tag{display:flex;align-items:center;gap:8px;background-color:#fffbc5;padding:6px 12px;border-radius:20px}.recipient-info .reply-to .recipient-tag .recipient-avatar{width:20px;height:20px;border-radius:50%}.recipient-info .reply-to .recipient-tag span{color:#131f3c;font-weight:500;font-size:13px}.recipient-info .subject-info{display:flex;align-items:flex-start;gap:10px}.recipient-info .subject-info span:first-child{color:#535e76;font-size:14px;white-space:nowrap;margin-top:8px}.recipient-info .subject-info .subject-input-container{flex:1;display:flex;flex-direction:column;gap:4px}.recipient-info .subject-info .subject-input{width:100%;padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:14px;font-weight:500;color:#131f3c;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.recipient-info .subject-info .subject-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #4fd1c51a}.recipient-info .subject-info .subject-input::placeholder{color:#8793a9;font-weight:400}.recipient-info .subject-info .subject-input:hover{border-color:#d1d5db}.message-editor{flex:1}.message-editor .message-textarea{width:100%;height:100%;min-height:300px;border:1px solid #e9ecef;border-radius:8px;padding:15px;font-size:14px;line-height:1.6;resize:none;font-family:inherit}.message-editor .message-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #4fd1c51a}.message-editor .message-textarea::placeholder{color:#8793a9}.attachments-section .attachments-list{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.attachments-section .attachment-item{display:flex;align-items:center;gap:10px;background-color:#f8f9fa;padding:10px 15px;border-radius:8px;border:1px solid #e9ecef;min-width:150px;position:relative}.attachments-section .attachment-item .remove-attachment-btn{position:absolute;top:-5px;right:-5px;background-color:#f44336;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.attachments-section .attachment-item .remove-attachment-btn:hover{background-color:#ea1c0d}.attachments-section .attachment-item .remove-attachment-btn img{width:12px;height:12px}.attachments-section .no-attachments{display:flex;align-items:center;justify-content:center;padding:20px;color:#68758f;font-size:14px;font-style:italic}.attachments-section .attachment-icon .pdf-icon{width:32px;height:32px;background-color:#dc3545;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700}.attachments-section .attachment-icon .doc-icon{width:32px;height:32px;background-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700}.attachments-section .attachment-icon .image-icon{width:32px;height:32px;background-color:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700}.attachments-section .attachment-icon .text-icon{width:32px;height:32px;background-color:#6c757d;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700}.attachments-section .attachment-info{display:flex;flex-direction:column}.attachments-section .attachment-info .attachment-name{font-size:12px;font-weight:500;color:#131f3c}.attachments-section .attachment-info .attachment-size{font-size:11px;color:#68758f}.attachments-section .attachment-actions{display:flex;gap:15px}.attachments-section .attachment-actions button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:13px;transition:background-color .2s ease}.attachments-section .attachment-actions button img{width:14px;height:14px}.attachments-section .attachment-actions .delete-attachments{color:#f44336}.attachments-section .attachment-actions .delete-attachments:hover{background-color:#f443361a}.attachments-section .attachment-actions .add-attachment{color:#2196f3}.attachments-section .attachment-actions .add-attachment:hover:not(:disabled){background-color:#4fd1c51a}.attachments-section .attachment-actions .add-attachment:disabled{color:#8793a9;cursor:not-allowed;opacity:.6}.compose-footer{padding:20px;border-top:1px solid #e9ecef}.compose-footer .send-btn{display:flex;align-items:center;gap:8px;background-color:#2196f3;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.compose-footer .send-btn:hover{background-color:#167bdf}.compose-footer .send-btn img{width:16px;height:16px}#dark{background-color:#0d1116}#dark .main-layout-outlet,#dark .sidebar-items,#dark .navbar,#dark .sidebar-content{background-color:#1e232b}@media only screen and (max-width: 1024px){#dark .sidebar{background-color:#1e232b}}