@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";/*!
* 
*   Mon Sep 06 2021 22:45:41 GMT-0500 (Central Daylight Time)
*   Accessible NProgress, (c) 2021 Nicholas Mackey - http://nmackey.com/accessible-nprogress
*   @license MIT
*
*//*!******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles.css ***!
  \******************************************************************/#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{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}.main-layout .main-layout-sidebar{height:100%;z-index:999}.main-layout .main-layout-content{width:100%;height:100%;flex-direction:column;display:flex;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}.main-layout .main-layout-shadow{display:none;position:fixed;width:100%;z-index:998;box-shadow:0 0 0 10000px #00000080}@media only screen and (max-width: 1024px){.main-layout .main-layout-sidebar{padding:0;position:fixed;top:0;left:-100%;height:100vh;width:250px;transition:all .35s ease-out;z-index:999}.main-layout .main-layout-toggle-mobile-sidebar{left:0}.main-layout .main-layout-shadow{display:block;height:100vh}.main-layout .main-layout-disable-events{pointer-events:none}.main-layout .main-layout-content .main-layout-outlet{padding:16px;width:100%;max-height:93%}}@media only screen and (max-width: 768px){.main-layout .main-layout-content .main-layout-outlet{padding:12px;border-radius:12px}}.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);position:relative;justify-content:flex-start}.sidebar .sidebar-content .sidebar-close-btn{display:none;position:absolute;top:1.5rem;left:1rem;background:transparent;border:none;cursor:pointer;padding:10px;border-radius:8px;color:#2961b4;transition:all .2s ease;z-index:10}.sidebar .sidebar-content .sidebar-close-btn:hover{background:rgba(41,97,180,.1);transform:rotate(180deg)}.sidebar .sidebar-content .sidebar-close-btn svg{width:20px;height:20px}.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:lang(ar){border-right:unset}.sidebar .sidebar-content:lang(ar) .sidebar-close-btn{left:unset;right:1rem}.collapse{width:94px;transition:all .2s ease-out}@media only screen and (max-width: 1024px){.sidebar{width:250px!important;background-color:#f8f8f8}.sidebar .sidebar-content{width:100%}.sidebar .sidebar-content .sidebar-close-btn{display:flex}.sidebar .sidebar-content .sidebar-nav-items{padding-top:60px}.collapse{width:250px!important}}@media only screen and (max-width: 768px){.sidebar,.collapse{width:280px!important}}.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 .navbar-hamburger-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#2961b4;transition:all .2s ease}.navbar .navbar-left .navbar-hamburger-btn:hover{background:rgba(41,97,180,.1)}.navbar .navbar-left .navbar-hamburger-btn:active{transform:scale(.95)}.navbar .navbar-left .navbar-hamburger-btn svg{width:24px;height:24px}.navbar .navbar-left .input-form{width:290px}.navbar .navbar-left .input-container{display:flex;width:100%;height:44px;align-items:center;border:1px solid transparent;border-radius:10px}.navbar .navbar-left .input-container .input{width:100%;color:#2961b4!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}.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{padding:20px 24px}.navbar .navbar-left .navbar-hamburger-btn{display:flex}.navbar .navbar-left .navbar-left-menu-icon{display:block}.navbar .navbar-left .navbar-left-menu-icon-collapse{display:none}.navbar .navbar-left .input-form{width:100%}.navbar .navbar-right{width:auto;min-width:fit-content}}@media only screen and (max-width: 768px){.navbar{padding:16px;gap:8px}.navbar .navbar-left{gap:8px}.navbar .navbar-left .navbar-left-input{display:none}.navbar .navbar-right{gap:12px}}.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}@media only screen and (max-width: 1024px){.sidebar-items{padding:16px;gap:10px;justify-content:flex-start}.sidebar-items .item,.sidebar-items .active,.sidebar-items .item.collapse,.sidebar-items .active.collapse{width:100%;justify-content:flex-start}}@media only screen and (max-width: 768px){.sidebar-items{padding:12px}.sidebar-items .item,.sidebar-items .active{padding:16px 12px 10px}.sidebar-items .item .item-label,.sidebar-items .active .item-label{font-size:15px}}.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:#4fd1c5;color:#fff}.btn-outlined-primary{background-color:transparent;border:1px solid #4fd1c5;color:#4fd1c5}.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:#4fd1c5}.input-form .input-container-primary{border:1px solid #4fd1c5}.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:99}.dropdown .dropdown-menu{position:absolute;right:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.dropdown .dropdown-menu.visible{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.dropdown .dropdown-menu.bottomRight{right:0}.dropdown .dropdown-menu.bottomLeft{left:0;right:unset}.dropdown .dropdown-item{padding:12px 16px;cursor:pointer;display:flex;gap:5px}.dropdown .dropdown-item:hover{background-color:#f1f1f1}.custom-avatar{display:inline-flex;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{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)}}.otp-input{display:flex;gap:12px;justify-content:center;align-items:center}.otp-input__field{width:48px;height:48px;border:1px solid #e2e8f0;border-radius:12px;text-align:center;font-family:Almarai,sans-serif;font-size:18px;font-weight:600;background:#ffffff;color:#2d3748;transition:all .2s ease;outline:none}.otp-input__field:focus{border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.otp-input__field:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0}.otp-input__field::placeholder{color:#a0aec0}@media (max-width: 768px){.otp-input{gap:8px}.otp-input__field{width:40px;height:40px;font-size:16px}}[dir=rtl] .otp-input{direction:ltr}[dir=rtl] .otp-input__field{font-family:Almarai,sans-serif;font-feature-settings:"tnum"}[lang=ar] .otp-input__field{font-family:Almarai,sans-serif;unicode-bidi:plaintext}.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}.auth-form-card .error-message{background:linear-gradient(135deg,#fff5f5 0%,#fee 100%);border:1px solid #fc8181;border-radius:12px;color:#c53030;padding:16px;margin-bottom:20px;font-size:14px;box-shadow:0 2px 8px #fc81811a;animation:slideIn .3s ease-out}.auth-form-card .error-message ul{margin:12px 0 0;padding-left:20px}.auth-form-card .error-message ul li{margin-bottom:6px;line-height:1.5}.auth-form-card .form-sections{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.auth-form-card .form-section{position:relative}.auth-form-card .form-section .section-title{font-family:Almarai,sans-serif;font-size:15px;font-weight:700;color:#2d3748;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}.auth-form-card .form-section .section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#4fd1c5 0%,#38b2ac 100%);border-radius:2px}.auth-form-card .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}@media (max-width: 768px){.auth-form-card .form-section .form-row{grid-template-columns:1fr}}.auth-form-card .form-section .form-column{width:100%}.auth-form-card .form-section .form-input-container{display:flex;flex-direction:column;gap:16px}.auth-form-card .submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#4fd1c5 0%,#38b2ac 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:Almarai,sans-serif;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4fd1c54d;margin-top:8px}.auth-form-card .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#38b2ac 0%,#319795 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4fd1c566}.auth-form-card .submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4fd1c54d}.auth-form-card .submit-button:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-form-card .verification-description{text-align:start;margin-bottom:24px}.auth-form-card .verification-description p{font-family:Almarai,sans-serif;font-size:14px;color:#a0aec0;margin:0;line-height:1.5}.auth-form-card .error-message{background-color:#fed7d7;color:#9b2c2c;border:1px solid #feb2b2;border-radius:8px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;margin-bottom:20px;text-align:start}.auth-form-card .error-message ul{margin:8px 0 0;padding-left:20px}.auth-form-card .error-message ul li{margin-bottom:4px}.auth-form-card .success-message{background-color:#c6f6d5;color:#22543d;border:1px solid #9ae6b4;border-radius:8px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;margin-bottom:20px;text-align:start}.auth-form-card .token-container{display:flex;flex-direction:column;gap:16px;align-items:start}.auth-form-card .token-container .token-label{font-family:Almarai,sans-serif;font-size:14px;font-weight:600;color:#2d3748;text-align:start}.auth-form-card .token-container .token-input{width:100%;height:48px;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-family:Almarai,sans-serif;font-size:14px;background:#ffffff;color:#2d3748;transition:all .2s ease;outline:none;text-align:start}.auth-form-card .token-container .token-input::placeholder{color:#a0aec0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form-card .token-container .token-input:focus{border-color:#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-color:#f8f8f8}.auth-layout .auth-background{position:absolute;top:23px;width:100%;height:327px;border-radius:15px;overflow:hidden;padding:10px;box-sizing:border-box}.auth-layout .auth-background .background-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:15px}.auth-layout .auth-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.auth-form-card{width:550px;background-color:#fff;border-radius:15px;box-shadow:0 7px 23px #0000000d;overflow:hidden;max-height:96vh;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.auth-form-card{width:95%;max-width:444px}}@media (max-width: 480px){.auth-form-card{width:100%;border-radius:0;max-height:100vh}}.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:15px;margin-bottom:24px}.auth-form-card .card-header .social-login-section .social-buttons .social-btn{width:75px;height:75px;border:1px solid #e2e8f0;border-radius:15px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.auth-form-card .card-header .social-login-section .social-buttons .social-btn:hover{background-color:#f7fafc;transform:translateY(-2px)}.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.apple{color:#000}.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 svg{width:24px;height:24px}.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;padding:0 20px;max-width:1400px;margin:0 auto}.dashboard-container .header{display:flex;align-items:stretch;gap:30px;flex-wrap:wrap}@media (max-width: 1024px){.dashboard-container .header{gap:20px}}@media (max-width: 768px){.dashboard-container .header{flex-direction:column;gap:20px}}.dashboard-container .row{display:flex;gap:30px;align-items:flex-start}@media (max-width: 1024px){.dashboard-container .row{gap:20px;flex-direction:column}}.dashboard-container .row .row-left{display:flex;flex-direction:column;gap:30px;flex:0 0 auto}@media (max-width: 1024px){.dashboard-container .row .row-left{flex-direction:row;gap:20px;width:100%}}@media (max-width: 768px){.dashboard-container .row .row-left{flex-direction:column;gap:20px}}@media (max-width: 768px){.dashboard-container{padding:0 15px;gap:20px}}@media (max-width: 480px){.dashboard-container{padding:0 10px;gap:15px}}.profile-settings{display:flex;flex-direction:column;gap:30px}.profile-settings__title{font-size:22px;font-weight:700;color:#253f74}.profile-settings__card{background:#fff;border-radius:20px;box-shadow:0 0 20px -3px #cbc7d580;padding:20px;display:flex;flex-direction:column;gap:20px}.profile-settings__avatar-section{display:flex;align-items:center;gap:16px}.profile-settings__avatar-input{display:none}.profile-settings__form{max-width:100%}.profile-settings__form .form-input-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 900px){.profile-settings__form .form-input-container{grid-template-columns:1fr}}.profile-settings__actions{margin-top:4px}.profile-settings__section-title{font-size:18px;font-weight:700;color:#253f74;margin-bottom:8px}.profile-settings__account-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.profile-settings__account-info p{margin:0;color:#7ea1c2;font-family:Cairo;font-size:14px;line-height:120%}.welcome-card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;width:60%;gap:20px;border-radius:30px;flex:2;min-width:300px;min-height:250px}@media (max-width: 1024px){.welcome-card-container{width:50%;min-width:280px}}@media (max-width: 768px){.welcome-card-container{width:100%;height:200px;min-width:unset}}@media (max-width: 480px){.welcome-card-container{height:180px;border-radius:20px}}.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;box-shadow:0 0 20px -3px #cbc7d580;flex:1;min-width:200px}@media (max-width: 768px){.info-card-container{width:100%;height:200px;min-height:200px}}@media (max-width: 480px){.info-card-container{height:180px;min-height:180px}}.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));flex:1;min-width:280px}@media (max-width: 1024px){.advice-card-container{width:100%;max-width:400px}}@media (max-width: 768px){.advice-card-container{width:100%;height:auto;min-height:250px;max-width:none}}@media (max-width: 480px){.advice-card-container{padding:15px;min-height:220px}}.advice-card-container .title{color:#253f74;text-align:center;font-family:Cairo;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.advice-card-container .description{color:#969696;text-align:center;font-family:Cairo;font-size:15px;font-style:normal;font-weight:400;line-height:110%}.sessions-calendar-container{padding:16px;border-radius:20px;background:#fff;box-shadow:0 0 20px -3px #cbc7d580;width:100%;flex:1;min-width:300px}@media (max-width: 1024px){.sessions-calendar-container{width:100%}}@media (max-width: 768px){.sessions-calendar-container{padding:12px;min-width:unset}}@media (max-width: 480px){.sessions-calendar-container{padding:10px;border-radius:15px}}@media only screen and (max-width: 768px){.sessions-calendar-container .week-navigation{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(79,209,197,.05);border-radius:12px;margin-bottom:16px;gap:12px}.sessions-calendar-container .nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #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;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 .no-events{text-align:center;color:#999;font-size:14px;font-style:italic;padding:16px;font-family:Cairo,sans-serif}}.sessions-calendar-container .usc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}@media (max-width: 768px){.sessions-calendar-container .usc-header{flex-direction:column;gap:15px;margin-bottom:20px;text-align:center}}.sessions-calendar-container .usc-header .title-container{display:flex;flex-direction:column}.sessions-calendar-container .usc-header .title-container .usc-title{color:#253f74;text-align:right;font-family:Cairo;font-size:25px;font-style:normal;font-weight:700;line-height:160%}.sessions-calendar-container .usc-header .title-container .subtitle{color:#253f74;text-align:right;font-family:Cairo;font-size:15px;font-style:normal;font-weight:400;line-height:160%}.sessions-calendar-container .usc-header .usc-btn{display:flex;align-items:center;justify-content:center;gap:20px;background:transparent;border-radius:100px;border:1px solid #253f74;color:#253f74;text-align:center;font-family:Cairo;font-size:13px;font-style:normal;font-weight:700;line-height:160%;padding:12px 20px 12px 40px;transition:all .3s ease;height:50px}.sessions-calendar-container .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;max-width:90vw;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.sessions-calendar-container .modal-overlay .modal{width:90vw;padding:20px;border-radius:20px}}@media (max-width: 480px){.sessions-calendar-container .modal-overlay .modal{width:95vw;padding:15px;border-radius:15px}}.sessions-calendar-container .modal-overlay .modal .modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer}.sessions-calendar-container .modal-overlay .modal .modal-close:hover{opacity:.5}.sessions-calendar-container .modal-overlay .modal .modal-close svg{width:50px;height:50px;color:#253f74}.sessions-calendar-container .modal-overlay .modal .modal-title{color:#253f74;text-align:center;font-family:Cairo,sans-serif;font-size:30px;font-weight:400;line-height:42px;width:405px;margin-top:20px;margin-bottom:30px}.sessions-calendar-container .modal-overlay .modal .modal-date-picker{margin-bottom:40px}.sessions-calendar-container .modal-overlay .modal .time-section{width:100%;margin-bottom:40px}.sessions-calendar-container .modal-overlay .modal .time-section .time-section-label{display:block;color:#253f74;font-family:Cairo,sans-serif;font-size:24px;font-weight:400;text-align:center;margin-bottom:30px}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:200px;overflow-y:auto}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row{display:flex;align-items:center;gap:20px;width:100%;justify-content:start;min-height:68px}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container{width:35px;height:35px;position:absolute;left:2.3rem;flex-shrink:0}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .add-time-btn-container .add-time-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group{display:flex;align-items:center;gap:20px}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper{position:relative}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input{width:156px;height:68px;border:1px solid #253f74;border-radius:10px;padding:0 20px;font-family:Cairo,sans-serif;font-size:24px;color:#253f74;text-align:center;background:white}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .time-inputs-group .time-input-wrapper .time-input:focus{outline:none;border-color:#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}.sessions-calendar-container .modal-overlay .modal .time-section .time-inputs-container .time-row .remove-time-btn svg{width:40px;height:40px}.sessions-calendar-container .modal-overlay .modal .modal-actions{display:flex;gap:20px;width:100%;justify-content:center;margin-top:auto}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn{width:210px;height:68px;border-radius:10px;font-family:Cairo,sans-serif;font-size:24px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center}.sessions-calendar-container .modal-overlay .modal .modal-actions .modal-actions-btn-cancel{background:white;border:1px solid #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}.sessions-calendar-container .fc-event-custom{display:flex;align-items:center;padding:2px 4px;border-radius:4px;font-size:.75rem;overflow:hidden;width:100%}.sessions-calendar-container .fc-event-title-text{white-space:nowrap;overflow:hidden;width:100%;color:#033246;font-size:12px;text-align:center;padding:3px;border-radius:5px;background:rgba(79,209,197,.1);text-overflow:ellipsis}.sessions-calendar-container .fc-event-more{display:flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:5px;background:#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-event-card{width:100%;height:auto}.sessions-calendar-container .fc-event-card-content{background:#4fd1c5;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;width:100%}.sessions-calendar-container .fc-event-card-content.saved{background:#253f74}.sessions-calendar-container .fc-event-card-content.has-reserved{background:linear-gradient(135deg,#4fd1c5 0%,#ff6b6b 100%)}.sessions-calendar-container .fc-event-header{display:flex;align-items:center;flex-direction:column;gap:6px;justify-content:center}.sessions-calendar-container .fc-event-checkmark{width:16px;height:16px;color:#fff}.sessions-calendar-container .fc-event-checkmark path{stroke:#fff;stroke-width:2}.sessions-calendar-container .fc-event-consultant-count{color:#fff;text-align:center;font-family:Cairo,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.sessions-calendar-container .fc-event-consultant-count .reserved-indicator{color:#ffeb3b;font-weight:600;margin-left:4px;background:rgba(255,235,59,.2);padding:2px 6px;border-radius:4px;border:1px solid rgba(255,235,59,.4)}.sessions-calendar-container .fc-event-consultant-count .reserved-indicator .reserved-indicator-number,.sessions-calendar-container .fc-event-consultant-count .reserved-indicator .reserved-indicator-text{color:#ffeb3b;font-weight:600;margin-left:4px}.sessions-calendar-container .reservation-details{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding:4px 8px;background:rgba(255,255,255,.1);border-radius:6px;border:1px solid rgba(255,255,255,.2)}.sessions-calendar-container .reservation-item{display:flex;flex-direction:column;gap:2px;align-items:center}.sessions-calendar-container .reservation-notes{color:#ffffffe6;font-family:Cairo,sans-serif;font-size:9px;font-weight:400;text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions-calendar-container .fc-event-book-btn{background:rgba(255,255,255,.34);border:none;border-radius:8px;color:#fff;text-align:center;font-family:Cairo,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal;padding:6px 12px;cursor:pointer;transition:all .2s ease}.sessions-calendar-container .fc-event-book-btn:hover{background:rgba(255,255,255,.34);transform:translateY(-1px)}.sessions-calendar-container .fc-event-book-btn:active{transform:translateY(0)}.sessions-calendar-container .fc-event-book-btn:disabled{background:rgba(255,255,255,.2);cursor:not-allowed;opacity:.7}.sessions-calendar-container .fc-event-book-btn:disabled:hover{transform:none}.sessions-calendar-container .join-session-container{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px;background:rgba(255,255,255,.15);border-radius:8px;border:2px solid #ffeb3b}.sessions-calendar-container .join-session-animation{display:flex;align-items:center;gap:8px;animation:pulse 2s infinite}.sessions-calendar-container .pulse-dot{width:8px;height:8px;background:#ffeb3b;border-radius:50%;animation:pulse-dot 1.5s infinite}.sessions-calendar-container .join-session-text{color:#fff;font-family:Cairo,sans-serif;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sessions-calendar-container .join-session-btn{background:#ffeb3b;border:none;border-radius:6px;color:#253f74;font-family:Cairo,sans-serif;font-size:11px;font-weight:700;padding:6px 12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.sessions-calendar-container .join-session-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.sessions-calendar-container .join-session-btn:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.sessions-calendar-container .fc-day-selected{background-color:#3287d733!important}.sessions-calendar-container .notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;z-index:10000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.sessions-calendar-container .notification.success{background:#4caf50;color:#fff;border-left:4px solid #2e7d32}.sessions-calendar-container .notification.error{background:#f44336;color:#fff;border-left:4px solid #c62828}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4fd1c5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p,.error-state p{color:#666;font-size:16px;font-family:Cairo,sans-serif;margin:0}.retry-button{margin-top:20px;padding:10px 20px;background-color:#4fd1c5;color:#fff;border:none;border-radius:8px;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#38b2ac;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sessions-modal{background:#fff;width:60%;border-radius:29px;border:1px solid #93bce3;padding:24px;position:relative;display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:95vh;min-height:400px}.sessions-modal .sessions-modal-close{position:absolute;top:24px;right:24px;background:none;border:none;cursor:pointer;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.sessions-modal .sessions-modal-close svg{width:45px;height:45px;stroke:#5f6388}.sessions-modal .sessions-modal-title{color:#253f74;text-align:center;font-family:Cairo,sans-serif;font-size:23px;font-style:normal;font-weight:400;line-height:35px;margin-bottom:50px;margin-top:8px}.sessions-modal .sessions-modal-title .title-highlight{color:#253f74;font-family:Cairo,sans-serif;font-size:23px;font-style:normal;line-height:35px;font-weight:700}.sessions-modal .consultants-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}.sessions-modal .modal-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px;width:100%;max-width:400px}.sessions-modal .modal-controls .search-container{flex:1}.sessions-modal .modal-controls .search-container .search-input-wrapper{position:relative;background:rgba(95,99,136,.03);border-radius:5px;display:flex;align-items:center;padding:8px 12px}.sessions-modal .modal-controls .search-container .search-input-wrapper .search-icon{margin-right:8px;flex-shrink:0}.sessions-modal .modal-controls .search-container .search-input-wrapper .search-input{border:none;background:transparent;outline:none;font-family:Cairo,sans-serif;font-size:11px;font-weight:300;color:#5f6388;width:100%;text-align:right}.sessions-modal .modal-controls .search-container .search-input-wrapper .search-input::placeholder{color:#5f6388;text-align:right}.sessions-modal .modal-controls .filter-button{background:rgba(95,99,136,.03);border:none;border-radius:5px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.sessions-modal .consultants-subtitle{color:#5f6388;font-family:Cairo,sans-serif;font-size:20px;font-weight:400;line-height:35px;text-align:right;margin-bottom:20px;width:100%;align-self:flex-end}.sessions-modal .consultants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;width:100%;margin-bottom:24px}.sessions-modal .consultants-grid .consultant-card{background:#ffffff;border:1px solid #e8e8e8;border-radius:20px;padding:16px;display:flex;align-items:center;gap:14px;text-align:center;cursor:pointer;transition:all .2s ease;min-width:245px;height:100px;flex-shrink:0}.sessions-modal .consultants-grid .consultant-card:hover{border-color:#93bce3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sessions-modal .consultants-grid .consultant-card.selected{background:#4fd1c5;border-color:#4fd1c5;transform:translateY(-2px);box-shadow:0 4px 12px #4fd1c54d}.sessions-modal .consultants-grid .consultant-card.selected .consultant-info .consultant-name{color:#253f74}.sessions-modal .consultants-grid .consultant-card.selected .consultant-info .consultant-details{color:#fff}.sessions-modal .consultants-grid .consultant-card .consultant-avatar{margin-bottom:12px;width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;overflow:hidden}.sessions-modal .consultants-grid .consultant-card .consultant-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sessions-modal .consultants-grid .consultant-card .consultant-avatar .consultant-avatar-fallback{width:35px;height:35px;color:#666}.sessions-modal .consultants-grid .consultant-card .consultant-info{display:flex;flex-direction:column;align-items:start;width:100%;overflow:hidden;gap:4px}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-name{color:#253f74;font-family:Cairo,sans-serif;font-size:19px;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;font-weight:700;line-height:1.6;margin:0;text-align:right}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-details{color:#5f6388;font-family:Cairo,sans-serif;font-size:15px;font-weight:500;line-height:1.6;margin:0}.sessions-modal .modal-pagination{display:flex;justify-content:center;width:100%}.sessions-modal .modal-pagination .pagination-dots{display:flex;align-items:center;gap:8px}.sessions-modal .modal-pagination .pagination-dots .dot{width:8px;height:8px;border-radius:50%;background:#e8e8e8;cursor:pointer;transition:background-color .2s ease}.sessions-modal .modal-pagination .pagination-dots .dot.active{background:#253f74}.sessions-modal .modal-pagination .pagination-dots .dot:hover{background:#93bce3}.sessions-modal .time-selection-section{width:100%;margin-top:30px;margin-bottom:30px}.sessions-modal .time-selection-section .time-selection-title{color:#5f6388;font-family:Cairo,sans-serif;font-size:20px;font-weight:400;line-height:35px;text-align:right;margin-bottom:20px;width:100%}.sessions-modal .time-selection-section .all-slots-reserved-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin-bottom:20px;text-align:center}.sessions-modal .time-selection-section .all-slots-reserved-message .message-text{color:#856404;font-family:Cairo,sans-serif;font-size:14px;font-weight:600}.sessions-modal .time-selection-section .time-slots-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;width:100%}.sessions-modal .time-selection-section .time-slots-grid .time-slot{background:#ffffff;border:1px solid #e8e8e8;border-radius:5px;padding:0;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;height:50px;position:relative}.sessions-modal .time-selection-section .time-slots-grid .time-slot:hover{border-color:#93bce3}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected{background:#4fd1c5;transition:all .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected .time-slot-checkbox .checkbox-container{background:#ffffff;border-color:#fff}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected .time-slot-checkbox .checkbox-container .checkmark-icon{opacity:1}.sessions-modal .time-selection-section .time-slots-grid .time-slot.selected .time-slot-text{color:#fff!important}.sessions-modal .time-selection-section .time-slots-grid .time-slot.disabled{opacity:.5;cursor:not-allowed}.sessions-modal .time-selection-section .time-slots-grid .time-slot.disabled:hover{border-color:#e8e8e8}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved{background:#f8f9fa;border-color:#dee2e6;cursor:not-allowed;opacity:.9;position:relative}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved:hover{border-color:#dee2e6;transform:none}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved .time-slot-text{color:#6c757d!important}.sessions-modal .time-selection-section .time-slots-grid .time-slot.reserved .time-slot-checkbox .checkbox-container{background:#e9ecef;border-color:#adb5bd}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox{display:flex;align-items:center;flex-direction:row;justify-content:center;padding-right:16px;width:fit-content;flex-shrink:0}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container{width:30px;height:30px;border:1px solid #c4c4c4;border-radius:5px;background:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container.reserved{background:#e9ecef;border-color:#adb5bd;cursor:not-allowed;opacity:.8}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container .checkmark-icon{width:25px;height:25px;opacity:0;transition:opacity .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .checkbox-container .checkmark-icon svg{width:100%;height:100%;stroke:#4fd1c5;stroke-width:2;fill:none}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .reserved-indicator{position:absolute;top:-15px;right:-15px;background:#dc3545;color:#fff;border-radius:15px;height:20px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:Cairo,sans-serif;line-height:1;box-shadow:0 2px 8px #dc35454d;white-space:nowrap;min-width:fit-content;transition:all .2s ease}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-checkbox .reserved-indicator .reserved-text{font-size:11px;font-weight:600;font-family:Cairo,sans-serif}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content{display:flex;align-items:center;justify-content:space-between;flex:1;padding:12px 16px;gap:8px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text{color:#253f74;font-family:Cairo,sans-serif;font-size:23px;font-weight:400;line-height:1.6;white-space:nowrap;text-align:center}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text.selected{color:#fff!important}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn{background:#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;margin-left:12px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn:hover{background:#3bb5a9;transform:translateY(-1px)}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn:disabled{background:#a0a0a0;cursor:not-allowed;transform:none}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn.selected{background:#ffffff;color:#4fd1c5}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status{margin-left:auto}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;font-family:Cairo,sans-serif;white-space:nowrap}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge.confirmed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge.pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.sessions-modal .time-selection-section .save-consultation-btn{background:#253f74;color:#fff;border:none;border-radius:10px;padding:12px 40px;font-family:Cairo,sans-serif;font-size:18px;font-weight:700;line-height:35px;cursor:pointer;transition:all .2s ease;display:block;margin:0 auto;min-width:200px}.sessions-modal .time-selection-section .save-consultation-btn:hover{background:#1e3260;transform:translateY(-1px);box-shadow:0 4px 12px #253f744d}.sessions-modal .time-selection-section .save-consultation-btn:disabled{background:#c4c4c4;cursor:not-allowed;transform:none;box-shadow:none}.sessions-modal .time-selection-section .save-consultation-btn:disabled:hover{background:#c4c4c4;transform:none;box-shadow:none}@media (max-width: 768px){.sessions-modal{width:90%;max-width:500px;padding:20px}.sessions-modal .sessions-modal-title{font-size:20px;line-height:28px}.sessions-modal .consultants-grid{grid-template-columns:repeat(1,1fr);gap:12px}.sessions-modal .consultants-grid .consultant-card{padding:12px;min-height:100px;width:100%}.sessions-modal .consultants-grid .consultant-card .consultant-avatar{width:50px;height:50px}.sessions-modal .consultants-grid .consultant-card .consultant-avatar img{width:100%;height:100%}.sessions-modal .consultants-grid .consultant-card .consultant-avatar .consultant-avatar-fallback{width:30px;height:30px}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-name{font-size:16px}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-details{font-size:13px}.sessions-modal .modal-controls{max-width:100%}.sessions-modal .time-selection-section .time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.sessions-modal .time-selection-section .time-slots-grid .time-slot{height:45px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content{padding:10px 12px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text{font-size:18px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn{font-size:12px;padding:6px 12px;margin-left:8px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge{font-size:10px;padding:3px 6px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator{height:26px;padding:0 10px;font-size:10px;top:-13px;right:-13px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator .reserved-text{font-size:10px}.sessions-modal .time-selection-section .save-consultation-btn{font-size:16px;padding:10px 30px;min-width:180px}.sessions-modal .time-selection-section .all-slots-reserved-message{padding:10px 12px;margin-bottom:16px}.sessions-modal .time-selection-section .all-slots-reserved-message .message-text{font-size:13px}}@media (max-width: 480px){.sessions-modal .consultants-grid{grid-template-columns:1fr}.sessions-modal .consultants-grid .consultant-card .consultant-info .consultant-name{font-size:15px}.sessions-modal .time-selection-section .time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-text{font-size:16px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .join-meet-btn{font-size:11px;padding:5px 10px;margin-left:6px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .reservation-status .status-badge{font-size:9px;padding:2px 5px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator{height:24px;padding:0 8px;font-size:9px;top:-12px;right:-12px}.sessions-modal .time-selection-section .time-slots-grid .time-slot .time-slot-content .time-slot-checkbox .checkbox-container .reserved-indicator .reserved-text{font-size:9px}.sessions-modal .time-selection-section .save-consultation-btn{font-size:14px;padding:8px 20px;min-width:160px}.sessions-modal .time-selection-section .all-slots-reserved-message{padding:8px 10px;margin-bottom:12px}.sessions-modal .time-selection-section .all-slots-reserved-message .message-text{font-size:12px}}.progress-circle{position:relative}.progress-circle svg{transform:rotate(-90deg);transform-origin:50% 50%}.progress-circle .bg-fill{fill:#4fd1c51a}.progress-circle .progress-bar{stroke:#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));flex:1;min-width:280px}@media (max-width: 1024px){.profile-progress-container{width:100%;max-width:400px}}@media (max-width: 768px){.profile-progress-container{width:100%;height:auto;min-height:250px;max-width:none}}@media (max-width: 480px){.profile-progress-container{padding:15px;min-height:220px}}.profile-progress-container .title{color:#253f74;text-align:center;font-family:Cairo;font-size:20px;font-style:normal;font-weight:700;line-height:160%}.profile-progress-container .redirect-btn{color:#253f74;cursor:pointer;border:1px solid #253f74;border-radius:40px;height:81px;width:fit-content;padding:0 20px;background-color:transparent;transition:all .3s ease}.profile-progress-container .redirect-btn:hover{background-color:#253f74;color:#fff}.sessions-container{display:flex;flex-direction:column;gap: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}.sessions-container .table-container .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #cde0ff}.sessions-container .table-container .pagination-container .pagination-info{color:#707070;font-size:14px;font-family:Cairo,sans-serif;font-weight:400}.sessions-container .table-container .pagination-container .pagination-controls{display:flex;align-items:center;gap:8px}.sessions-container .table-container .pagination-container .pagination-controls .pagination-btn{padding:8px 16px;border:1px solid #c4c4c4;background:#fff;color:#4a6fa5;border-radius:5px;cursor:pointer;font-family:Cairo,sans-serif;font-size:14px;font-weight:400;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sessions-container .table-container .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background:#edfaf9;border-color:#4a6fa5;color:#033246}.sessions-container .table-container .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa;color:#707070}.sessions-container .table-container .pagination-container .pagination-controls .pagination-pages{display:flex;gap:4px;margin:0 8px}.sessions-container .table-container .pagination-container .pagination-controls .pagination-pages .pagination-page{width:40px;height:40px;border:1px solid #c4c4c4;background:#fff;color:#4a6fa5;border-radius:5px;cursor:pointer;font-family:Cairo,sans-serif;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sessions-container .table-container .pagination-container .pagination-controls .pagination-pages .pagination-page:hover{background:#edfaf9;border-color:#4a6fa5;color:#033246}.sessions-container .table-container .pagination-container .pagination-controls .pagination-pages .pagination-page.active{background:#253f74;border-color:#253f74;color:#fff;font-weight:700}.sessions-container .table-container .pagination-container .pagination-controls .pagination-pages .pagination-page.active:hover{background:#113e68;border-color:#113e68}@media (max-width: 768px){.sessions-container .table-container .pagination-container{flex-direction:column;gap:12px;text-align:center}.sessions-container .table-container .pagination-container .pagination-controls{justify-content:center}.sessions-container .table-container .pagination-container .pagination-pages .pagination-page{width:36px;height:36px;font-size:12px}.sessions-container .table-container .pagination-container .pagination-btn{padding:6px 12px;font-size:12px}}.training-requests{background:white;border-radius:12px;direction:rtl}.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}.training-requests .tr-title .tr-title-text{color:#253f74;text-align:left;font-family:Cairo,sans-serif;font-size:21px;font-style:normal;font-weight:700;line-height:160%}.training-requests .tr-title .see-more{display:flex;color:#113e68;font-weight:700;align-items:center;gap:5px;background-color:unset;cursor:pointer}.training-requests .tr-table{width:100%;border-collapse:collapse;text-align:center}.training-requests .tr-table th,.training-requests .tr-table td{padding:12px 8px;font-size:14px;font-weight:400;font-family:Cairo,sans-serif;color:#033246;vertical-align:middle}.training-requests .tr-table thead th{font-weight:400;color:#707070;border-bottom:1px solid #cde0ff}.training-requests .tr-table tbody tr{border-bottom:1px solid #e0eefa;transition:all .3s ease}.training-requests .tr-table tbody tr:hover{background-color:#edfaf9}.training-requests .tr-table tbody tr:hover .action-btn{transition:all .3s ease;border:1px solid #edfaf9}.training-requests .tr-table .td-trainee{display:flex;align-items:center;justify-content:flex-start}.training-requests .tr-table .td-trainee .avatar{width:32px;height:32px;border-radius:50%;margin-left:8px;object-fit:cover}.training-requests .tr-table .td-trainee .name{font-weight:500;color:#0d263b}.training-requests .tr-table .coach-message{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-requests .tr-table .status--pending{color:#033246;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20.051px}.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 .trainee-info-container{display:flex;align-items:center;gap:11.5px}.training-requests .tr-table .trainee-info-container .avatar{width:60px;height:60px;border-radius:50%;margin-left:0;object-fit:cover}.training-requests .tr-table .trainee-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.training-requests .tr-table .trainee-info .trainee-info__name{color:#033246;text-align:right;font-size:16px;font-style:normal;font-weight:400;line-height:20.051px}.training-requests .tr-table .trainee-info .trainee-info__link{color:#03cddb;text-align:right;font-size:10px;font-style:normal;font-weight:400;line-height:20.051px}.training-requests .tr-table .actions{display:flex;gap:8px;justify-content:center}.training-requests .tr-table .actions .action-btn{background:none;border:none;cursor:pointer;width:40.993px;height:40.061px;flex-shrink:0;font-size:1rem;color:#4a6fa5;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:5px;border:1px solid #c4c4c4;background:#fff}.training-requests .tr-table .actions .action-btn svg path{fill:#4a6fa5}.profile-container{display:flex;flex-direction:column;gap:30px}.profile-container .header{display:flex;align-items:center;gap:30px}.profile-container .header .page-title{color:#253f74;font-family:Cairo;font-size:28px;font-weight:700;margin:0}.profile-container .profile-content{display:flex;gap:30px}@media only screen and (max-width: 720px){.profile-container .profile-content{flex-direction:column}}.profile-container .profile-content .profile-left{display:flex;flex-direction:column;gap:30px;flex:1}.profile-container .profile-content .profile-right{flex:2}.profile-container .loading-state,.profile-container .error-state{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#666}.profile-container .loading-state p,.profile-container .error-state p{margin:0}.profile-container .error-state{color:#e74c3c}.profile-card-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:20px}.profile-card-container .profile-header{display:flex;align-items:center;gap:20px}.profile-card-container .profile-header .profile-info{display:flex;flex-direction:column;gap:5px}.profile-card-container .profile-header .profile-info .profile-name{color:#253f74;font-family:Cairo;font-size:24px;font-weight:700;margin:0}@media only screen and (max-width: 720px){.profile-card-container .profile-header .profile-info .profile-name{font-size:19px}}.profile-card-container .profile-header .profile-info .profile-username{color:#666;font-family:Cairo;font-size:16px;margin:0}.profile-card-container .profile-header .profile-info .profile-specialization{color:#253f74;font-family:Cairo;font-size:18px;font-weight:600;margin:0}.profile-card-container .profile-bio h3{color:#253f74;font-family:Cairo;font-size:18px;font-weight:600;margin:0 0 10px}.profile-card-container .profile-bio p{color:#666;font-family:Cairo;font-size:14px;line-height:1.6;margin:0}.profile-card-container .profile-details{display:flex;flex-direction:column;gap:12px}.profile-card-container .profile-details .detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.profile-card-container .profile-details .detail-item:last-child{border-bottom:none}.profile-card-container .profile-details .detail-item .detail-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.profile-card-container .profile-details .detail-item .detail-value{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.profile-card-container .profile-details .detail-item .detail-value .verification-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:700}.profile-card-container .profile-details .detail-item .detail-value .verification-badge.verified{background-color:#10b981;color:#fff}.profile-card-container .profile-details .detail-item .detail-value .verification-badge.unverified{background-color:#f59e0b;color:#fff}.profile-card-container .loading-state{display:flex;justify-content:center;align-items:center;min-height:100px;color:#666}.profile-form-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:25px}.profile-form-container .form-title{color:#253f74;font-family:Cairo;font-size:24px;font-weight:700;margin:0}.profile-form-container .avatar-upload-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;border:2px dashed #e0e0e0;border-radius:12px;background-color:#f8f9fa}.profile-form-container .avatar-upload-section .avatar-preview{display:flex;justify-content:center}.profile-form-container .avatar-upload-section .avatar-upload-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-form-container .avatar-upload-section .avatar-upload-controls .upload-avatar-btn{background-color:#253f74;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.profile-form-container .avatar-upload-section .avatar-upload-controls .upload-avatar-btn:hover:not(:disabled){background-color:#1a2d5a}.profile-form-container .avatar-upload-section .avatar-upload-controls .upload-avatar-btn:disabled{background-color:#ccc;cursor:not-allowed}.profile-form-container .profile-form{display:flex;flex-direction:column;gap:20px}.profile-form-container .profile-form .form-row{display:flex;gap:20px}@media only screen and (max-width: 720px){.profile-form-container .profile-form .form-row{flex-direction:column}}.profile-form-container .profile-form .form-row .form-group{flex:1}.profile-form-container .profile-form .form-group{display:flex;flex-direction:column;gap:8px}.profile-form-container .profile-form .form-group label{color:#253f74;font-family:Cairo;font-size:14px;font-weight:600}.profile-form-container .profile-form .form-group .form-input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:Cairo;font-size:14px;color:#333;background-color:#fff;transition:border-color .3s ease}.profile-form-container .profile-form .form-group .form-input:focus{outline:none;border-color:#253f74}.profile-form-container .profile-form .form-group .form-input::placeholder{color:#999}.profile-form-container .profile-form .form-group .bio-textarea{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-family:Cairo;font-size:14px;color:#333;background-color:#fff;resize:vertical;min-height:100px;transition:border-color .3s ease}.profile-form-container .profile-form .form-group .bio-textarea:focus{outline:none;border-color:#253f74}.profile-form-container .profile-form .form-group .bio-textarea::placeholder{color:#999}.profile-form-container .profile-form .form-actions{display:flex;justify-content:flex-end;margin-top:10px}.profile-form-container .profile-form .form-actions .save-button{background-color:#253f74;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.profile-form-container .profile-form .form-actions .save-button:hover:not(:disabled){background-color:#1a2d5a}.profile-form-container .profile-form .form-actions .save-button:disabled{background-color:#ccc;cursor:not-allowed}.profile-stats-container{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:20px;box-shadow:-1px 3px 21.3px 5px var(--Color-Effect-Section, rgba(121, 128, 166, .07));gap:20px}.profile-stats-container .stats-title{color:#253f74;font-family:Cairo;font-size:20px;font-weight:700;margin:0;text-align:center}.profile-stats-container .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media only screen and (max-width: 720px){.profile-stats-container .stats-grid{grid-template-columns:1fr}}.profile-stats-container .stats-grid .stat-item{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f8f9fa;border-radius:12px;text-align:center;transition:transform .3s ease}.profile-stats-container .stats-grid .stat-item:hover{transform:translateY(-2px)}.profile-stats-container .stats-grid .stat-item .stat-value{color:#253f74;font-family:Cairo;font-size:28px;font-weight:700;margin-bottom:8px}.profile-stats-container .stats-grid .stat-item .stat-label{color:#666;font-family:Cairo;font-size:14px;font-weight:500}.consultant-card-container{display:flex;align-items:center;background:white;border-radius:20px;padding:20px;box-shadow:0 0 20px -3px #cbc7d580;cursor:pointer;transition:all .3s ease;min-height:100px;justify-content:flex-start;gap:15px}.consultant-card-container:hover{transform:translateY(-5px);box-shadow:0 5px 25px -3px #cbc7d5b3}.consultant-card-container .consultant-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.consultant-card-container .consultant-avatar .avatar-image{width:100%;height:100%;object-fit:cover}.consultant-card-container .consultant-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Cairo;font-size:24px;font-weight:700}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-1{background-color:#4fd1c5}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-2{background-color:#f56565}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-3{background-color:#ed8936}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-4{background-color:#ecc94b}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-5{background-color:#48bb78}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-6{background-color:#38b2ac}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-7{background-color:#4299e1}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-8{background-color:#9f7aea}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-9{background-color:#ed64a6}.consultant-card-container .consultant-avatar .avatar-placeholder.avatar-color-10{background-color:#a0aec0}.consultant-card-container .consultant-info{text-align:center;display:flex;flex-direction:column;gap:8px}.consultant-card-container .consultant-info .consultant-name{color:#253f74;font-family:Cairo;font-size:16px;font-weight:700;margin:0;line-height:1.2}.consultant-card-container .consultant-info .see-more-link{color:#7ea1c2;font-family:Cairo;font-size:14px;font-weight:400;margin:0;cursor:pointer;transition:color .3s ease}.consultant-card-container .consultant-info .see-more-link:hover{color:#4fd1c5}.consultants-list-container{padding:30px;min-height:100vh;background:#f8f9fa}.consultants-list-container .loading-state,.consultants-list-container .error-state,.consultants-list-container .no-data-state{display:flex;justify-content:center;align-items:center;min-height:400px;font-family:Cairo;font-size:18px;color:#7ea1c2;flex-direction:column;gap:12px}.consultants-list-container .no-data-state{width:70vw}.consultants-list-container .no-data-state .no-data-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%}.consultants-list-container .no-data-state .no-data-text{margin:0;text-align:center;color:#253f74;font-weight:600}.consultants-list-container .error-state{color:#f56565}.consultants-list-container .consultants-header{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px;background-color:#fff;padding:20px;box-shadow:0 0 20px -3px #cbc7d580;border-radius:15px}@media (max-width: 768px){.consultants-list-container .consultants-header{flex-direction:column;gap:20px;align-items:flex-start}}.consultants-list-container .consultants-header .header-actions{display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between}@media (max-width: 768px){.consultants-list-container .consultants-header .header-actions{flex-direction:column;gap:15px;align-items:stretch}}.consultants-list-container .consultants-header .header-actions .chat-btn{display:flex;align-items:center;gap:8px;background-color:#4fd1c5;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.consultants-list-container .consultants-header .header-actions .chat-btn:hover{background-color:#38a89d;transform:translateY(-2px)}.consultants-list-container .consultants-header .header-actions .chat-btn img{width:18px;height:18px}@media (max-width: 768px){.consultants-list-container .consultants-header .header-actions .chat-btn{justify-content:center}}.consultants-list-container .consultants-header .header-content .page-title{color:#253f74;font-family:Cairo;font-size:32px;font-weight:700;margin:0 0 15px;line-height:1.2}@media (max-width: 768px){.consultants-list-container .consultants-header .header-content .page-title{font-size:28px}}.consultants-list-container .consultants-header .header-content .page-subtitle{color:#7ea1c2;font-family:Cairo;font-size:16px;font-weight:400;margin:0;line-height:1.5;max-width:600px}@media (max-width: 768px){.consultants-list-container .consultants-header .header-content .page-subtitle{font-size:14px}}.consultants-list-container .consultants-header .filters-inputs .search-input-container{position:relative;min-width:300px;display:flex}@media (max-width: 768px){.consultants-list-container .consultants-header .filters-inputs .search-input-container{min-width:100%;width:100%}}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input{width:100%;padding:12px 45px 12px 20px;border:1px solid #969696;border-radius:10px;font-family:Cairo;font-size:14px;color:#253f74;background:#ffffff;transition:all .3s ease;outline:none}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input::placeholder{color:#969696;direction:rtl}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input:focus{border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c51a}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-input:hover{border-color:#969696}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-icon{position:absolute;left:15px;top:55%;transform:translateY(-50%);color:#969696;pointer-events:none;transition:color .3s ease}.consultants-list-container .consultants-header .filters-inputs .search-input-container .search-icon svg{width:20px;height:20px}.consultants-list-container .consultants-header .filters-inputs .search-input-container:focus-within .search-icon{color:#4fd1c5}.consultants-list-container .filters-section{margin-bottom:40px}.consultants-list-container .filters-section .filters-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;max-width:800px;margin:0 auto}.consultants-list-container .filters-section .filters-container .filter-item{flex:1;min-width:200px;max-width:250px}.consultants-list-container .consultants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto 40px}@media (max-width: 768px){.consultants-list-container .consultants-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width: 480px){.consultants-list-container .consultants-grid{grid-template-columns:1fr;gap:15px}}.consultants-list-container .pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.consultants-list-container .pagination .pagination-btn{background:#4fd1c5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:Cairo;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.consultants-list-container .pagination .pagination-btn:hover:not(:disabled){background:#38a89d;transform:translateY(-2px)}.consultants-list-container .pagination .pagination-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none}.consultants-list-container .pagination .pagination-info{color:#253f74;font-family:Cairo;font-size:14px;font-weight:500}.consultant-profile-container{padding:30px;min-height:100vh;background:#f8f9fa;flex-direction:column;gap:30px;display:flex;justify-content:center;align-items:flex-start}.consultant-profile-container .loading-state,.consultant-profile-container .error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;text-align:center}.consultant-profile-container .loading-state .loading-spinner,.consultant-profile-container .error-state .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4fd1c5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.consultant-profile-container .loading-state h2,.consultant-profile-container .error-state h2{color:#131f3c;margin-bottom:10px}.consultant-profile-container .loading-state p,.consultant-profile-container .error-state p{color:#535e76;margin-bottom:20px}.consultant-profile-container .loading-state .back-btn,.consultant-profile-container .error-state .back-btn{background-color:#4fd1c5;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.consultant-profile-container .loading-state .back-btn:hover,.consultant-profile-container .error-state .back-btn:hover{background-color:#167bdf}.consultant-profile-container .error-state{color:#f44336}.consultant-profile-container .profile-card{position:relative;background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #0000001a;width:100%;margin:0 auto}.consultant-profile-container .profile-card .row-content{display:flex;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-top{display:flex;align-items:center;gap:10px;flex-direction:column;height:100%;border-left:1px solid #c4c4c4;margin-left:20px;padding-left:20px}.profile-top .profile-avatar{flex-shrink:0}.profile-top .profile-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e3f2fd}.profile-top .profile-basic-info{flex:1}.profile-top .profile-basic-info .consultant-name{color:#555758;font-size:15px;font-weight:700;text-wrap:nowrap}.profile-top .profile-basic-info .consultant-specialty{color:#989ba1;text-align:center;font-size:10px}.bio-section{display:flex;flex-direction:column}.bio-section .bio-title{color:#555758;font-size:14px;font-weight:400;margin:0 0 15px}.bio-section .bio-text{color:#989ba1;line-height:1.6;margin:0 0 30px;font-size:10px;width:60%}.stats-section{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.stats-section .stat-item .stat-label{color:#033246;font-size:12px;font-weight:600;margin-bottom:8px;display:block}.stats-section .stat-item .stat-value{color:#033246;font-size:14px;font-weight:300}.action-section{display:flex;justify-content:flex-start;position:absolute;top:20px;left:20px}.action-section .start-chat-btn{background-color:#f4fbff;color:#3287d7;border:1px solid #3287d7;width:230px;height:38px;display:flex;justify-content:center;align-items:center;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.action-section .start-chat-btn:hover{background-color:#02b8c4}.message-list-container{display:flex;height:100vh;gap:30px;background-color:#f8f9fa;font-family:Arial,sans-serif}.message-list-container .loading-state,.message-list-container .error-state{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.message-list-container .loading-state p,.message-list-container .error-state p{font-size:16px;color:#535e76;font-weight:500}.message-list-container .error-state p{color:#e74c3c}.conversation-list,.chat-thread{display:flex;flex-direction:column;gap:12px;max-height:550px;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{max-width:70%;padding:10px 12px;border-radius:14px;box-shadow:0 1px 1px #0000000a}.chat-bubble.mine{background-color:#4fd1c5;color:#fff;border-top-right-radius:4px}.chat-bubble.theirs{background-color:#fff;color:#131f3c;border:1px solid #dedfe4;border-top-left-radius:4px}.chat-line-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.chat-line-sender{font-size:12px;font-weight:600}.chat-line-time{font-size:11px;color:#68758f}.chat-line-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message-files{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.message-files img{max-width:200px;border-radius:8px;display:block}.message-files .file-item a{color:#4fd1c5;text-decoration:underline}.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 #4fd1c5}.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:#4fd1c5;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-content .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#535e76;padding:20px;text-align:center}.message-content .empty-state img{width:100px;height:100px;opacity:.7}.message-content .empty-state p{margin:0;font-size:16px;font-weight:500;color:#535e76}.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}.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}.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}.message-actions{display:flex;gap:10px}.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:#4fd1c5;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:#4fd1c5;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:#4fd1c5}.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:#4fd1c5;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}}