:root{--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--primary-color: #0d9aa7;--secondary-color: #1e2f6b;--background-color: #f6f6f6;--gray-dark: #9297a0;--gray-light: #e8e8e8;--account-container-background: #f4f4f4;--white: #ffffff;--fs-small: .875rem;--fs-medium: 1rem;--fs-large: 1.3rem;--fs-xlarge: 1.8rem;--fs-xxlarge: clamp(2.8rem, 4.5vw, 4.2rem);--page-padding-x: 30px;--page-padding-y: 30px;--page-padding-top-no-header: 20px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 20px;--gap-xl: 30px;--gap-xxl: 40px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)}body{background-color:var(--background-color);color:var(--secondary-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px}select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;font-size:var(--fs-small);padding:12px;border-radius:var(--radius-md);border:1px solid var(--gray-light);position:relative;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;background-color:var(--white)!important;color:#000!important}input[type=date]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;font-size:var(--fs-small);padding:12px 40px 12px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-light);background-color:var(--white)!important;color:#000!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239297A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'></rect><line x1='16' y1='2' x2='16' y2='6'></line><line x1='8' y1='2' x2='8' y2='6'></line><line x1='3' y1='10' x2='21' y2='10'></line></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-year-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field{color:#000!important;background-color:#fff!important}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;appearance:none}@media(max-width:768px){:root{--fs-small: .8rem;--fs-medium: 1rem;--fs-large: 1.2rem;--fs-xlarge: 1.4rem;--fs-xxlarge: clamp(2.8rem, 4.5vw, 4.2rem);--page-padding-x: 16px;--page-padding-y: 16px;--page-padding-top-no-header: 12px}input,select,textarea{font-size:16px!important}}.centerLoading{height:90vh;display:flex;align-items:center;justify-content:center}.page{min-height:100svh;display:flex;flex-direction:column}.navbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 30px;border-bottom:1px solid rgba(0,0,0,.08);background-color:var(--white)}#logo{height:32px}.parent-content{width:100%;display:flex;justify-content:center}.content{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;min-height:calc(100svh - 84px);padding:100px 40px 80px;gap:200px}.left-section{max-width:700px;display:flex;flex-direction:column;gap:var(--gap-lg)}.left-section h1{font-size:var(--fs-xxlarge);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--secondary-color)}.left-section p{font-size:var(--fs-medium);line-height:1.6;max-width:520px;color:var(--gray-dark)}.badge{display:inline-flex;align-items:center;gap:var(--gap-sm);padding:8px 14px;border-radius:999px;background-color:#0ea7b61f;width:fit-content}.badge-dot{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 0 8px #0ea7b6cc}.badge-text{font-size:var(--fs-medium);font-weight:500;color:var(--primary-color)}.highlight{color:var(--primary-color)}.button-group{display:flex;justify-content:flex-end;align-items:center;gap:var(--gap-sm)}.docs-link{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;line-height:1;color:var(--secondary-color);text-decoration:none;font-size:var(--fs-medium);font-weight:500;border-radius:var(--radius-md);transition:background-color .2s,color .2s}.button-style{padding:12px 26px;border-radius:var(--radius-md);border:none;background-color:var(--secondary-color);color:var(--white);font-weight:600;font-size:var(--fs-medium);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button-style-2{padding:12px 26px;border-radius:var(--radius-md);border:none;background-color:transparent;color:var(--secondary-color);font-weight:600;font-size:var(--fs-medium);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button-style-2:hover{background-color:var(--secondary-color);color:var(--white);transition:.25s ease}.button-style,.button-style-2{padding:clamp(10px,1.2vw,14px) clamp(18px,2vw,24px);font-size:var(--fs-medium)}.hero-btn{padding:14px 32px;font-size:var(--fs-medium);border-radius:var(--radius-lg);box-shadow:0 10px 24px #2b355752;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm)}.hero-btn:hover{transform:translateY(-1px)}.btn-arrow{transition:transform .2s ease}.hero-btn:hover .btn-arrow{transform:translate(4px)}.right-section{display:flex;flex-direction:column;flex:1;gap:var(--gap-xl);max-width:900px;justify-content:center;margin-left:auto;margin-right:0}.card{display:flex;align-items:center;gap:var(--gap-lg);width:100%;max-width:900px;background-color:var(--white);padding:36px 40px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #00000014}.card-wrapper{display:flex;justify-content:flex-start}.card-wrapper.shifted{justify-content:flex-start;margin-left:-70px}.card-text{display:flex;flex-direction:column}.card h3{font-size:var(--fs-large);margin-bottom:4px;color:var(--secondary-color)}.card p{font-size:var(--fs-small);color:var(--gray-dark)}.icon-circle{width:48px;height:48px;border-radius:50%;background-color:#0ea7b626;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.icon-blue{background-color:#0ea7b626;color:var(--primary-color)}.icon-green{background-color:#22c55e33;color:#16a34a}.icon-yellow{background-color:#f59e0b40;color:#f59e0b}.stats{display:flex;gap:var(--gap-xl);margin-top:24px}.stat-item{display:flex;align-items:center;gap:var(--gap-md)}.stat-icon{width:36px;height:36px;border-radius:var(--radius-md);opacity:.9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-item strong{display:block;font-size:var(--fs-large);font-weight:700;color:var(--secondary-color);line-height:1.2}.stat-item span{font-size:var(--fs-small);color:#1e2f6b99}@media(max-width:867px){.navbar{padding:10 12px}.navbar .button-group{flex-direction:row;gap:var(--gap-sm);margin-left:auto}.navbar .button-style,.navbar .button-style-2{width:auto!important;padding:8px 14px;font-size:var(--fs-small);border-radius:999px;flex-shrink:0}.content{flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 16px;gap:var(--gap-xl)}.left-section{max-width:100%;align-items:center;text-align:center}.button-group{flex-direction:column;gap:var(--gap-md)}.content .button-style,.content .button-style-2{width:100%;padding:12px 16px;font-size:var(--fs-medium);border-radius:var(--radius-lg)}.right-section{width:100%;margin-left:0}.card{width:100%;padding:22px 20px;max-width:100%}.card-wrapper.shifted{margin-left:0}.icon-circle{width:42px;height:42px}.stats{flex-wrap:wrap;justify-content:center;gap:var(--gap-xl)}}@media(min-width:867px)and (max-width:1199px){.content{padding:80px 40px;gap:var(--gap-xl)}.left-section{max-width:520px}.right-section{width:100%;margin-left:0}.card{width:100%;max-width:560px}.card-wrapper.shifted{margin-left:0}}@media(min-width:1400px){.content{max-width:1600px;margin:0 auto}}.dashboardContainer{display:grid;grid-template:"sidebar header" "sidebar content";grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;height:100svh}.dashboardContainer.sidebar-collapsed{grid-template-columns:0px 1fr}@media(max-width:768px){.dashboardContainer{grid-template:"navbar" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr}.dashboardContainer.sidebar-collapsed{grid-template-columns:1fr}#Sidebar{grid-area:navbar;height:auto}#Header{display:none}#Content{grid-area:content;min-height:0;overflow-y:auto}}@media(min-width:769px){.dashboardContainer.sidebar-collapsed #Sidebar{border-right:none}}.sidebarContainer{border-right:1px solid var(--secondary-color);height:100svh;display:flex;flex-direction:column;align-items:center;padding:20px 0;width:100%;background-color:var(--secondary-color);overflow-y:auto}.sidebarLogoRow{width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:0 12px}.sidebarCollapseButton{display:none}.sidebarTop{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}.sidebarLogo{object-fit:contain;height:40px;width:auto;padding:0;display:block;margin-top:10px}.divider{width:100%;height:1px;background-color:var(--gray-dark);margin:29px 0 40px}.sidebarNav{display:flex;flex-direction:column;gap:var(--gap-xl);width:80%;flex:1;overflow-y:auto;padding-right:4px}.sidebarNav::-webkit-scrollbar{width:4px}.sidebarNav::-webkit-scrollbar-thumb{background-color:var(--gray-dark);border-radius:999px}.sidebarItem{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 12px;text-decoration:none;color:var(--white);border-radius:var(--radius-md);transition:all .2s}.sidebarItem.active{background:var(--primary-color);font-weight:600;width:100%}.sidebarIcon{font-size:var(--fs-small)}.sidebarBottom{width:100%}.divider-bottom{margin:30px 0 12px}.sidebarAccount{color:var(--white);padding:12px;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background-color .2s}.sidebarAccount:hover{background-color:#ffffff1a}.sidebarAccountContent{display:flex;align-items:center;gap:var(--gap-sm)}.sidebarAccountAvatar{width:42px;height:42px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.sidebarAccountAvatarImage{width:100%;height:100%;object-fit:cover}.sidebarAccountInfo{display:flex;flex-direction:column;gap:var(--gap-xs);flex:1;min-width:0}.sidebarAccountName{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.sidebarRoleBadge{display:inline-block;padding:2px 8px;border-radius:var(--radius-md);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.sidebarRoleBadge.hr{background-color:#3b82f6;color:#fff}.sidebarRoleBadge.employee{background-color:#10b981;color:#fff}.sidebarAccountDropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1000;min-width:180px;width:100%}.sidebarAccountDropdownItem{width:100%;padding:12px 16px;text-align:left;border:none;background:none;color:var(--gray-dark);font-size:14px;cursor:pointer;transition:background-color .2s}.sidebarAccountDropdownItem:hover{background-color:#0000000d}.sidebarAccountDropdownItem:first-child{border-bottom:1px solid rgba(0,0,0,.1)}.sidebarBurgerButton,.sidebarMenuDropdown{display:none}@media(max-width:768px){:root{--navbar-height: auto}.sidebarContainer{flex-direction:column;width:100%;height:auto;min-height:auto;padding:12px 16px;border-right:none;border-bottom:1px solid var(--secondary-color);gap:0}.sidebarTop{flex-direction:row;width:100%;align-items:center;gap:16px;min-width:0;justify-content:space-between;position:relative}.sidebarLogoRow{padding:0;justify-content:flex-start;position:static;width:auto}.sidebarLogo{width:auto;height:40px;padding:0;flex-shrink:0;order:1;margin-top:0}.divider,.sidebarNav{display:none}.sidebarBurgerButton{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--white);cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background-color .2s;order:2;flex-shrink:0}.sidebarBurgerButton:hover{background-color:#ffffff1a}.sidebarMenuDropdown{width:100%;margin-top:12px;background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1000;display:flex;flex-direction:column;gap:0}.sidebarMenuDropdownItem{display:flex;align-items:center;gap:var(--gap-sm);padding:12px 16px;text-decoration:none;color:var(--gray-dark);transition:background-color .2s;border-bottom:1px solid rgba(0,0,0,.05)}.sidebarMenuDropdownItem:last-child{border-bottom:none}.sidebarMenuDropdownItem:hover{background-color:#0000000d}.sidebarMenuDropdownItem.active{background-color:var(--primary-color);color:var(--white)}.sidebarMenuIcon{font-size:var(--fs-small)}.sidebarMenuText{font-size:14px;font-weight:500}.sidebarBottom{position:fixed;bottom:20px;left:20px;z-index:1000;width:auto}.sidebarAccount{padding:0;box-shadow:0 4px 12px #00000026;background-color:var(--secondary-color);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.sidebarAccount:hover{background-color:var(--secondary-color);transform:scale(1.05)}.sidebarAccountContent{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sidebarAccountInfo{display:none}.sidebarAccountAvatar{width:100%;height:100%;font-size:16px}.divider-bottom{display:none}.sidebarAccountDropdown{right:auto;min-width:180px;width:100%}}@media(min-width:769px){.sidebarCollapseButton{background:none;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:10px;top:-10px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:var(--white);cursor:pointer;padding:0;transition:background-color .15s ease,transform .1s ease}.sidebarCollapseButton:hover{background-color:#00000059;transform:translateY(-1px)}}.headerContainer{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;height:100px;border-bottom:1px solid rgba(0,0,0,.2);gap:10px}.headerContainer--toggleOnly{padding:12px 16px 0;height:auto;border-bottom:none;justify-content:flex-start}.headerLeft{min-width:0}.headerTitleRow{display:flex;align-items:center;gap:14px;min-width:0}.headerTextBlock{display:flex;flex-direction:column;gap:4px;min-width:0}.headerSidebarToggleButton{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 auto;flex-shrink:0;aspect-ratio:1 / 1;padding:0;line-height:0;border-radius:999px;border:1px solid rgba(0,0,0,.08);background-color:var(--white);color:var(--secondary-color);cursor:pointer;transition:transform .1s ease,box-shadow .15s ease;box-shadow:0 4px 10px #00000014}.headerSidebarToggleButton:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0000001f}.headerContainer h3{font-size:2.3rem;margin:0}.headerContainer p{font-size:var(--fs-medium);color:var(--gray-dark);margin-top:4px}.headerContainer .button-style{padding:10px;white-space:nowrap}@media(max-width:768px){.headerContainer{display:none}}.hr-dashboard-home{padding:var(--page-padding-x) var(--page-padding-y);display:flex;flex-direction:column;min-height:calc(100svh - 120px);flex:1}.hr-dashboard-home-header{display:flex;justify-content:space-between;align-items:stretch;gap:var(--gap-xl);flex-wrap:wrap}.hr-dashboard-home-header-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--gap-lg);background-color:var(--white);padding:20px;border-radius:var(--radius-md);position:relative;flex:1}.hr-dashboard-home-icon-label{display:flex;align-items:center;gap:var(--gap-md)}.hr-dashboard-home-icon-wrapper{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.hr-dashboard-home-header-item p{font-size:var(--fs-small);color:var(--gray-dark)}.hr-dashboard-home-header-item>span{color:var(--secondary-color);align-self:flex-start}.hr-dashboard-home-header-item .hr-dashboard-home-header-item-extra{font-size:var(--fs-small);color:var(--gray-dark);margin-left:5px}.hr-dashboard-home-header-item .loading-spinner{padding:0;justify-content:flex-start}.hr-dashboard-home-header-item .spinner{width:20px;height:20px;border-width:2px}.hr-dashboard-home-recent-section{margin-top:40px;flex:1;display:flex;flex-direction:column;min-height:0}.hr-dashboard-home-recent-referrals{background-color:transparent;border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:var(--gap-md);flex:1;min-height:0;overflow-y:auto}.hr-dashboard-home-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.hr-dashboard-home-recent-header h2{font-size:var(--fs-large);margin:0}.hr-dashboard-home-view-all{font-size:var(--fs-small);color:var(--secondary-color);text-decoration:none;cursor:pointer}.hr-dashboard-home-view-all:hover{text-decoration:underline}.hr-dashboard-home-recent-referrals .candidate{background-color:var(--white);padding:20px;border-radius:var(--radius-md);display:flex;flex-direction:column;width:100%;max-width:100%;gap:var(--gap-md);position:relative;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.hr-dashboard-home-recent-avatar-name{display:flex;align-items:center;gap:var(--gap-md);width:calc(100% - 150px)}.hr-dashboard-home-name-email{display:flex;align-items:center;gap:var(--gap-md);flex-wrap:wrap}.hr-dashboard-home-name-email .candidate-meta-item{margin:0}.hr-dashboard-home-recent-avatar{width:42px;height:42px;border-radius:50%;background-color:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-medium);flex-shrink:0}.hr-dashboard-home-recent-avatar-name-skeleton{display:flex;align-items:center;gap:var(--gap-md)}.candidate p{font-size:var(--fs-large);margin:0;font-weight:500;word-break:break-word;overflow-wrap:break-word}.candidate span{font-size:var(--fs-medium);word-break:break-word;overflow-wrap:break-word}.hr-dashboard-home-recent-referrals .candidate-meta-row{display:flex;flex-wrap:wrap;gap:var(--gap-lg);align-items:center;margin-left:58px;width:calc(100% - 200px);word-break:break-word;overflow-wrap:break-word}.hr-dashboard-home-name-email .candidate-meta-item .iconTextLabel{font-size:var(--fs-medium)}.candidate-meta-item{opacity:.7;word-break:break-word;overflow-wrap:break-word}.iconText{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;word-break:break-word;overflow-wrap:break-word}.iconTextLabel{word-break:break-word;overflow-wrap:break-word}.candidate .referral-details-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:8px 14px;border-radius:var(--radius-md);border:none;background-color:var(--primary-color);color:var(--white);font-size:var(--fs-small);cursor:pointer;width:fit-content}.referral-details-btn:hover{opacity:.9}.hr-dashboard-home-candidate-skeleton{background-color:var(--white);padding:20px;border-radius:var(--radius-md);display:flex;flex-direction:column;width:100%;gap:var(--gap-md);animation:hr-dashboard-home-skeleton-pulse 1.5s ease-in-out infinite;overflow:hidden;position:relative}.hr-dashboard-home-recent-avatar-skeleton{width:42px;height:42px;min-width:42px;border-radius:50%;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:hr-dashboard-home-skeleton-shimmer 1.5s infinite;flex-shrink:0}.hr-dashboard-home-skeleton-name{height:24px;width:200px;max-width:100%;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:hr-dashboard-home-skeleton-shimmer 1.5s infinite}.hr-dashboard-home-skeleton-meta-row{display:flex;flex-wrap:wrap;gap:var(--gap-md);align-items:center;margin-left:58px}.hr-dashboard-home-skeleton-text-small{height:16px;width:120px;max-width:100%;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:hr-dashboard-home-skeleton-shimmer 1.5s infinite}.hr-dashboard-home-skeleton-button{position:absolute;top:20px;right:20px;height:28px;width:120px;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:hr-dashboard-home-skeleton-shimmer 1.5s infinite}@keyframes hr-dashboard-home-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes hr-dashboard-home-skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.hr-dashboard-home-recent-avatar-name{width:100%}.hr-dashboard-home-recent-avatar{width:36px;height:36px;font-size:var(--fs-small)}.hr-dashboard-home-name-email{flex-direction:column;align-items:flex-start;gap:var(--gap-sm)}.hr-dashboard-home-recent-referrals .candidate-meta-row{margin-left:0;margin-top:var(--gap-sm);width:100%}.candidate .referral-details-btn{position:static;top:auto;right:auto;transform:none;align-self:center;margin-top:var(--gap-md)}.hr-dashboard-home-recent-avatar-skeleton{width:36px;height:36px}.hr-dashboard-home-skeleton-meta-row{margin-left:0;margin-top:var(--gap-sm)}.hr-dashboard-home-skeleton-name{width:150px}.hr-dashboard-home-skeleton-text-small{width:100px;min-width:80px}.hr-dashboard-home-skeleton-button{position:static;align-self:flex-start;margin-top:var(--gap-md);width:100%;max-width:200px}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:20px}.spinner{width:40px;height:40px;border:4px solid var(--gray-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.referralHr{overflow:auto;display:flex;flex-direction:column;min-height:calc(100svh - 120px);padding:var(--page-padding-x) var(--page-padding-y)}.referralHr h3{font-size:var(--fs-xlarge)}.referralSearchContainer{background-color:var(--gray-light);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-xl);padding:20px;margin:20px 0;border-radius:var(--radius-xl)}.selectContainer{display:flex;gap:var(--gap-lg);position:relative;flex-wrap:wrap}.referralSearchContainer .selectContainer .searchable-select{min-width:180px;width:fit-content!important}.referralSearchContainer .selectContainer .searchable-select-dropdown{left:0!important}.referralSearchContainer .selectContainer .searchable-select-trigger{padding:10px 12px;height:40px;font-size:var(--fs-small)}.referralSearchContainer .selectContainer .searchable-select-dropdown{max-height:500px;width:fit-content;max-width:400px}.referralSearchContainer .selectContainer .searchable-select-input{font-size:var(--fs-small);padding:4px 0}.referralSearchContainer .selectContainer .searchable-select-option{padding:14px 16px;font-size:var(--fs-small)}.referralSearchContainer input{padding:10px;border:none;border-radius:var(--radius-md);width:100%;min-width:200px;font-size:var(--fs-small);height:40px}.referralSearchContainer select{padding:10px;border:none;border-radius:var(--radius-md);min-width:150px;font-size:var(--fs-small);height:40px}.referralSearchContainer input[type=date]{height:40px;width:auto}.in-progress-filter{display:flex;align-items:center;font-size:var(--fs-small);color:var(--gray-dark);gap:var(--gap-sm)}.in-progress-filter input[type=checkbox]{width:14px;height:14px;min-width:14px}.referralSearchContainer input:focus,.referralSearchContainer select:focus{outline:none}.referralHr .allCandidates{display:flex;flex-wrap:wrap;gap:var(--gap-lg);margin-top:20px;align-items:stretch}.referralHr .candidate{background-color:#fff;padding:24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100%;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s ease,transform .2s ease;border:1px solid #f0f0f0}.referralHr .candidate:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.referralHr .candidate-header{display:flex;align-items:flex-start;gap:var(--gap-md);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.referralHr .hr-referrals-avatar{width:42px;height:42px;border-radius:50%;background-color:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-large);flex-shrink:0;box-shadow:0 2px 8px #0000001a}.referralHr .candidate-info{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--gap-sm);flex:1;min-width:0}.referralHr .candidate-name{font-size:var(--fs-large);font-weight:600;margin:0;line-height:1.3;word-break:break-word;overflow-wrap:break-word}.referralHr .candidate-email{display:flex;align-items:center;gap:8px;font-size:var(--fs-medium);color:var(--gray-dark);word-break:break-word;overflow-wrap:break-word;line-height:1.5}.referralHr .candidate-email span{flex:1;min-width:0}.referralHr .candidate-body{flex:1;margin-bottom:20px}.referralHr .candidate-details{display:flex;flex-direction:column;gap:var(--gap-md)}.referralHr .detail-item{display:flex;align-items:center;gap:12px;font-size:var(--fs-medium)}.referralHr .detail-item svg{color:var(--primary-color);flex-shrink:0}.referralHr .detail-label{font-weight:500;color:var(--gray-dark);min-width:80px;flex-shrink:0}.referralHr .detail-value{color:var(--gray-dark);flex:1;word-break:break-word;overflow-wrap:break-word}.referralHr .candidate-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);padding-top:16px;border-top:1px solid #f0f0f0;margin-top:auto}@media(min-width:768px){.referralHr .allCandidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(410px,1fr))}}.statusBadge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:var(--fs-small);font-weight:500;width:fit-content;white-space:nowrap}.status-confirmed{background-color:#e6f7ef;color:#1e7f4d}.status-interviewone,.status-interviewtwo{background-color:#fff4e5;color:#b26a00}.status-acceptance{background-color:#e8f0ff;color:#2f5fd0}.status-hired{background-color:#d4edda;color:#155724}.statusBadgeSecondary{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:var(--fs-small);font-weight:500;max-width:100%;white-space:normal;word-break:break-word;overflow-wrap:break-word}.referral-details-btn-style{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);text-decoration:none;font-size:var(--fs-small);font-weight:500;text-align:center;cursor:pointer;display:inline-block;width:fit-content;transition:all .2s ease;white-space:nowrap}.referral-details-btn-style:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.referralHr .candidate-skeleton{background-color:#fff;padding:24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;width:100%;min-height:100%;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;animation:skeleton-pulse 1.5s ease-in-out infinite}.referralHr .skeleton-card-left{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.referralHr .skeleton-card-right{display:flex;flex-direction:column;gap:var(--gap-md);flex:1}.referralHr .skeleton-name{height:24px;width:70%;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s infinite}.referralHr .skeleton-email{height:16px;width:85%;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s infinite}.referralHr .skeleton-badge{height:24px;width:100px;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:999px;animation:skeleton-shimmer 1.5s infinite}.referralHr .skeleton-text-small{height:16px;width:120px;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s infinite}.referralHr .skeleton-button{height:28px;width:120px;margin-top:8px;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s infinite}@media(max-width:768px){.allCandidates{grid-template-columns:1fr}.referralHr .hr-referrals-avatar{display:none}.referralHr .candidate-name{align-self:flex-start}.referralHr .candidate-details{gap:16px}.referralHr .detail-item{padding-bottom:12px;border-bottom:1px solid #f0f0f0}.referralHr .detail-item:last-child{border-bottom:none;padding-bottom:0}.candidate-footer{flex-direction:column;align-items:stretch}.referral-details-btn-style{width:100%}}@media(max-width:480px){.candidate{padding:16px}.referralHr .candidate-details .detail-item svg{display:none}.candidate-header{flex-direction:column;align-items:center;text-align:center}.detail-item{flex-wrap:wrap}.detail-label{min-width:auto;width:100%}}.searchable-select{position:relative;width:100%}.searchable-select-trigger{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--gray-light);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .2s}.searchable-select-trigger:hover:not(.disabled){border-color:var(--primary-color)}.searchable-select-trigger.disabled{opacity:.6;cursor:not-allowed}.searchable-select-value{flex:1;text-align:left;color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis}.searchable-select-placeholder{flex:1;text-align:left;color:var(--gray-dark)}.searchable-select-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.searchable-select-clear{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:var(--gray-dark);border-radius:4px;transition:background-color .2s}.searchable-select-clear:hover{background-color:var(--gray-light)}.searchable-select-chevron{color:var(--gray-dark);transition:transform .2s;flex-shrink:0}.searchable-select-chevron.open{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;max-height:400px;display:flex;flex-direction:column}.searchable-select-search{padding:12px;border-bottom:1px solid var(--gray-light);display:flex;align-items:center;gap:8px;background:var(--white);position:sticky;top:0;z-index:1}.searchable-select-search-icon{color:var(--gray-dark);flex-shrink:0}.searchable-select-input{flex:1;border:none;outline:none;font-size:var(--fs-small);color:var(--secondary-color);background:transparent}.searchable-select-input::placeholder{color:var(--gray-dark)}.searchable-select-options{overflow-y:auto;max-height:200px;flex:1}.searchable-select-option{padding:12px;cursor:pointer;transition:background-color .15s;color:var(--secondary-color);font-size:var(--fs-small);border-bottom:1px solid var(--gray-light)}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option:hover,.searchable-select-option.highlighted{background-color:var(--gray-light)}.searchable-select-option.selected{background-color:var(--primary-color);color:var(--white);font-weight:500}.searchable-select-option.selected:hover,.searchable-select-option.selected.highlighted{background-color:var(--primary-color);opacity:.9}.searchable-select-loading,.searchable-select-no-results{padding:20px;text-align:center;color:var(--gray-dark);font-size:var(--fs-small)}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:var(--gray-light)}.searchable-select-options::-webkit-scrollbar-thumb{background:var(--gray-dark);border-radius:3px}.searchable-select-options::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.normal-select{position:relative}.normal-select-trigger{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-light);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .2s;height:100%;font-size:var(--fs-small)}.normal-select-trigger:hover:not(.disabled){border-color:var(--primary-color)}.normal-select-trigger.disabled{opacity:.6;cursor:not-allowed}.normal-select-value{flex:1;text-align:left;color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis}.normal-select-placeholder{flex:1;text-align:left;color:var(--gray-dark)}.normal-select-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.normal-select-clear{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:var(--gray-dark);border-radius:4px;transition:background-color .2s}.normal-select-clear:hover{background-color:var(--gray-light)}.normal-select-chevron{color:var(--gray-dark);transition:transform .2s;flex-shrink:0}.normal-select-chevron.open{transform:rotate(180deg)}.normal-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;max-height:400px;display:flex;flex-direction:column}.normal-select-options{overflow-y:auto;max-height:400px;flex:1}.normal-select-option{padding:12px;cursor:pointer;transition:background-color .15s;color:var(--secondary-color);font-size:var(--fs-small);border-bottom:1px solid var(--gray-light)}.normal-select-option:last-child{border-bottom:none}.normal-select-option:hover,.normal-select-option.highlighted{background-color:var(--gray-light)}.normal-select-option.selected{background-color:var(--primary-color);color:var(--white);font-weight:500}.normal-select-option.selected:hover,.normal-select-option.selected.highlighted{background-color:var(--primary-color);opacity:.9}.normal-select-no-results{padding:20px;text-align:center;color:var(--gray-dark);font-size:var(--fs-small)}.normal-select-options::-webkit-scrollbar{width:6px}.normal-select-options::-webkit-scrollbar-track{background:var(--gray-light)}.normal-select-options::-webkit-scrollbar-thumb{background:var(--gray-dark);border-radius:3px}.normal-select-options::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.positionsHR{overflow:auto;display:flex;flex-direction:column;min-height:calc(100svh - 120px);padding:var(--page-padding-x) var(--page-padding-y)}.positionCardsContainer{display:flex;justify-content:space-between;gap:var(--gap-xl);width:100%;flex-wrap:wrap}.positionCards{display:flex;align-items:center;background-color:#fff;padding:20px 30px;gap:var(--gap-lg);width:20vw;min-width:260px;border-radius:var(--radius-xl);flex:1}.positionsIcon{background-color:var(--primary-color);border-radius:50%;padding:10px;display:flex;align-items:center}.positionCardsText p{font-size:var(--fs-small);color:var(--gray-dark);margin-bottom:5px}.positionCardsText span{display:block}.positionsStatSubtitle{font-size:var(--fs-small);color:var(--gray-dark);opacity:.8}.positionCardsText .loading-spinner{padding:0;display:flex;align-items:flex-start;justify-content:flex-start}.positionCardsText .spinner{width:20px;height:20px;border:2px solid var(--gray-light);border-top:2px solid var(--primary-color)}.positionsSearchContainer{background-color:var(--gray-light);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-xl);padding:20px;margin:20px 0;border-radius:var(--radius-xl)}.positionsSearchContainer input{padding:10px;border:none;border-radius:var(--radius-md);width:100%;min-width:200px;font-size:var(--fs-small);height:40px}.positionsSearchContainer select{padding:10px;border:none;border-radius:var(--radius-md);min-width:150px;font-size:var(--fs-small);height:40px}.positionsSearchContainer input:focus,.positionsSearchContainer select:focus{outline:none}.positionsTableContainer{background-color:#fff;padding:20px;border-radius:var(--radius-xl);font-size:var(--fs-medium);flex:1;display:flex;flex-direction:column;overflow:hidden}.tableHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:var(--gap-sm)}.positionsTable{width:100%;border-collapse:collapse}.positionsTableWrapper{flex:1;overflow-y:auto}.positionsTable th,.positionsTable td{text-align:left;padding:12px;border-bottom:1px solid var(--gray-light)}.positionsTable th{background-color:var(--gray-light)}.positionsTable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s;white-space:nowrap}.positionsTable th.sortable:hover{background-color:#e0e0e0}.positionsTable th.sortable .sort-icon{margin-left:6px;display:inline-block;vertical-align:middle;color:var(--gray-dark)}.positionsTable td button{border:none;background:none;cursor:pointer}.actions-cell{position:relative}.actions-button{border:none;background:none;cursor:pointer;font-size:18px;padding:4px 8px;color:var(--gray-dark)}.actions-button:hover{background:var(--gray-light);border-radius:var(--radius-sm)}.actions-dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;z-index:1000;min-width:150px;margin-top:4px}.actions-dropdown button{display:block;width:100%;padding:10px 16px;text-align:left;border:none;background:none;cursor:pointer;font-size:var(--fs-small);color:var(--gray-dark)}.actions-dropdown button:hover{background:var(--gray-light)}.actions-dropdown button:first-child{border-radius:8px 8px 0 0}.actions-dropdown button:last-child{border-radius:0 0 8px 8px}.switch{position:relative;display:inline-block;width:50px;height:24px;margin-right:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-dark);transition:.4s;border-radius:var(--radius-xl)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#1f9254}.switch input:checked+.slider:before{transform:translate(26px)}.statusWrapper{display:flex;align-items:center;gap:var(--gap-sm);justify-content:flex-start}.statusText{font-weight:500;width:50px;text-align:left}.skeleton-row{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:16px;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s infinite}.skeleton-status{height:24px;width:80px;background:linear-gradient(90deg,var(--gray-light) 25%,#e0e0e0 50%,var(--gray-light) 75%);background-size:200% 100%;border-radius:var(--radius-lg);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.position-confirm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.position-confirm-modal{background:var(--white);border-radius:14px;padding:32px;width:100%;max-width:500px;max-height:calc(100svh - 40px);box-shadow:0 20px 40px #0003;margin:auto;overflow-y:auto;box-sizing:border-box}.position-confirm-modal h3{margin-bottom:16px;color:var(--secondary-color);font-size:var(--fs-large)}.position-confirm-modal p{font-size:var(--fs-medium);color:var(--gray-dark);margin-bottom:24px;line-height:1.6}.position-confirm-modal p strong{color:var(--gray-dark);font-weight:600}.position-confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.position-confirm-cancel{background:transparent;border:1px solid var(--gray-light);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:var(--fs-medium);color:var(--gray-dark);transition:all .2s}.position-confirm-cancel:hover{background:var(--gray-light)}.position-confirm-submit{background:var(--secondary-color);color:var(--white);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:var(--fs-medium);transition:opacity .2s}.position-confirm-submit:hover{opacity:.9}@media(max-width:768px){.position-confirm-modal-overlay{padding:10px}.position-confirm-modal{max-width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:24px}.position-confirm-modal h3{font-size:var(--fs-large)}.position-confirm-modal p{font-size:.9rem}.position-confirm-modal-actions{flex-direction:column}.position-confirm-modal-actions button{width:100%}}.actions-dropdown .delete-action-button{color:#dc3545}.actions-dropdown .delete-action-button:hover{background-color:#fee!important;color:#c82333!important}.delete-confirm-input-wrapper{margin-bottom:24px}.delete-confirm-input{width:100%;padding:12px 16px;border:1px solid var(--gray-light);border-radius:8px;font-size:var(--fs-medium);color:var(--gray-dark);transition:border-color .2s;box-sizing:border-box}.delete-confirm-input:focus{outline:none;border-color:var(--secondary-color)}.delete-confirm-input::placeholder{color:var(--gray-dark);opacity:.5}.delete-submit-button{background:#dc3545!important}.delete-submit-button:hover:not(:disabled){background:#c82333!important;opacity:1}.delete-submit-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.modal-box{background:#fff;border-radius:var(--radius-lg);padding:20px;width:100%;max-width:500px;max-height:100svh;display:flex;flex-direction:column;position:relative;overflow:visible;box-sizing:border-box}.modal-close{position:absolute;right:16px;top:16px;background:none;border:none;cursor:pointer}.modal-body{flex:1;overflow-y:auto}.modal-form{display:flex;flex-direction:column;gap:14px}.modal-subtitle{font-size:.9rem;color:var(--gray-dark);margin-bottom:20px}.modal-box input,.modal-box select{width:100%;padding:8px 10px;margin-bottom:6px;border-radius:var(--radius-md);border:1px solid var(--gray-light)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--gap-md);margin-top:20px}.btn-primary{background:var(--primary-color);color:#fff;padding:10px 18px;border-radius:var(--radius-md);border:none}.btn-secondary{background:#2f3a5f;color:#fff;padding:10px 18px;border-radius:var(--radius-md);border:none}.modal-error{color:red;font-size:.85rem}.form-group{display:flex;flex-direction:column;gap:var(--gap-sm)}.modal-row{display:flex;gap:var(--gap-md)}.modal-row .form-group{flex:1}.form-group label{font-size:12px;font-weight:500;color:var(--gray-dark)}.dept-select{position:relative;width:100%}.dept-select-trigger{height:40px;border:1px solid var(--gray-light);border-radius:var(--radius-md);padding:0 12px;cursor:pointer;background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:14px}.dept-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--gray-light);border-radius:var(--radius-md);max-height:180px;overflow-y:auto;box-shadow:0 6px 16px #00000014;z-index:50}.dept-select-option{display:flex;align-items:center;gap:10px;line-height:1;padding:8px 12px;cursor:pointer;font-size:14px;color:var(--secondary-color)}.dept-select-option input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--primary-color)}.dept-select-option:hover{background:#f3f4f6}.dept-select-option.selected{background:#14b8a61f;color:var(--secondary-color)}.dept-select-arrow{font-size:14px;opacity:.6}@media(max-width:768px){.modal-overlay{padding:10px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.modal-box h2{font-size:var(--fs-large)}.modal-subtitle{font-size:.85rem}}.HRteam{overflow:auto;display:flex;flex-direction:column;min-height:calc(100svh - 120px);padding:var(--page-padding-x) var(--page-padding-y)}.pageHeader{margin-bottom:10px}.pageTitle{font-size:var(--fs-xlarge);font-weight:600;color:var(--secondary-color);margin:0}.pageSubtitle{font-size:var(--fs-small);color:var(--gray-dark);margin-top:4px}.cardsContainer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-xl);width:100%;margin-top:20px}.HRCards{display:flex;align-items:center;background-color:#fff;padding:20px 30px;gap:var(--gap-lg);width:20vw;min-width:220px;border-radius:var(--radius-xl);flex:1}.CardsIcon{background-color:var(--primary-color);border-radius:50%;padding:10px;display:flex;align-items:center}.HRCardsText p{font-size:var(--fs-small);color:var(--gray-dark);margin-bottom:5px}.HRCardsText .loading-spinner{padding:0;display:flex;align-items:flex-start;justify-content:flex-start}.HRCardsText .spinner{width:20px;height:20px;border:2px solid var(--gray-light);border-top:2px solid var(--primary-color)}.HRSearchContainer{background-color:var(--gray-light);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-xl);padding:20px;margin:20px 0;border-radius:var(--radius-xl)}.selectContainer{display:flex;gap:var(--gap-lg)}.searchInputWrapper{position:relative;flex:1}.HRSearchContainer input{padding:10px;border:none;border-radius:var(--radius-md);width:100%;min-width:200px;font-size:var(--fs-small);height:40px}.HRSearchContainer select{padding:10px;border:none;border-radius:var(--radius-md);min-width:150px;font-size:var(--fs-small);height:40px}.HRSearchContainer input:focus,.HRSearchContainer select:focus{outline:none}.HRTableContainer{background-color:#fff;padding:20px;border-radius:var(--radius-xl);font-size:var(--fs-medium);flex:1;display:flex;flex-direction:column;overflow:hidden}.tableHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:var(--gap-sm)}.tableHeaderActions{display:flex;gap:var(--gap-sm);align-items:center}.create-dept-btn{background:transparent;border:1px solid var(--gray-light);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--fs-small);cursor:pointer;color:var(--secondary-color);transition:background .15s ease,color .15s ease,border-color .15s ease}.create-dept-btn:hover{background:var(--secondary-color);color:var(--white);border-color:var(--secondary-color)}.tableHeader .title{font-size:var(--fs-large);font-weight:600;color:var(--secondary-color);letter-spacing:.2px}.HRteam .add-btn{background-color:var(--secondary-color);color:#fff;padding:12px 20px;border-radius:var(--radius-lg);border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #00000014}.HRteam .add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f;opacity:.95}.HRTable{width:100%;border-collapse:collapse;margin-top:12px}.HRTableWrapper{flex:1;overflow-y:auto}.HRTable th,.HRTable td{text-align:left;padding:12px;border-bottom:1px solid var(--gray-light)}.HRTable th{background-color:var(--gray-light)}.member-cell{display:flex;align-items:center;gap:var(--gap-md)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover}.member-info{display:flex;flex-direction:column}.member-info span{font-size:var(--fs-small);color:var(--gray-dark)}.icon-text{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--fs-small)}.phone-text{white-space:nowrap}.skeleton-row td{padding:14px}.skeleton-text{height:14px;width:100%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-text.short{width:120px}.skeleton-text.tiny{width:160px;height:12px;margin-top:6px}.skeleton-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.dept-cell{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.dept-toggle{background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-small);color:var(--secondary-color);font-weight:600}.dept-toggle:hover{text-decoration:underline}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dept-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dept-modal{background:var(--white);border-radius:14px;padding:32px;width:100%;max-width:450px;box-shadow:0 20px 40px #0003}.dept-modal h3{margin:0 0 8px;color:var(--secondary-color);font-size:var(--fs-large);font-weight:600}.dept-modal-subtitle{margin:0 0 24px;font-size:var(--fs-small);color:var(--gray-dark);line-height:1.5}.dept-modal-input{width:100%;padding:12px 16px;border:1px solid var(--gray-light);border-radius:var(--radius-md);font-size:var(--fs-medium);margin-bottom:12px;box-sizing:border-box}.dept-modal-input:focus{outline:none;border-color:var(--secondary-color)}.dept-modal-error{margin:0 0 16px;color:#dc2626;font-size:var(--fs-small)}.dept-modal-actions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.dept-modal-cancel{background:transparent;border:1px solid var(--gray-light);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-medium);color:var(--gray-dark);transition:background .2s}.dept-modal-cancel:hover{background:var(--gray-light)}.dept-modal-submit{background:var(--secondary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-medium);transition:opacity .2s}.dept-modal-submit:hover:not(:disabled){opacity:.9}.dept-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dept-modal{max-width:calc(100% - 40px);padding:24px}.dept-modal-actions{flex-direction:column}.dept-modal-actions button{width:100%}.tableHeaderActions{flex-wrap:wrap}}.employeeDashboardContainer{display:grid;grid-template:"sidebar header" "sidebar content";grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;height:100svh}#Sidebar{grid-area:sidebar;height:100svh;overflow:hidden;min-width:0}#Header{grid-area:header}#Content{grid-area:content;overflow-y:auto}.employeeDashboardContainer.sidebar-collapsed{grid-template-columns:0px 1fr}@media(max-width:768px){.employeeDashboardContainer{grid-template:"navbar" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr}.employeeDashboardContainer.sidebar-collapsed{grid-template-columns:1fr}#Sidebar{grid-area:navbar;height:auto}#Header{display:none}#Content{grid-area:content;min-height:0;overflow-y:auto}}@media(min-width:769px){.employeeDashboardContainer.sidebar-collapsed #Sidebar{border-right:none}}.login-page{min-height:100svh;height:100svh;display:flex;overflow-y:auto;overflow-x:hidden}.login-left{padding:64px;display:flex;flex-direction:column;justify-content:center;background-color:var(--background-color);flex:1;min-height:100svh;overflow-y:auto}.logo_login{width:180px;margin-bottom:32px}.login-left h1{font-size:var(--fs-xxlarge);font-weight:600;margin-bottom:6px;color:var(--secondary-color)}.login-subtitle{font-size:var(--fs-large);color:var(--gray-dark);margin-bottom:60px}.login-left form{display:flex;flex-direction:column;gap:var(--gap-lg);margin-top:-12px}.field-login{display:flex;flex-direction:column;gap:var(--gap-xs)}.field-login label{font-size:var(--fs-small);color:var(--secondary-color)}.input-icon-login{position:relative;display:flex;align-items:center;gap:var(--gap-sm);height:55px;padding:0 12px;border:1px solid var(--gray-light);border-radius:var(--radius-md);background-color:var(--white)}.input-icon-login input{width:100%;border:none;outline:none;background:transparent;font-size:var(--fs-medium);color:var(--secondary-color)}.input-icon-login input::placeholder{color:var(--gray-dark);opacity:1}.eye{cursor:pointer;color:var(--gray-dark)}.eye:hover{color:var(--secondary-color)}.password-row{display:flex;justify-content:space-between;align-items:center}.forgot-password-inline{font-size:var(--fs-small);color:var(--primary-color);text-decoration:none;font-weight:500}.forgot-password-inline:hover{text-decoration:underline}.btn-login{margin-top:8px;height:44px;border-radius:var(--radius-md);border:none;background-color:var(--primary-color);color:var(--white);font-size:var(--fs-medium);font-weight:500;cursor:pointer}.btn-login:hover{opacity:.95}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:28px;font-size:var(--fs-medium);text-align:center;color:var(--secondary-color)}.login-footer a{margin-left:4px;color:var(--primary-color);font-weight:500;text-decoration:none}.login-message{margin-bottom:16px;font-size:var(--fs-small);color:var(--primary-color)}.login-right{display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));flex:1;color:var(--white)}.login-right-content{text-align:center;max-width:420px}.login-right-icon{margin-bottom:20px}.login-right h2{font-size:var(--fs-xlarge);font-weight:700;margin-bottom:10px}.login-right p{font-size:var(--fs-medium);line-height:1.5;opacity:.9}.login-stats{margin-top:40px;display:flex;gap:var(--gap-xxl);justify-content:center}.login-stat{display:flex;flex-direction:column;align-items:center}.login-stat-number{font-size:var(--fs-xlarge);font-weight:600;color:var(--white)}.login-stat-label{font-size:var(--fs-small);opacity:.85;margin-top:4px}@media(max-width:768px){.login-page{flex-direction:column}.login-right{display:none}.login-left{padding:32px}}.register-page{min-height:100svh;height:100svh;display:flex;overflow-y:auto;overflow-x:hidden}.register-left{padding:80px;background:linear-gradient(to top,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;flex-direction:column;justify-content:center;flex:1;min-height:100svh;overflow-y:auto}.register-left h1{font-size:var(--fs-xlarge);margin-bottom:1rem}.register-left p{max-width:420px;margin-bottom:2rem;font-size:var(--fs-medium);line-height:1.6}.features{list-style:none}.features li{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:1rem;font-size:var(--fs-medium)}.register-right{display:flex;align-items:flex-start;justify-content:center;background:var(--background-color);padding:40px 0;overflow-y:auto;overflow-x:hidden;flex:2}.form-card{width:60%}.logo{width:180px;height:auto;margin-bottom:24px;margin-top:24px}.form-card h2{font-size:var(--fs-xxlarge);margin-bottom:6px}.subtitle{color:var(--gray-dark);font-size:var(--fs-large);margin-bottom:24px}form{display:flex;flex-direction:column;gap:var(--gap-lg)}.row{display:flex;gap:var(--gap-lg);flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:var(--gap-xs);width:100%;flex:1;min-width:220px}.field input,.field select{width:100%;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--gray-light);font-size:var(--fs-medium);color:var(--secondary-color);background-color:var(--white)}.field input:focus,.field select:focus{outline:none;border-color:var(--primary-color)}label{font-size:var(--fs-small)}input::placeholder,select::placeholder{color:var(--gray-dark);opacity:1}.input-icon{position:relative;display:flex;align-items:center;gap:var(--gap-sm);border:1px solid var(--gray-light);border-radius:var(--radius-md);padding:0 12px;background-color:#fff}.input-icon input,.input-icon select{border:none;outline:none;width:100%;padding:10px 0;font-size:var(--fs-medium)}.eye{position:absolute;right:12px;cursor:pointer;color:var(--gray-dark)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-textfield-decoration-container{visibility:hidden}.register-right .register-btn{margin-top:8px;padding:14px;border-radius:var(--radius-md);border:none;background:var(--primary-color);color:var(--white);font-size:var(--fs-medium);cursor:pointer}.footer-text{margin-top:18px;margin-bottom:22px;font-size:var(--fs-medium);text-align:center}.footer-text a{color:var(--primary-color);text-decoration:none}.message{margin-bottom:12px;font-size:var(--fs-small);color:var(--primary-color)}@media(max-width:768px){.register-page{flex-direction:column}.register-left{display:none}.register-right{flex:none;padding:24px}.form-card{width:100%}.logo{width:140px}}.verify-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);padding:24px}.verify-card{width:100%;max-width:420px;padding:48px;background-color:var(--white);border-radius:var(--radius-lg);text-align:center}.verify-message{font-size:var(--fs-medium);font-weight:500;color:var(--primary-color);line-height:1.5}@media(max-width:480px){.verify-card{padding:32px}.verify-message{font-size:var(--fs-medium)}}.signup-verification-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);padding:24px}.signup-verification-card{width:100%;max-width:420px;padding:48px;background-color:var(--white);border-radius:var(--radius-lg);text-align:center}.signup-verification-message{font-size:var(--fs-medium);font-weight:500;color:var(--secondary-color);line-height:1.5}@media(max-width:480px){.signup-verification-card{padding:32px}.signup-verification-message{font-size:var(--fs-medium)}}.forgot-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--background-color)}.forgot-card{width:100%;max-width:420px;padding:48px;background-color:var(--white);border-radius:var(--radius-lg)}.forgot-logo{width:140px;margin-bottom:32px}.forgot-card h2{font-size:var(--fs-xlarge);font-weight:600;margin-bottom:8px;color:var(--secondary-color)}.forgot-subtitle{font-size:var(--fs-medium);color:var(--gray-dark);margin-bottom:28px;line-height:1.5}.forgot-message{margin-bottom:16px;font-size:var(--fs-medium);color:var(--primary-color)}.forgot-card form{display:flex;flex-direction:column;gap:var(--gap-lg)}.forgot-field{display:flex;flex-direction:column;gap:var(--gap-xs)}.forgot-field label{font-size:var(--fs-small);color:var(--secondary-color)}.forgot-input-icon{display:flex;align-items:center;gap:var(--gap-sm);height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:var(--radius-md);background-color:var(--white)}.forgot-input-icon input{width:100%;border:none;outline:none;background:transparent;font-size:var(--fs-medium);color:var(--secondary-color)}.forgot-input-icon input::placeholder{color:var(--gray-dark);opacity:1}.forgot-btn{height:44px;border-radius:var(--radius-md);border:none;background-color:var(--primary-color);color:var(--white);font-size:var(--fs-medium);font-weight:500;cursor:pointer}.forgot-btn:hover{opacity:.95}.forgot-btn:disabled{opacity:.7;cursor:not-allowed}.forgot-footer{margin-top:28px;text-align:center;font-size:var(--fs-medium)}.forgot-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}@media(max-width:480px){.forgot-card{padding:32px}}.reset-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--background-color)}.reset-card{width:100%;max-width:420px;padding:48px;background-color:var(--white);border-radius:var(--radius-lg)}.reset-title{font-size:var(--fs-xlarge);font-weight:600;margin-bottom:8px;color:var(--secondary-color)}.reset-subtitle{font-size:var(--fs-medium);color:var(--gray-dark);margin-bottom:28px;line-height:1.5}.reset-message{margin-bottom:16px;font-size:var(--fs-medium);color:var(--primary-color)}.reset-form{display:flex;flex-direction:column;gap:var(--gap-lg)}.reset-field{display:flex;flex-direction:column;gap:var(--gap-xs)}.reset-field label{font-size:var(--fs-small);color:var(--secondary-color)}.reset-field input{height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:var(--fs-medium);color:var(--secondary-color);background-color:var(--white)}.reset-field input::placeholder{color:var(--gray-dark);opacity:1}.reset-field input:focus{outline:none;border-color:var(--primary-color)}.reset-btn{margin-top:8px;height:44px;border-radius:var(--radius-md);border:none;background-color:var(--primary-color);color:var(--white);font-size:var(--fs-medium);font-weight:500;cursor:pointer}.reset-btn:hover{opacity:.95}.reset-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.reset-card{padding:32px}}.confirm-referral-container{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.confirm-referral-center{text-align:center;flex-direction:column;gap:16px}.confirm-referral-center p{font-size:var(--fs-medium);color:var(--gray-dark);margin:0}.emp-dashboard-home{padding:var(--page-padding-x) var(--page-padding-y);display:flex;flex-direction:column;gap:var(--gap-xl)}.emp-dashboard-stats{display:flex;gap:var(--gap-xl);flex-wrap:wrap;flex:1;min-width:0}.emp-dashboard-stat{background:var(--white);padding:20px;border-radius:var(--radius-md);flex:1;display:flex;flex-direction:column;gap:var(--gap-lg)}.emp-dashboard-stat .loading-spinner{padding:0;margin:0;align-items:center}.emp-dashboard-stat .spinner{width:20px;height:20px;border-width:2px}.emp-stat-header{display:flex;align-items:center;gap:var(--gap-md)}.emp-icon{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.emp-dashboard-stat p{font-size:var(--fs-small);color:var(--gray-dark)}.emp-stat-value{color:var(--secondary-color);display:inline-flex;align-items:center;gap:6px}.emp-extra{font-size:var(--fs-small);color:var(--gray-dark)}.emp-dashboard-sections{display:flex;gap:var(--gap-xl);flex-wrap:wrap}.emp-dashboard-section{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:var(--gap-md)}.emp-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.emp-section-header h2{font-size:var(--fs-large)}.emp-section-header a{font-size:var(--fs-small);color:var(--secondary-color);text-decoration:none}.emp-referral-card,.emp-position-card{background:var(--white);padding:20px 16px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-lg);min-height:80px}.emp-position-card{justify-content:flex-start;gap:var(--gap-md)}.emp-referral-left{display:flex;gap:var(--gap-md);align-items:center;max-width:360px;min-width:0}.emp-referral-left,.emp-card-right{flex:1 1 auto}.emp-referral-info{display:flex;flex-direction:column;gap:2px;min-width:0}.emp-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600}.emp-name{font-size:var(--fs-medium);white-space:normal}.emp-meta{display:flex;align-items:center;gap:4px;font-size:var(--fs-small);color:var(--gray-dark)}.emp-meta svg{display:block}.emp-meta-text{line-height:1}.emp-card-right{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;gap:8px}.emp-referral-details-btn{padding:8px 14px;border-radius:var(--radius-md);border:none;background-color:var(--primary-color);color:var(--white);font-size:var(--fs-small);cursor:pointer;white-space:nowrap}.emp-referral-details-btn:hover{opacity:.9}.emp-position-card .emp-name{max-width:260px}.emp-skeleton-card{background:var(--white);padding:16px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);animation:emp-skeleton-pulse 1.5s ease-in-out infinite}.emp-skeleton-left{display:flex;align-items:center;gap:var(--gap-md);flex:1}.emp-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:emp-skeleton-shimmer 1.5s infinite}.emp-skeleton-lines{display:flex;flex-direction:column;gap:6px;flex:1}.emp-skeleton-line{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:emp-skeleton-shimmer 1.5s infinite}.emp-skeleton-line.large{width:60%;height:18px}.emp-skeleton-line.small{width:40%}.emp-skeleton-button{width:110px;height:32px;border-radius:var(--radius-md);background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:emp-skeleton-shimmer 1.5s infinite}@keyframes emp-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes emp-skeleton-pulse{0%,to{opacity:1}50%{opacity:.75}}@media(max-width:640px){.emp-card-right{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;align-items:flex-end;gap:8px}}.referrals-container{padding:var(--page-padding-x) var(--page-padding-y);min-height:calc(100svh - 120px);display:flex;flex-direction:column}.referrals-header h1{font-size:var(--fs-xlarge);margin-bottom:1rem}.referrals-list{display:flex;flex-direction:column;gap:var(--gap-lg)}.loading-state{margin:40px 0;text-align:center;font-size:var(--fs-medium);color:var(--gray-dark)}.referrals-filters{background-color:var(--gray-light);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-xl);padding:20px;margin:20px 0;border-radius:var(--radius-xl)}.selectCon{display:flex;gap:var(--gap-lg);flex-wrap:wrap}.searchInWrap{position:relative;flex:1}.referrals-filters input{padding:10px;border:none;border-radius:var(--radius-md);width:100%;min-width:180px;font-size:var(--fs-small);height:40px}.searchIcon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-dark);pointer-events:none}.referrals-filters select{padding:10px;border:none;border-radius:var(--radius-md);min-width:150px;font-size:var(--fs-small);height:40px}.referrals-filters input[type=date]{height:40px;width:180px;flex-shrink:0}.referrals-filters input:focus,.referrals-filters select:focus{outline:none}.results-info{font-size:var(--fs-small);color:var(--gray-dark);margin-bottom:1rem}.referral-card{background:var(--white);border-radius:var(--radius-lg);padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden}.referral-left{display:flex;gap:var(--gap-md);overflow:hidden;text-overflow:ellipsis}.avatar{width:42px;height:42px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600}.referral-info{display:flex;flex-direction:column;gap:var(--gap-xs)}.referral-info h3{font-size:var(--fs-medium)}.email{font-size:var(--fs-small);color:var(--gray-dark)}.role{font-size:var(--fs-small);margin-bottom:.6rem}.progress{display:flex;gap:var(--gap-sm);font-size:.75rem}.progress span{padding:.25rem .6rem;border-radius:999px;background:var(--gray-light);color:var(--gray-dark)}.progress .done{background:#e6f6f7;color:var(--primary-color)}.progress .active{background:var(--primary-color);color:var(--white)}.timeline{display:flex;align-items:center;flex-wrap:wrap;gap:0}.referral-right{display:flex;justify-content:flex-end;margin-left:auto;margin-top:10px}.date{display:block;font-size:var(--fs-small);color:var(--gray-dark);margin-bottom:.5rem}.details-btn{background:var(--secondary-color);color:var(--white);border:none;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small)}.meta{display:flex;align-items:center;gap:var(--gap-md) var(--gap-xl);font-size:var(--fs-small);color:var(--gray-dark);margin:12px 0 8px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--gap-xs)}.status-badge-secondary{display:inline-block;padding:4px 10px;border-radius:999px;font-size:var(--fs-small);font-weight:500;width:fit-content;margin-top:4px}.status-badge-accepted{background-color:#d4edda;color:#155724}.status-badge-accepted-other{background-color:#fff3cd;color:#856404}.status-badge-in-progress{background-color:#e2e3e5;color:#383d41}.pagination button{min-width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--secondary-color);cursor:pointer;font-size:var(--fs-small)}.pagination button:hover{background:var(--primary-color);color:#fff}.pagination .active{background:var(--secondary-color);color:var(--white)}.pagination .nav{padding:0 8px;cursor:pointer;color:var(--gray-dark)}.pagination .dots{padding:0 6px}@media(max-width:768px){.pagination button:not(.nav):not(.active){display:none}.pagination .dots{display:none}}.apply-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);height:40px}.apply-btn:hover{opacity:.9}.referral-card-skeleton{background:var(--white);border-radius:var(--radius-lg);padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.referral-card-skeleton .referral-left{display:flex;gap:var(--gap-md)}.referral-card-skeleton .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;flex-shrink:0}.referral-card-skeleton .referral-info{display:flex;flex-direction:column;gap:var(--gap-xs)}.referral-card-skeleton .referral-info h3{width:180px;max-width:100%;height:24px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);margin:0}.referral-card-skeleton .meta{display:flex;gap:var(--gap-md) var(--gap-xl);font-size:var(--fs-small);flex-wrap:wrap;margin:12px 0 8px}.referral-card-skeleton .meta-item{width:140px;max-width:100%;height:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);display:block}.referral-card-skeleton .timeline-wrapper{display:flex;align-items:center;gap:var(--gap-md);margin-top:8px;flex-wrap:wrap}.referral-card-skeleton .timeline{display:flex;align-items:center;flex-wrap:wrap;gap:0}.referral-card-skeleton .step{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);min-width:70px}.referral-card-skeleton .step .icon{width:22px;height:22px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.referral-card-skeleton .step .label{width:50px;height:10px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);display:block}.referral-card-skeleton .line{height:2px;width:30px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.referral-card-skeleton .referral-right{display:flex;justify-content:flex-end;margin-top:10px}.referral-card-skeleton .details-btn{width:120px;height:36px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@media(max-width:768px){.timeline .step:not(.active){display:none}.timeline .line{display:none}.timeline .step.active{display:flex}}.positions-container{padding:var(--page-padding-x) var(--page-padding-y);display:flex;flex-direction:column;min-height:calc(100svh - 120px);overflow:hidden}.positions-header h1{margin-bottom:6px;font-size:var(--fs-xlarge);overflow:hidden;text-overflow:ellipsis}.positions-header p{color:var(--gray-dark);margin-bottom:24px;overflow:hidden;text-overflow:ellipsis}.positions-list{display:flex;flex-direction:column;gap:var(--gap-lg)}.position-card{background:#fff;border-radius:var(--radius-lg);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-md);overflow:hidden}.left{display:flex;gap:var(--gap-md);overflow:hidden}.avatar{width:42px;height:42px;border-radius:50%;background:#18b7be;color:#fff;display:flex;align-items:center;justify-content:center}.info{overflow:hidden;flex:1}.info h3{font-size:var(--fs-meduim);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:var(--gap-md) var(--gap-xl);font-size:var(--fs-small);color:#6b7280;flex-wrap:wrap;overflow:hidden;width:100%}.meta span{display:flex;align-items:center;gap:var(--gap-xs);min-width:0;overflow:hidden}.meta span svg{flex-shrink:0}.meta-text{overflow:hidden;text-overflow:ellipsis}.details-btn{background:#18b7be;color:#fff;border-radius:var(--radius-md);padding:10px 25px;margin-left:auto}.pagination{margin-top:auto;padding:1.5rem 0;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);font-size:var(--fs-small);color:var(--gray-dark)}.pagination button{border:none;background:transparent;padding:6px 10px;cursor:pointer;color:#374151}.pagination .active{background:#374151;color:#fff;border-radius:var(--radius-sm)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .dots{cursor:default;opacity:.6}.position-card.skeleton{background:#fff;border-radius:var(--radius-lg);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-md)}.position-card.skeleton .left{display:flex;gap:var(--gap-md)}.position-card.skeleton .avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;flex-shrink:0}.position-card.skeleton .info{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.position-card.skeleton .info h3{width:200px;max-width:100%;height:20px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);margin:0}.position-card.skeleton .meta{display:flex;gap:var(--gap-md) var(--gap-xl);flex-wrap:wrap}.position-card.skeleton .meta span{width:120px;max-width:100%;height:14px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);display:block}.position-card.skeleton .details-btn{width:120px;height:36px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md);margin-left:auto}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.employeeSubmit{max-width:1000px;margin:var(--page-padding-top-no-header) auto 40px;display:flex;flex-direction:column;padding:0 20px;overflow:hidden}.employeeSubmit-card{background:var(--white);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.employeeSubmit-card:last-of-type{flex:1;display:flex;flex-direction:column}.employeeSubmit-select{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--gray-light)}.employeeSubmit-formGrid{display:flex;flex-wrap:wrap;gap:var(--gap-lg);flex:1}.employeeSubmit-input{padding:12px;border-radius:8px;border:1px solid var(--gray-light)}.employeeSubmit-card .searchable-select-dropdown{width:100%}.employeeSubmit-upload{margin-top:20px;padding:30px;text-align:center;border:2px dashed var(--gray-light);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-dark);overflow:hidden}.employeeSubmit-upload p{overflow:hidden;text-overflow:ellipsis}.employeeSubmit-actions{display:flex;justify-content:flex-end;gap:var(--gap-lg);flex-wrap:wrap}.employeeSubmit-reset{background:var(--secondary-color);color:var(--white);border:none}.employeeSubmit-submit{background:var(--primary-color);color:var(--white);border:none}.employeeSubmit-submit:hover{opacity:.92}.employeeSubmit-reset,.employeeSubmit-submit{padding:14px 26px;font-size:var(--fs-meduim);font-weight:600;border-radius:var(--radius-md);min-width:140px;cursor:pointer}.employeeSubmit h2{font-size:var(--fs-xlarge);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit>p{color:var(--gray-dark);margin-bottom:28px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit h4{margin-bottom:6px;font-size:var(--fs-large);overflow:hidden;text-overflow:ellipsis}.employeeSubmit-card p{font-size:var(--fs-small);color:var(--gray-dark);margin-bottom:16px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-filePreview{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);color:var(--secondary-color);font-size:.95rem;overflow:hidden;width:100%}.employeeSubmit-fileIcon{font-size:1.4rem}.employeeSubmit-fileName{max-width:260px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-removeFile{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--gray-dark)}.employeeSubmit-removeFile:hover{color:red}.employeeSubmit-modalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.employeeSubmit-modal{background:var(--white);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:420px;max-height:calc(100svh - 40px);box-shadow:0 20px 40px #0003;margin:auto;overflow-y:auto;box-sizing:border-box}.employeeSubmit-modal h3{margin-bottom:10px;color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis}.employeeSubmit-modal p{font-size:.95rem;color:var(--gray-dark);margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-modalActions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.employeeSubmit-cancel{background:transparent;border:1px solid var(--gray-light);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer}.employeeSubmit-confirm{background:var(--secondary-color);color:var(--white);border:none;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer}.employeeSubmit-confirm:hover{opacity:.9}@media(max-width:768px){.employeeSubmit-modalOverlay{padding:10px}.employeeSubmit-modal{max-width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:20px}.employeeSubmit-modal h3{font-size:var(--fs-large)}.employeeSubmit-modal p{font-size:.9rem}.employeeSubmit-modalActions{flex-direction:column}.employeeSubmit-modalActions button{width:100%}}.successText{color:green;margin-top:10px;font-size:.95rem;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-field{display:flex;flex-direction:column;flex:1 1 calc(50% - var(--gap-lg) / 2);min-width:200px}.errorText{font-size:.75rem;color:#d32f2f;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-feedback{margin-top:24px;padding:14px 18px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:var(--gap-sm);animation:fadeSlideIn .25s ease;overflow:hidden}.employeeSubmit-feedback>*{overflow:hidden;text-overflow:ellipsis}.employeeSubmit-feedback.success{background:#e6f4ea;color:#1e7e34;border:1px solid #b7e1c1}.employeeSubmit-feedback.error{background:#fdecea;color:#b3261e;border:1px solid #f5c6cb}.employeeSubmit-title{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--fs-large);overflow:hidden;min-width:0}.employeeSubmit-title>*:not(svg){overflow:hidden;text-overflow:ellipsis}.employeeSubmit-titleIcon{color:var(--primary-color)}.employeeSubmit-uploadIcon{color:var(--gray-dark);margin-bottom:6px}.employeeSubmit-label{font-size:var(--fs-small);font-weight:500;color:var(--secondary-color);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-label span{color:var(--secondary-color)}.employeeSubmit-detailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}@media(max-width:768px){.employeeSubmit-detailsGrid{grid-template-columns:1fr}}.employeeSubmit-detailItem{display:flex;flex-direction:column;padding:12px;border:1px solid var(--gray-light);border-radius:var(--radius-md);background:#fafafa;overflow:hidden}.employeeSubmit-detailLabel{font-size:var(--fs-small);color:var(--secondary-color);font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.employeeSubmit-detailValue{font-size:var(--fs-medium);color:var(--gray-dark);overflow:hidden;text-overflow:ellipsis}.employeeSubmit-muted{font-size:var(--fs-small);color:var(--gray-dark);overflow:hidden;text-overflow:ellipsis}.employeeSubmit-fullWidth{flex:1 1 100%}.employeeSubmit-input:disabled{background:#f5f5f5;color:var(--gray-dark);cursor:not-allowed}.employeeSubmit-input:disabled:focus,.employeeSubmit-input:disabled:active{background-color:#f5f7fa;box-shadow:none;outline:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.HrCreatePosition{padding:var(--page-padding-x) var(--page-padding-y);min-height:100%;display:flex}.CreatePositionContainer{display:flex;flex-direction:column;padding:30px;background-color:#fff;border-radius:20px;min-height:100%;flex:1}.createPositionHeader{display:flex;gap:var(--gap-sm)}.CreatePositionContainer a{font-size:var(--fs-large);color:var(--secondary-color);text-decoration:none}.CreatePositionContainer h3{font-size:var(--fs-large)}.CreatePositionContainer p{font-size:var(--fs-small);color:var(--gray-dark);margin:10px 0 20px}.formContainer{flex:1}.positionFormGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-xl);margin-bottom:20px}.formGroup{display:flex;gap:var(--gap-xl);flex-wrap:wrap}.labelInput{display:flex;gap:var(--gap-sm);flex-direction:column;flex:1 1 0;min-width:220px}.labelInput label{font-size:var(--fs-medium)}.labelInput input{padding:10px;border:1px solid var(--gray-light);border-radius:8px;font-size:var(--fs-medium);color:var(--secondary-color)}.labelInput select{padding:10px;border:1px solid var(--gray-light);border-radius:8px;font-size:var(--fs-medium);color:var(--secondary-color);background-color:#fff;cursor:pointer}.labelInput select:focus{outline:none;border-color:var(--primary-color)}.labelInput textarea{padding:10px;border:1px solid var(--gray-light);border-radius:8px;font-size:var(--fs-medium);color:var(--secondary-color);resize:vertical;min-height:100px;height:100%}.formGroup.description{flex:1}.buttonGroup{display:flex;gap:var(--gap-md);justify-content:flex-end;flex-wrap:wrap}.buttonGroup button{font-size:var(--fs-medium)}.buttonGroup .cancel{color:#fff;background-color:var(--secondary-color);padding:10px 20px;border:none;border-radius:8px}.buttonGroup .create{color:#fff;background-color:var(--primary-color);padding:10px 20px;border:none;border-radius:8px}.createPosition-modalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.createPosition-modal{background:var(--white);border-radius:14px;padding:24px;width:100%;max-width:420px;max-height:calc(100svh - 40px);box-shadow:0 20px 40px #0003;margin:auto;overflow-y:auto}.createPosition-modal h3{margin-bottom:10px;color:var(--secondary-color)}.createPosition-modal p{font-size:.95rem;color:var(--gray-dark);margin-bottom:20px}.createPosition-modalActions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.createPosition-cancel{background:transparent;border:1px solid var(--gray-light);padding:8px 14px;border-radius:8px;cursor:pointer}.createPosition-confirm{background:var(--secondary-color);color:var(--white);border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.createPosition-confirm:hover{opacity:.9}@media(max-width:900px){.positionFormGrid{grid-template-columns:1fr}}@media(max-width:1100px)and (min-width:901px){.positionFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.createPosition-modalOverlay{padding:10px}.createPosition-modal{max-width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:20px}.createPosition-modal h3{font-size:var(--fs-large)}.createPosition-modal p{font-size:.9rem}.createPosition-modalActions{flex-direction:column}.createPosition-modalActions button{width:100%}}.hr-referral-hd-container{width:100%;min-width:0;min-height:100svh;display:flex;flex-direction:column;padding:var(--page-padding-top-no-header) var(--page-padding-x)}.hr-referral-hd-loading{font-size:var(--fs-medium);color:var(--gray-dark)}.hr-referral-hd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:var(--gap-md);flex-wrap:wrap}.hr-referral-hd-header-left{display:flex;flex-direction:column;gap:var(--gap-sm)}.hr-referral-hd-header-title{display:flex;align-items:center;gap:var(--gap-sm)}.hr-referral-hd-header-title h3{font-size:var(--fs-xlarge)}.hr-referral-hd-header-left p{font-size:var(--fs-medium);color:var(--gray-dark)}.hr-referral-hd-header-right{display:flex;gap:var(--gap-sm);align-items:center}.hr-referral-hd-actions-wrapper{display:flex;flex-direction:column;gap:var(--gap-xs);align-items:flex-end}.hr-referral-hd-actions-buttons{display:flex;flex-wrap:wrap;gap:var(--gap-sm);align-items:center}.hr-referral-hd-secondary-btn{background-color:#c21818;color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.hr-referral-hd-primary-btn:hover:not(:disabled),.hr-referral-hd-secondary-btn:hover:not(:disabled){opacity:.8}.hr-referral-hd-primary-btn:disabled,.hr-referral-hd-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.hr-referral-hd-action-error{color:#e53935;font-size:var(--fs-small);text-align:right;margin-top:4px;max-width:300px}.hr-referral-hd-content{display:flex;flex-wrap:wrap;gap:var(--gap-lg)}.hr-referral-hd-content-left{flex:1 1 600px;min-width:0;display:flex;flex-direction:column;gap:var(--gap-lg)}.hr-referral-hd-content-right{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;align-self:stretch}.hr-referral-hd-content-left>*,.hr-referral-hd-content-right>*{min-width:0}.hr-referral-application-progress{background:var(--white);border-radius:var(--radius-lg);padding:30px}.hr-referral-application-progress h3{font-size:var(--fs-large);display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:1rem}.timeline-wrapper{display:flex;align-items:center;gap:var(--gap-md);margin-top:8px}.timeline{display:flex;align-items:center}.hr-referral-candidate-information{background:var(--white);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column}.hr-referral-candidate-information-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:20px}.hr-referral-candidate-information-header h3{font-size:var(--fs-large)}.hr-referral-candidate-avatar-name{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:20px}.hr-referral-candidate-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-medium)}.hr-referral-candidate-name{display:flex;flex-direction:column;gap:var(--gap-xs)}.hr-referral-candidate-name p{font-size:var(--fs-medium);font-weight:600;margin:0}.hr-referral-candidate-name span{font-size:var(--fs-small);color:var(--gray-dark)}.hr-referral-candidate-information hr{border:none;border-top:1px solid var(--gray-light);margin:20px 0}.hr-referral-candidate-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-lg)}.hr-referral-candidate-info-item{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--fs-small);color:var(--gray-dark);flex:1 1 calc(50% - var(--gap-lg));min-width:200px;overflow:hidden}.hr-referral-candidate-info-item strong{color:var(--gray-dark);font-weight:600}.hr-referral-cv-display{display:flex;flex-direction:column;gap:var(--gap-md);padding:16px;border:2px dashed var(--gray-light);border-radius:var(--radius-md);background:var(--white)}.hr-referral-cv-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-xs);text-align:center}.hr-referral-cv-icon{color:var(--gray-dark);opacity:.7}.hr-referral-cv-name{font-size:var(--fs-small);font-weight:500;color:var(--gray-dark);text-align:center;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-referral-cv-subtext{font-size:.75rem;color:var(--gray-dark);opacity:.6}.hr-referral-cv-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);background-color:#e0e0e0;color:var(--gray-dark);padding:8px 16px;border-radius:var(--radius-md);text-decoration:none;font-size:var(--fs-small);transition:background-color .2s;width:100%}.hr-referral-cv-download-btn:hover{background-color:#d0d0d0}.hr-referral-hd-content-right{flex:2 1 0;min-width:0;display:flex;flex-direction:column;min-height:0;min-width:260px;overflow:hidden}.hr-referral-hd-content-right-card{background:var(--white);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;height:100%;min-height:0}.hr-referral-hd-content-right-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:20px}.hr-referral-hd-content-right-header h3{font-size:var(--fs-large)}.hr-referral-hd-content-right-title{display:flex;flex-direction:column;gap:var(--gap-xs);margin-bottom:20px}.hr-referral-hd-content-right-title h4{font-size:var(--fs-large);font-weight:600;margin:0;color:var(--gray-dark)}.hr-referral-hd-content-right-title-label{display:inline-block;padding:6px 14px;border-radius:var(--radius-lg);font-size:var(--fs-small);font-weight:500;background-color:var(--primary-color);color:var(--white);width:fit-content}.hr-referral-hd-content-right-card hr{border:none;border-top:1px solid var(--gray-light);margin:20px 0}.hr-referral-hd-content-right-details{display:flex;flex-wrap:wrap;column-gap:var(--gap-xl);row-gap:var(--gap-lg);margin-bottom:20px;flex:0 0 auto}.hr-referral-hd-content-right-details-item{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--fs-small);color:var(--gray-dark);flex:1 1 calc(50% - var(--gap-xl));min-width:220px;overflow:hidden}.hr-referral-hd-content-right-details-item strong{color:var(--gray-dark);font-weight:600}.hr-referral-referred-by{background:var(--white);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column}.hr-referral-referred-by-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:20px}.hr-referral-referred-by-header h3{font-size:var(--fs-large)}.hr-referral-referred-by-user{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:20px}.hr-referral-referred-by-avatar{width:42px;height:42px;border-radius:50%;background:var(--secondary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-medium);flex-shrink:0}.hr-referral-referred-by-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.hr-referral-referred-by-name{display:flex;flex-direction:column;gap:var(--gap-xs)}.hr-referral-referred-by-name p{font-size:var(--fs-medium);font-weight:600;margin:0}.hr-referral-referred-by-name span{font-size:var(--fs-small);color:var(--gray-dark)}.hr-referral-referred-by hr{border:none;border-top:1px solid var(--gray-light);margin:20px 0}.hr-referral-referred-by-info{display:flex;flex-direction:column;gap:var(--gap-xl)}.hr-referral-referred-by-info-item{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--fs-small);color:var(--gray-dark)}.hr-referral-referred-by-info-item strong{font-weight:600;color:var(--gray-dark)}.hr-referral-hd-content-right-description{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1 1 auto;border:1px solid var(--gray-light);border-radius:var(--radius-md);padding:16px 18px;background-color:#fafafa}.hr-referral-hd-content-right-description h4{font-size:var(--fs-medium);font-weight:600;margin:0;color:var(--gray-dark)}.hr-referral-hd-content-right-description-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:8px;min-height:200px}.hr-referral-hd-content-right-description-content p{font-size:var(--fs-medium);color:var(--gray-dark);line-height:1.6;margin:0;white-space:pre-wrap}.hr-referral-hd-content-right-description-content::-webkit-scrollbar{width:6px}.hr-referral-hd-content-right-description-content::-webkit-scrollbar-track{background:var(--gray-light);border-radius:var(--radius-sm)}.hr-referral-hd-content-right-description-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:var(--radius-sm)}.hr-referral-hd-content-right-description-content::-webkit-scrollbar-thumb:hover{background:#aaa}.hr-comp-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.hr-comp-modal{position:relative;background:#fff;border-radius:16px;padding:32px 36px;width:420px;max-width:90%;text-align:center;display:flex;flex-direction:column;align-items:center}.hr-comp-modal-icon{color:var(--primary-color);margin-bottom:18px}.hr-comp-modal h3{margin-bottom:8px;font-size:var(--fs-large)}.hr-comp-modal p{margin-bottom:12px;color:var(--gray-dark)}.othercolor{margin-bottom:12px;color:var(--primary-color)}.hr-comp-modal-input{padding:10px;border-radius:8px;border:1px solid #ddd;margin-bottom:12px}.hr-comp-modal-error{margin-top:10px;margin-bottom:16px;color:#e53935;font-size:14px;text-align:center}.hr-comp-modal-submit{height:40px;border-radius:12px;border:none;background:var(--secondary-color);color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.hr-comp-modal-input,.hr-comp-modal-submit{width:70%}.hr-referral-hd-primary-btn{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.hr-comp-modal-submit:disabled{opacity:.6;cursor:not-allowed}.hr-comp-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:#7a7a7a;padding:4px;transition:all .2s ease}.hr-comp-modal-close:hover{color:#e53935;transform:scale(1.15)}.hr-comp-modal-close:active{transform:scale(1)}.referral-hd-container{min-height:100svh;display:flex;flex-direction:column;padding:var(--page-padding-top-no-header) var(--page-padding-x);box-sizing:border-box}.referral-hd-header{display:flex;flex-wrap:wrap;gap:var(--gap-sm);justify-content:space-between;align-items:center;margin-bottom:20px}.referral-hd-header-left{display:flex;flex-direction:column;gap:var(--gap-sm)}.referral-hd-header-title{display:flex;align-items:center;gap:var(--gap-sm)}.referral-hd-header-title h3{font-size:var(--fs-xlarge)}.referral-hd-header-left p{font-size:var(--fs-medium);color:var(--gray-dark)}.referral-hd-header-right{display:flex;gap:var(--gap-sm);align-items:center}.referral-hd-edit-btn{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.referral-hd-delete-btn{background-color:#c21818;color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.referral-hd-edit-btn:hover:not(:disabled){opacity:.8}.referral-hd-delete-btn:hover:not(:disabled){opacity:.8}.referral-hd-edit-btn:disabled,.referral-hd-delete-btn:disabled{opacity:.5;cursor:not-allowed}.referral-hd-save-btn{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.referral-hd-cancel-btn{background-color:var(--secondary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.referral-hd-save-btn:hover:not(:disabled),.referral-hd-cancel-btn:hover:not(:disabled){opacity:.8}.referral-hd-save-btn:disabled,.referral-hd-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.emp-referral-hd-content{display:flex;gap:var(--gap-lg);flex:1 1 auto;min-height:0;flex-wrap:wrap}.emp-referral-hd-content-left{flex:3 1 0;display:flex;flex-direction:column;gap:var(--gap-lg);min-height:0;width:100%}.emp-referral-hd-content-right{flex:2 1 0;min-width:0;display:flex;flex-direction:column;min-height:0;min-width:260px;overflow:hidden}.emp-referral-hd-content-right-card{background:var(--white);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;height:100%;min-height:0}.emp-referral-hd-content-right-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:20px}.emp-referral-hd-content-right-header h3{font-size:var(--fs-large)}.emp-referral-hd-content-right-title{display:flex;flex-direction:column;gap:var(--gap-xs);margin-bottom:20px}.emp-referral-hd-content-right-title h4{font-size:var(--fs-large);font-weight:600;margin:0;color:var(--gray-dark)}.emp-referral-hd-content-right-title-label{display:inline-block;padding:6px 14px;border-radius:var(--radius-lg);font-size:var(--fs-small);font-weight:500;background-color:var(--primary-color);color:var(--white);width:fit-content}.emp-referral-hd-content-right-card hr{border:none;border-top:1px solid var(--gray-light);margin:20px 0}.emp-referral-hd-content-right-details{display:flex;flex-wrap:wrap;column-gap:var(--gap-xl);row-gap:var(--gap-lg);margin-bottom:20px;flex:0 0 auto}.emp-referral-hd-content-right-details-item{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--fs-small);color:var(--gray-dark);flex:1 1 calc(50% - var(--gap-xl));min-width:220px;overflow:hidden}.emp-referral-hd-content-right-details-item strong{color:var(--gray-dark);font-weight:600}.emp-referral-hd-content-right-description{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1 1 auto;border:1px solid var(--gray-light);border-radius:var(--radius-md);padding:16px 18px;background-color:#fafafa}.emp-referral-hd-content-right-description h4{font-size:var(--fs-medium);font-weight:600;margin:0;color:var(--gray-dark)}.emp-referral-hd-content-right-description-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-right:8px;min-height:200px}.emp-referral-hd-content-right-description-content p{font-size:var(--fs-medium);color:var(--gray-dark);line-height:1.6;margin:0;white-space:pre-wrap}.emp-referral-hd-content-right-description-content::-webkit-scrollbar{width:6px}.emp-referral-hd-content-right-description-content::-webkit-scrollbar-track{background:var(--gray-light);border-radius:var(--radius-sm)}.emp-referral-hd-content-right-description-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:var(--radius-sm)}.emp-referral-hd-content-right-description-content::-webkit-scrollbar-thumb:hover{background:#aaa}.emp-referral-application-progress{background:var(--white);border-radius:var(--radius-lg);padding:30px;overflow:hidden}.emp-referral-application-progress h3{font-size:var(--fs-large);display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:1rem}.timeline-wrapper{display:flex;align-items:center;gap:var(--gap-md);margin-top:8px;flex-wrap:wrap}.timeline{display:flex;align-items:center;gap:var(--gap-sm)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);min-width:70px}.step .icon{width:22px;height:22px;border-radius:50%;background:var(--gray-light);color:var(--gray-dark);display:flex;align-items:center;justify-content:center}.step .label{font-size:.7rem;color:var(--gray-dark);text-align:center}.line{height:2px;width:30px;background:var(--gray-light)}.step.done .icon{background:#2ee42e;color:#fff}.step.done .label{color:var(--primary-color)}.line.done{background:#2ee42e}.step.active .icon{background:var(--primary-color);color:var(--white)}.step.active .label{color:var(--primary-color)}.line.active{background:#7aa7ff}.step.prospect .icon{background:#e57373;color:#fff}.step.prospect .label{color:#e57373}.status-badge-secondary{display:inline-block;padding:4px 10px;border-radius:999px;font-size:var(--fs-small);font-weight:500;width:fit-content}.status-badge-prospect{background-color:#d1ecf1;color:#0c5460}.emp-referral-candidate-information{background:var(--white);border-radius:var(--radius-lg);padding:30px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.emp-referral-candidate-information-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:20px}.emp-referral-candidate-information-header h3{font-size:var(--fs-large)}.emp-referral-candidate-avatar-name{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:20px}.emp-referral-candidate-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-medium);flex-shrink:0}.emp-referral-candidate-name{display:flex;flex-direction:column;gap:var(--gap-xs)}.emp-referral-candidate-name p{font-size:var(--fs-medium);font-weight:600;margin:0}.emp-referral-candidate-name span{font-size:var(--fs-small);color:var(--gray-dark)}.emp-referral-candidate-name-edit{display:flex;flex-direction:column}.emp-referral-candidate-name-edit p{font-size:var(--fs-medium);font-weight:600;margin:0}.emp-referral-candidate-information hr{border:none;border-top:1px solid var(--gray-light);margin:20px 0}.emp-referral-candidate-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-lg)}.emp-referral-candidate-info-item{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--fs-small);color:var(--gray-dark);flex:1 1 calc(50% - var(--gap-lg));min-width:200px;overflow:hidden}.emp-referral-candidate-info-item strong{color:var(--gray-dark);font-weight:600}.emp-referral-candidate-info-actions{display:flex;justify-content:flex-end;gap:var(--gap-md);margin-top:auto;padding-top:20px;border-top:1px solid var(--gray-light)}.emp-referral-edit-field{display:flex;flex-direction:column;gap:var(--gap-sm)}.emp-referral-edit-field:last-child{margin-bottom:0}.emp-referral-edit-label{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--fs-small);font-weight:500;color:var(--secondary-color)}.emp-referral-edit-label span{color:var(--secondary-color)}.emp-referral-edit-input{padding:12px;border-radius:var(--radius-md);border:1px solid var(--gray-light);font-size:var(--fs-small);width:100%}.emp-referral-edit-input:focus{outline:none;border-color:var(--primary-color)}.emp-referral-cv-section{display:flex;flex-direction:column;gap:var(--gap-md);flex:1;min-height:0;max-height:200px;margin-top:20px;padding-bottom:20px}.emp-referral-cv-display{display:flex;flex-direction:column;gap:var(--gap-md);padding:16px;border:2px dashed var(--gray-light);border-radius:var(--radius-md);background:var(--white);flex:1;min-height:0;max-height:100%;overflow:hidden}.emp-referral-cv-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-xs);flex:1;text-align:center}.emp-referral-cv-icon{color:var(--gray-dark);opacity:.7}.emp-referral-cv-name{font-size:var(--fs-small);font-weight:500;color:var(--gray-dark);text-align:center}.emp-referral-cv-subtext{font-size:.75rem;color:var(--gray-dark);opacity:.6;text-align:center}.emp-referral-cv-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);background-color:#e0e0e0;color:var(--gray-dark);padding:8px 16px;border-radius:var(--radius-md);text-decoration:none;font-size:var(--fs-small);transition:background-color .2s;width:100%}.emp-referral-cv-download-btn:hover{background-color:#d0d0d0}.emp-referral-cv-upload{margin-top:15px;padding:30px;text-align:center;border:2px dashed var(--gray-light);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-dark);transition:border-color .2s}.emp-referral-cv-upload:hover{border-color:var(--primary-color)}.emp-referral-upload-icon{color:var(--gray-dark);margin-bottom:6px}.emp-referral-file-preview{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);color:var(--secondary-color);font-size:.95rem}.emp-referral-file-icon{font-size:1.4rem}.emp-referral-file-name{max-width:260px;overflow:hidden;text-overflow:ellipsis}.emp-referral-remove-file{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-dark);padding:4px;border-radius:var(--radius-sm);transition:background-color .2s}.emp-referral-remove-file:hover{background-color:var(--gray-light);color:#c21818}.emp-referral-error-text{font-size:.75rem;color:#d32f2f;margin-top:4px}.referral-hd-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.referral-hd-modal{background:var(--white);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:420px;max-height:calc(100svh - 40px);box-shadow:0 20px 40px #0003;margin:auto;overflow-y:auto;box-sizing:border-box}.referral-hd-modal h3{margin-bottom:10px;color:var(--secondary-color);font-size:var(--fs-large)}.referral-hd-modal p{font-size:.95rem;color:var(--gray-dark);margin-bottom:20px}.referral-hd-modal-actions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.referral-hd-modal-cancel{background:transparent;border:1px solid var(--gray-light);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-small);transition:background-color .2s}.referral-hd-modal-cancel:hover:not(:disabled){background-color:var(--gray-light)}.referral-hd-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.referral-hd-modal-confirm{background:var(--secondary-color);color:var(--white);border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.referral-hd-modal-confirm:hover:not(:disabled){opacity:.9}.referral-hd-modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.referral-hd-modal-overlay{padding:10px}.referral-hd-modal{max-width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:20px}.referral-hd-modal h3{font-size:var(--fs-large)}.referral-hd-modal p{font-size:.9rem}.referral-hd-modal-actions{flex-direction:column}.referral-hd-modal-actions button{width:100%}}.position-details-container{padding:var(--page-padding-top-no-header) var(--page-padding-x);min-height:100%;display:flex;flex-direction:column}.position-details-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:24px;min-width:0}.position-details-header h1{font-size:var(--fs-xlarge);min-width:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.title-group{display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0;flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.title-group h2{min-width:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.company-name{font-size:var(--fs-small);color:var(--gray-dark);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.back-btn{background:none;border:none;cursor:pointer;color:var(--secondary-color)}.position-details-card{background:var(--white);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;flex:1;min-height:0}.position-title-row{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:24px;min-width:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.position-icon{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.position-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg);margin-bottom:24px}@media(max-width:768px){.position-info-grid{grid-template-columns:1fr}}.info-box{border:1px solid var(--gray-light);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.info-box .label{font-size:var(--fs-meduim);color:var(--gray-dark);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.info-box .value{font-size:var(--fs-small);color:var(--secondary-color);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.position-description{border:1px solid var(--gray-light);border-radius:var(--radius-lg);padding:16px;min-height:180px;overflow:auto;flex:1;min-width:0}.position-description .label{display:block;font-size:var(--fs-meduim);color:var(--gray-dark);margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.position-description p{font-size:var(--fs-small);line-height:1.6;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin:0}.position-details-actions{display:flex;justify-content:flex-end;margin-top:20px;flex-shrink:0}.refer-btn{background:var(--primary-color);color:var(--white);border-radius:var(--radius-md);padding:12px 20px}.account{padding:30px}.account h3{font-size:var(--fs-xlarge)}.account p{font-size:var(--fs-medium);color:var(--gray-dark)}.accountContent{width:100%;background-color:var(--white);padding:20px 50px;border-radius:var(--radius-md);margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-xl)}.accountContentLeft{display:flex;flex-direction:row;gap:var(--gap-xl);flex-wrap:wrap}.accountContentLeftAvatarContainer{position:relative;display:flex;align-items:center}.accountContentLeftAvatar{width:42px;height:42px;border-radius:50%;background-color:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .2s,transform .2s}.accountContentLeftAvatar:hover{opacity:.8;transform:scale(1.05)}.accountContentLeftAvatarImage{width:100%;height:100%;object-fit:cover}.accountContentLeftAvatarLoading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:var(--white);font-weight:700}.accountAvatarMenu{position:absolute;top:50px;left:0;background-color:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;min-width:120px;overflow:hidden}.accountAvatarMenuItem{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:var(--fs-small);color:var(--gray-dark);transition:background-color .2s}.accountAvatarMenuItem:hover:not(:disabled){background-color:var(--gray-light)}.accountAvatarMenuItem:disabled{opacity:.5;cursor:not-allowed}.account-viewPPModal{position:relative;background:var(--white);border-radius:var(--radius-md);padding:20px;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.account-viewPPClose{position:absolute;top:10px;right:10px;background:var(--gray-light);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:24px;color:var(--gray-dark);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.account-viewPPClose:hover{background-color:var(--gray-dark);color:var(--white)}.account-viewPPImage{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.accountContentLeftInfo{display:flex;flex-direction:column;gap:var(--gap-xs)}.accountContentLeftInfo h4{font-size:var(--fs-large)}.accountContentLeftInfo p{font-size:var(--fs-medium);color:var(--gray-dark)}.accountContentLeftInfo span{font-size:var(--fs-small);color:var(--white);background-color:var(--primary-color);padding:4px 12px;border-radius:var(--radius-lg);display:inline-block;width:fit-content}.accountContentCenter{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs)}.accountContentCenterLabel{font-size:var(--fs-small);color:var(--gray-dark);text-transform:uppercase;letter-spacing:.5px}.accountContentCenterAmount{font-size:var(--fs-xlarge);font-weight:700;color:var(--primary-color)}.accountContentRight{align-self:center}.accountContentRightButton{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.accountContentRightButton:hover{opacity:.9}.accountContentRightActions{display:flex;gap:var(--gap-sm)}.accountContentRightCancel{background-color:transparent;color:var(--gray-dark);border:1px solid var(--gray-light);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-small);transition:all .2s}.accountContentRightCancel:hover:not(:disabled){background-color:var(--gray-light)}.accountContentRightCancel:disabled{opacity:.5;cursor:not-allowed}.accountContentRightSave{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-small);transition:opacity .2s}.accountContentRightSave:hover:not(:disabled){opacity:.9}.accountContentRightSave:disabled{opacity:.5;cursor:not-allowed}.accountInfoRow{display:flex;flex-wrap:wrap;gap:var(--gap-xl);margin-top:20px;align-items:stretch}.personalInformation{background-color:var(--white);padding:30px;border-radius:var(--radius-md);flex:1 1 0;min-width:500px}.personalInformation h3{font-size:var(--fs-large)}.personalInformation p{font-size:var(--fs-medium);color:var(--gray-dark)}.personalInformationContent{display:flex;flex-direction:column;gap:var(--gap-lg);margin-top:20px;overflow:visible}.personalInformationRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-lg)}.personalInformationContentItem{display:flex;flex-direction:column;background-color:var(--account-container-background);padding:20px;border-radius:var(--radius-md);width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.personalInformationContentItemGender{overflow:visible}.personalInformationContentItem h4,.personalInformationContentItem p{margin:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.workInformation{background-color:var(--white);padding:30px;border-radius:var(--radius-md);flex:1 1 0;min-width:500px}.workInformation h3{font-size:var(--fs-large)}.workInformation p{font-size:var(--fs-medium);color:var(--gray-dark)}.workInformationContent{display:flex;flex-direction:column;gap:var(--gap-lg);margin-top:20px}.workInformationContentItem{display:flex;flex-direction:column;background-color:var(--account-container-background);padding:20px;border-radius:var(--radius-md);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.workInformationContentItem h4,.workInformationContentItem p{margin:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}@media(max-width:900px){.personalInformationRow{grid-template-columns:1fr}.accountInfoRow{flex-direction:column;align-items:center}.personalInformation,.workInformation{min-width:0;width:100%}}.accountInput{padding:10px;border:1px solid var(--gray-light);border-radius:var(--radius-sm);font-size:var(--fs-medium);background-color:var(--white);margin-top:var(--gap-xs)}.accountInput:focus{outline:none;border-color:var(--primary-color)}.account-modalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.account-modal{background:var(--white);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:420px;max-height:calc(100svh - 40px);box-shadow:0 20px 40px #0003;margin:auto;overflow-y:auto;box-sizing:border-box}.account-modal h3{margin-bottom:10px;color:var(--secondary-color);font-size:var(--fs-large)}.account-modal p{font-size:var(--fs-medium);color:var(--gray-dark);margin-bottom:20px}.account-modalActions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.account-modalCancel{background:transparent;border:1px solid var(--gray-light);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-small);color:var(--gray-dark)}.account-modalCancel:hover:not(:disabled){background-color:var(--gray-light)}.account-modalCancel:disabled{opacity:.5;cursor:not-allowed}.account-modalConfirm{background:var(--primary-color);color:var(--white);border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-small)}.account-modalConfirm:hover:not(:disabled){opacity:.9}.account-modalConfirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.account-modalOverlay{padding:10px}.account-modal{max-width:calc(100% - 20px);max-height:calc(100svh - 20px);padding:20px}.account-modal h3{font-size:var(--fs-large)}.account-modal p{font-size:.9rem}.account-modalActions{flex-direction:column}.account-modalActions button{width:100%}}.account-feedback{margin-top:20px;padding:14px 18px;border-radius:var(--radius-sm);font-size:var(--fs-medium);font-weight:500;display:flex;align-items:center;gap:var(--gap-sm);animation:fadeSlideIn .25s ease}.account-feedback.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.account-feedback.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-cropModal{background:var(--white);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:500px;box-shadow:0 20px 40px #0003}.account-cropModal h3{margin-bottom:20px;color:var(--secondary-color);font-size:var(--fs-large);text-align:center}.account-cropContainer{position:relative;width:100%;height:400px;background:var(--gray-light);border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px}.account-cropControls{margin-bottom:20px}.account-cropZoomLabel{display:flex;flex-direction:column;gap:var(--gap-sm);font-size:var(--fs-small);color:var(--gray-dark)}.account-cropZoomSlider{width:100%;height:6px;border-radius:var(--radius-sm);background:var(--gray-light);outline:none;-webkit-appearance:none}.account-cropZoomSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer}.account-cropZoomSlider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.account-cropActions{display:flex;justify-content:flex-end;gap:var(--gap-md)}.docs-container{display:flex;min-height:100vh;background-color:var(--background-color)}.docs-sidebar{width:280px;background-color:var(--white);border-right:1px solid var(--gray-light);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.docs-sidebar-header{padding:24px 20px;border-bottom:1px solid var(--gray-light)}.docs-sidebar-title{font-size:var(--fs-large);color:var(--secondary-color);margin:0;font-weight:600}.docs-sidebar-content{flex:1;padding:16px 0}.docs-section{margin-bottom:8px}.docs-section-header{width:100%;display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;cursor:pointer;font-size:var(--fs-medium);font-weight:600;color:var(--secondary-color);transition:background-color .2s;text-align:left}.docs-section-header:hover{background-color:var(--gray-light)}.docs-section-header svg{color:var(--gray-dark);flex-shrink:0}.docs-section-pages{display:flex;flex-direction:column;padding-left:8px}.docs-page-link{padding:10px 20px 10px 36px;background:none;border:none;cursor:pointer;text-align:left;font-size:var(--fs-small);color:var(--gray-dark);transition:all .2s;position:relative}.docs-page-link:hover{background-color:var(--gray-light);color:var(--secondary-color)}.docs-page-link.active{color:var(--primary-color);font-weight:600;background-color:#0d9aa71a}.docs-page-link.active:before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:4px;height:16px;background-color:var(--primary-color);border-radius:2px}.docs-content{flex:1;padding:48px 64px;max-width:900px;margin:0 auto}.docs-content h1{font-size:var(--fs-xlarge);color:var(--secondary-color);margin-bottom:24px}.docs-content-body{line-height:1.8;color:var(--gray-dark)}.docs-content-body p{font-size:var(--fs-medium);margin-bottom:16px}.docs-welcome{text-align:center;padding:100px 20px}.docs-welcome h1{font-size:var(--fs-xlarge);color:var(--secondary-color);margin-bottom:16px}.docs-welcome p{font-size:var(--fs-medium);color:var(--gray-dark)}@media(max-width:768px){.docs-container{flex-direction:column}.docs-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--gray-light)}.docs-content{padding:32px 24px}}.hr-overview{max-width:800px;padding:20px;line-height:1.7}.hr-title{font-size:32px;margin-bottom:20px;font-weight:600}.hr-section{margin-top:30px}.hr-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px;color:#1e293b}.hr-paragraph{margin-bottom:15px;color:#444}.hr-list{list-style-type:disc;padding-left:25px}.hr-list li{margin-bottom:10px;color:#333;transition:all .2s ease}.hr-list li:hover{transform:translate(4px);color:#4f46e5}.hr-referrals{max-width:900px;padding:20px;line-height:1.7}.referrals-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px}.hr-referrals ul{list-style-type:disc;padding-left:25px;margin-bottom:10px}.hr-referrals li{margin-bottom:8px;transition:all .2s ease;color:#333}.hr-referrals li:hover{transform:translate(4px);color:#4f46e5}.referrals-images{margin-top:40px;display:flex;flex-direction:column;gap:20px}.hr-positions{max-width:900px;padding:20px;line-height:1.7}.positions-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px}.hr-positions ul{list-style-type:disc;padding-left:25px;margin-bottom:10px}.hr-positions li{margin-bottom:8px;transition:all .2s ease;color:#333}.hr-positions li:hover{transform:translate(4px);color:#4f46e5}.positions-images{margin-top:40px;display:flex;flex-direction:column;gap:20px}.hr-team{max-width:900px;padding:20px;line-height:1.7}.team-title{font-size:32px;font-weight:600;margin-bottom:20px}.team-section{margin-top:30px}.team-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px;color:#1e293b}.team-paragraph{margin-bottom:15px;color:#444}.hr-team ul{list-style-type:disc;padding-left:25px;margin-bottom:10px}.hr-team li{margin-bottom:8px;transition:all .2s ease;color:#333}.hr-team li:hover{transform:translate(4px);color:#3b82f6}.team-images{margin-top:40px;display:flex;flex-direction:column;gap:20px}.team-images img{width:100%;border-radius:8px;box-shadow:0 4px 12px #00000014}.emp-overview{max-width:800px;padding:20px;line-height:1.7}.emp-title{font-size:32px;margin-bottom:20px;font-weight:600}.emp-section{margin-top:30px}.emp-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px;color:#1e293b}.emp-paragraph{margin-bottom:15px;color:#444}.emp-list{list-style-type:disc;padding-left:25px;margin-bottom:15px}.emp-list li{margin-bottom:10px;color:#333;transition:all .2s ease}.emp-list li:hover{transform:translate(4px);color:#4f46e5}.emp-referrals{max-width:900px;padding:20px;line-height:1.7}.referrals-title{font-size:32px;font-weight:600;margin-bottom:20px}.referrals-section{margin-top:30px}.referrals-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px;color:#1e293b}.referrals-paragraph{margin-bottom:15px;color:#444}.emp-referrals ul{list-style-type:disc;padding-left:25px;margin-bottom:10px}.emp-referrals li{margin-bottom:8px;transition:all .2s ease;color:#333}.emp-referrals li:hover{transform:translate(4px);color:#4f46e5}.nested-list{list-style-type:circle;padding-left:20px;margin-top:6px}.referrals-images{margin-top:20px;display:flex;flex-direction:column;gap:20px}.referrals-images img{width:100%;border-radius:8px;box-shadow:0 4px 12px #00000014}.emp-positions{max-width:900px;padding:20px;line-height:1.7}.positions-title{font-size:32px;font-weight:600;margin-bottom:20px}.positions-section{margin-top:30px}.positions-section h2{font-size:20px;margin-bottom:12px;font-weight:600;border-left:4px solid #4f46e5;padding-left:10px;color:#1e293b}.positions-paragraph{margin-bottom:15px;color:#444}.emp-positions ul{list-style-type:disc;padding-left:25px;margin-bottom:10px}.emp-positions li{margin-bottom:8px;transition:all .2s ease;color:#333}.emp-positions li:hover{transform:translate(4px);color:#4f46e5}.positions-images{margin-top:20px;display:flex;flex-direction:column;gap:20px}.positions-images img{width:100%;border-radius:8px;box-shadow:0 4px 12px #00000014}.emp-submit{max-width:900px;padding:20px;line-height:1.7}.submit-title{font-size:32px;font-weight:600;margin-bottom:20px}.submit-section{margin-top:30px}.submit-section h2{font-size:20px;font-weight:600;margin-bottom:12px;border-left:4px solid #4f46e5;padding-left:10px;color:#1e293b}.submit-paragraph{margin-bottom:15px;color:#444}.emp-submit ul{list-style-type:disc;padding-left:25px;margin-bottom:15px}.emp-submit li{margin-bottom:10px;color:#333;transition:all .2s ease}.emp-submit li:hover{transform:translate(4px);color:#4f46e5}.submit-images{margin-top:20px}.submit-images img{width:100%;border-radius:8px;box-shadow:0 4px 12px #00000014}.important-note{margin-top:15px;padding:12px;background-color:#fff4e5;border-left:4px solid #f59e0b;font-weight:500;color:#8a5a00;border-radius:6px}
