@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Outlined);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&family=Roboto:wght@300;400;500&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-loading-container{align-items:center;background:linear-gradient(135deg,#fff,#fff);color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;gap:1.5rem;justify-content:center;min-height:100vh}.maintenance-loading-container:before{animation:spin .8s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:60px;width:60px}.maintenance-page-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.maintenance-page-container:after,.maintenance-page-container:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";opacity:.1;position:absolute}.maintenance-page-container:before{animation-delay:0s;background:#fff;height:400px;left:-100px;top:-100px;width:400px}.maintenance-page-container:after{animation-delay:5s;background:#fff;bottom:-80px;height:300px;right:-80px;width:300px}.maintenance-content-card{animation:slideUp .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:3rem 2.5rem;position:relative;text-align:center;width:100%;z-index:1}.maintenance-content-card h1{color:#1e2330;font-size:2.25rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 2rem}.countdown-value{font-feature-settings:"tnum";animation:pulse 2s ease-in-out infinite;color:#c62828;font-size:4rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:2px;margin:0 0 2rem;text-shadow:0 4px 12px #c6282833}.progress-bar-container{background:#c628281a;border-radius:100px;box-shadow:inset 0 2px 4px #0000001a;height:12px;margin-bottom:2rem;overflow:hidden;width:100%}.progress-bar-fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,#c62828,#e53935 50%,#c62828);background-size:200% 100%;border-radius:100px;box-shadow:0 0 10px #c6282880;height:100%;position:relative;transition:width 1s ease}.current-time-display{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:1px solid #c628281a;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.current-time-display span{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.current-time-display strong{font-feature-settings:"tnum";color:#1e2330;font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:1px}.maintenance-content-card p{color:#666;font-size:1.1rem;line-height:1.6;margin:0}.maintenance-content-card p b{color:#c62828;font-weight:700}.maintenance-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.info-item{background:#f8f9fa;padding:1rem;text-align:center}.info-item-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.info-item-value{color:#1e2330;font-size:1.1rem;font-weight:700}.maintenance-status-badge{align-items:center;animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb347);border-radius:50px;box-shadow:0 4px 12px #ffd7004d;color:#1e2330;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem}.maintenance-icon{animation:rotate 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}@media (max-width:768px){.maintenance-page-container{padding:1rem}.maintenance-content-card{padding:2rem 1.5rem}.maintenance-content-card h1{font-size:1.75rem;margin-bottom:1.5rem}.countdown-value{font-size:2.5rem;margin-bottom:1.5rem}.current-time-display{flex-direction:column;gap:.5rem;padding:1rem}.current-time-display span{font-size:.8rem}.current-time-display strong{font-size:1.2rem}.maintenance-content-card p{font-size:1rem}.maintenance-info-grid{grid-template-columns:1fr}.maintenance-icon{font-size:3.5rem}}@media (max-width:480px){.maintenance-content-card h1{font-size:1.5rem}.countdown-value{font-size:2rem;letter-spacing:1px}.current-time-display strong{font-size:1.1rem}.progress-bar-container{height:10px}}.maintenance-loading-container{animation:fadeIn .5s ease}.maintenance-content-card:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#c62828,#e53935,#c62828);background-size:200% 100%;border-radius:24px 24px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.maintenance-alert{background:#c628281a;border-left:4px solid #c62828;border-radius:8px;margin-top:1.5rem;padding:1rem 1.5rem;text-align:left}.maintenance-alert p{color:#1e2330;font-size:.95rem;line-height:1.6;margin:0}.maintenance-support-link{background:#0000;border:2px solid #c62828;border-radius:8px;color:#c62828;display:inline-block;font-size:.95rem;font-weight:700;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.maintenance-support-link:hover{background:#c62828;box-shadow:0 4px 12px #c628284d;color:#fff;transform:translateY(-2px)}.boxes{--size:32px;--duration:800ms;height:calc(var(--size)*2);margin-top:calc(var(--size)*1.5*-1);position:relative;transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);transform-origin:50% 50%;transform-style:preserve-3d;width:calc(var(--size)*3)}.boxes .box{height:var(--size);left:0;position:absolute;top:0;transform-style:preserve-3d;width:var(--size)}.boxes .box:first-child{animation:box1 var(--duration) linear infinite;transform:translate(100%)}.boxes .box:nth-child(2){animation:box2 var(--duration) linear infinite;transform:translateY(100%)}.boxes .box:nth-child(3){animation:box3 var(--duration) linear infinite;transform:translate(100%,100%)}.boxes .box:nth-child(4){animation:box4 var(--duration) linear infinite;transform:translate(200%)}.boxes .box>div{--background:#5c8df6;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;background:var(--background);bottom:var(--bottom);height:100%;left:var(--left);position:absolute;right:var(--right);top:var(--top);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));width:100%}.boxes .box>div:first-child{--top:0;--left:0}.boxes .box>div:nth-child(2){--background:#145af2;--right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){--background:#447cf5;--rotateX:-90deg}.boxes .box>div:nth-child(4){--background:#dbe3f4;--top:0;--left:0;--translateZ:calc(var(--size)*3*-1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.admin-sidebar{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-right:1px solid #ffffff1a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1000}.admin-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.logo-icon{font-size:24px}.logo-text{background:linear-gradient(135deg,#fff,#ffccc7);font-size:20px}.collapse-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.collapse-toggle:hover{background:#fff3}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px}.menu-item{align-items:center;border-radius:8px;color:#ffffffd9;display:flex;gap:12px;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s ease}.menu-item:hover{background-color:#ffffff1a;color:#fff}.menu-item.active{background-color:#ff4d4f33;border-left:3px solid #ff4d4f;color:#fff}.menu-icon{font-size:20px;text-align:center;width:24px}.menu-text{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-info{background-color:#ffffff0d;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.user-avatar{background:linear-gradient(135deg,#ff4d4f,#d9363e);font-size:16px;font-weight:600;height:40px;width:40px}.user-details{min-width:0}.user-name{color:#fff;font-size:14px;font-weight:600}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#fff9;font-size:12px}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff4d4f,#d9363e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.logout-btn:hover{box-shadow:0 4px 12px #ff4d4f4d;transform:translateY(-1px)}.logout-icon{font-size:16px}.sidebar-footer-collapsed{display:flex;justify-content:center;padding:20px}.logout-btn-collapsed{align-items:center;background:linear-gradient(135deg,#ff4d4f,#d9363e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.logout-btn-collapsed:hover{box-shadow:0 4px 12px #ff4d4f4d;transform:translateY(-1px)}@media (max-width:768px){.admin-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;position:relative;width:100%}.admin-sidebar.collapsed{width:100%}.sidebar-menu{flex-direction:row;gap:4px;overflow-x:auto;padding:16px}.menu-item{flex-direction:column;min-width:80px;padding:12px;text-align:center}.menu-text{font-size:12px;margin-top:4px}.menu-badge{position:absolute;right:4px;top:4px}.sidebar-footer,.sidebar-footer-collapsed{display:none}}:root{--success-color:#22c55e;--danger-color:#ef4444;--shadow-sm:0 1px 3px #1e233014;--shadow-md:0 4px 12px #1e23301a;--shadow-lg:0 8px 24px #1e23301f;--shadow-xl:0 12px 40px #1e233026;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}body{background-color:#f8fafc;background-color:var(--bg-light)}.admin-users-container{font-family:Raleway,sans-serif;margin-left:250px}.admin-users-container,.admin-users-loading{background:#f8fafc;background:var(--bg-light);min-height:100vh}.admin-users-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center}.loading-spinner{border:6px solid #e2e8f0;border:6px solid var(--border-color);height:64px;width:64px}.admin-users-loading p{color:#64748b;color:var(--text-secondary);font-size:18px;font-weight:600;letter-spacing:.3px}.admin-users-main{display:flex;flex-direction:column;min-height:100vh;width:100%}.top-bar{background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-bottom:3px solid #8e0000;border-bottom:3px solid var(--primary-dark);box-shadow:0 8px 24px #1e23301f;box-shadow:var(--shadow-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-bar-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:24px 32px}.page-titles{color:#fff;color:var(--bg-white);font-size:28px;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 8px #0000001a}.top-bar-actions{gap:32px}.quick-stats,.top-bar-actions{align-items:center;display:flex}.quick-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;border-radius:var(--radius-lg);gap:24px;padding:12px 24px}.stat-itemss{align-items:center;display:flex;font-weight:600;gap:8px;letter-spacing:.3px}.stat-labels{color:#ffffffe6;font-size:13px}.stat-value{background:#ffffff26;border-radius:6px;border-radius:var(--radius-sm);font-size:18px;padding:4px 12px}.stat-value,.stat-value.active{color:#fff;color:var(--bg-white)}.stat-value.active{background:#22c55e;background:var(--success-color)}.stat-value.paid{background:#f59e0b;background:var(--warning-color);color:#fff;color:var(--bg-white)}.export-btn{align-items:center;background:#fff;background:var(--bg-white);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #1e23301a;box-shadow:var(--shadow-md);color:#c62828;color:var(--primary-color);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.export-btn:hover{background:#f8fafc;background:var(--bg-light);box-shadow:0 8px 24px #1e23301f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.export-btn:active{transform:translateY(0)}.admin-users-content{display:flex;flex:1 1;flex-direction:column;gap:24px;margin:0 auto;max-width:1600px;padding:32px;width:100%}.control-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-container{min-width:300px}.search-icon{color:#64748b;color:var(--text-secondary);left:16px;pointer-events:none}.search-input{border:2px solid #e2e8f0;border-radius:14px;border-radius:var(--radius-lg);color:var(--text-color);font-weight:500;letter-spacing:.3px;padding:14px 16px 14px 48px}.search-input:focus{box-shadow:0 0 0 4px #c6282814}.search-input::placeholder{color:#64748b;color:var(--text-secondary);font-weight:500}.filter-container{min-width:200px;position:relative}.filter-icon{color:#64748b;color:var(--text-secondary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.filter-select{-webkit-appearance:none;appearance:none;background:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg);color:#1e2330;color:var(--text-color);font-family:Raleway,sans-serif;font-weight:600;letter-spacing:.3px;padding:14px 16px 14px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.filter-select:focus{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 4px #c6282814;outline:none}.users-table-container{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #1e23301a;box-shadow:var(--shadow-md);overflow:hidden}.table-header{background:linear-gradient(135deg,#c6282808,#c6282803);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);padding:24px 32px}.table-title{align-items:center;color:#1e2330;color:var(--text-color);display:flex;font-size:20px;font-weight:800;gap:12px;letter-spacing:.3px}.table-subtitle{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500;margin-left:8px}.empty-state{padding:80px 32px}.empty-icon{color:#64748b;color:var(--text-secondary)}.empty-text{color:#1e2330;color:var(--text-color);font-size:20px;font-weight:700;letter-spacing:.3px}.empty-subtext{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:500}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;font-family:Raleway,sans-serif;width:100%}.users-table thead{background:#f8fafc;background:var(--bg-light);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color)}.users-table th{color:#1e2330;color:var(--text-color);font-size:13px;font-weight:800;letter-spacing:.8px;padding:16px 24px;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.user-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.user-row:hover{background:#f8fafc;background:var(--bg-light)}.users-table td{color:#1e2330;color:var(--text-color);font-size:14px;font-weight:500;padding:20px 24px;vertical-align:middle}.user-info-cell{align-items:center;display:flex;gap:16px}.user-avatar{box-shadow:0 1px 3px #1e233014;box-shadow:var(--shadow-sm);color:var(--bg-white);flex-shrink:0;font-size:18px;font-weight:800;height:48px;letter-spacing:.5px;width:48px}.user-avatar.subscription-paid{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-color) 0,#16a34a 100%)}.user-avatar.subscription-trial{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,#d97706 100%)}.user-avatar.subscription-expired,.user-avatar.subscription-unknown{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--text-secondary) 0,#475569 100%)}.user-details{display:flex;flex-direction:column;gap:6px}.user-name{color:#1e2330;color:var(--text-color);font-size:15px;font-weight:700;letter-spacing:.3px}.user-email{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500;gap:6px}.company-cell,.user-email{align-items:center;display:flex}.company-cell{color:#1e2330;color:var(--text-color);font-weight:600;gap:8px;letter-spacing:.3px}.company-cell svg{color:#64748b;color:var(--text-secondary)}.subscription-cell{display:flex;flex-direction:column;gap:6px}.subscription-badge{border-radius:10px;border-radius:var(--radius-md);display:inline-flex;font-weight:800;letter-spacing:.8px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.subscription-badge.subscription-paid{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e;border:2px solid var(--success-color);color:#22c55e;color:var(--success-color)}.subscription-badge.subscription-trial{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid #f59e0b;border:2px solid var(--warning-color);color:#f59e0b;color:var(--warning-color)}.subscription-badge.subscription-expired,.subscription-badge.subscription-unknown{background:linear-gradient(135deg,#64748b26,#64748b0d);border:2px solid #64748b;border:2px solid var(--text-secondary);color:#64748b;color:var(--text-secondary)}.trial-info{align-items:center;color:#f59e0b;color:var(--warning-color);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px}.status-badge{border-radius:var(--radius-md);font-weight:800;letter-spacing:.8px;padding:6px 14px}.status-badge.status-verified{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e;border:2px solid var(--success-color);color:#22c55e;color:var(--success-color)}.status-badge.status-unverified{background:linear-gradient(135deg,#ef444426,#ef44440d);border:2px solid #ef4444;border:2px solid var(--danger-color);color:#ef4444;color:var(--danger-color)}.date-cell{color:#1e2330;color:var(--text-color);font-weight:600;letter-spacing:.3px}.action-btn{border-radius:10px;border-radius:var(--radius-md);flex-shrink:0;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.view-btn{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:2px solid #3b82f6;color:#3b82f6}.view-btn:hover{background:#3b82f6;box-shadow:0 4px 12px #1e23301a;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateY(-2px)}.status-btn.verify{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid #22c55e;border:2px solid var(--success-color);color:#22c55e;color:var(--success-color)}.status-btn.verify:hover{background:#22c55e;background:var(--success-color);box-shadow:0 4px 12px #1e23301a;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateY(-2px)}.status-btn.unverify{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid #f59e0b;border:2px solid var(--warning-color);color:#f59e0b;color:var(--warning-color)}.status-btn.unverify:hover{background:#f59e0b;background:var(--warning-color);box-shadow:0 4px 12px #1e23301a;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ef444426,#ef44440d);border:2px solid #ef4444;border:2px solid var(--danger-color);color:#ef4444;color:var(--danger-color)}.delete-btn:hover{background:#ef4444;background:var(--danger-color);box-shadow:0 4px 12px #1e23301a;box-shadow:var(--shadow-md);color:var(--bg-white)}.action-btn:active{transform:translateY(0)}.expanded-row{background:#f8fafc;background:var(--bg-light);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color)}.expanded-content{grid-gap:32px;animation:expandRow .3s ease-out;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:32px}@keyframes expandRow{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.expanded-section{display:flex;flex-direction:column;gap:16px}.expanded-section h4{border-bottom:2px solid #c62828;border-bottom:2px solid var(--primary-color);color:#1e2330;color:var(--text-color);font-size:16px;font-weight:800;letter-spacing:.5px;padding-bottom:12px}.expanded-details{display:flex;flex-direction:column;gap:16px}.expanded-details>div{display:flex;flex-direction:column;gap:6px}.expanded-details label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.expanded-details p{color:#1e2330;color:var(--text-color);font-size:14px;font-weight:600;letter-spacing:.3px}.expanded-details p.verified{color:#22c55e;color:var(--success-color);font-weight:700}.expanded-details p.unverified{color:#ef4444;color:var(--danger-color);font-weight:700}.admin-users-footer{background:#fff;background:var(--bg-white);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);margin-top:auto;padding:24px 32px}.footer-content{align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;max-width:1600px}.footer-logo{color:#c62828;color:var(--primary-color);font-size:16px;font-weight:800;letter-spacing:.5px}.footer-info{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:16px;letter-spacing:.3px}@media (max-width:1200px){.admin-users-content{padding:24px}.top-bar-content{padding:20px 24px}.quick-stats{gap:16px}}@media (max-width:992px){.top-bar-content{align-items:flex-start;flex-direction:column}.top-bar-actions{align-items:stretch;flex-direction:column;gap:16px;width:100%}.quick-stats{justify-content:space-between;width:100%}.export-btn{justify-content:center;width:100%}.control-bar{flex-direction:column}.filter-container,.search-container{min-width:auto;width:100%}}@media (max-width:768px){.admin-users-content{padding:16px}.page-title{font-size:24px}.users-table{overflow-x:scroll}.users-table table{min-width:900px}.expanded-content{grid-template-columns:1fr;padding:24px}.table-header{padding:20px 24px}.users-table td{padding:16px 20px}}@media (max-width:480px){.top-bar-content{padding:16px}.admin-users-content{padding:12px}.page-title{font-size:20px}.quick-stats{align-items:stretch;flex-direction:column;gap:12px}.stat-item{justify-content:space-between}.table-header{padding:16px 20px}.table-title{align-items:flex-start;flex-direction:column;font-size:18px;gap:8px}.table-subtitle{margin-left:0}.action-buttons{flex-direction:column;gap:6px}.action-btn{height:32px;width:32px}.footer-content{flex-direction:column;text-align:center}.footer-info{flex-wrap:wrap;justify-content:center}}.users-table::-webkit-scrollbar{height:8px}.users-table::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-light);border-radius:10px}.users-table::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:10px}.users-table::-webkit-scrollbar-thumb:hover{background:#c62828;background:var(--primary-color)}@media print{.action-buttons,.admin-users-footer,.control-bar,.top-bar{display:none!important}.admin-users-container{background:#fff}.users-table-container{border:1px solid #000;box-shadow:none}}.admin-page{padding:20px}.page-title{color:#1e293b;font-size:28px;font-weight:600;margin-bottom:10px}.page-description{color:#64748b;font-size:16px;margin-bottom:30px}.maintenance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.maintenance-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.maintenance-card h3{color:#334155;margin-bottom:15px}.status-indicator{border-radius:20px;font-size:14px;font-weight:600;margin-bottom:10px;padding:5px 15px}.status-indicator.online{background-color:#dcfce7;color:#166534}.status-indicator.healthy{background-color:#dbeafe;color:#1e40af}.status-indicator.pending{background-color:#fef3c7;color:#92400e}.settings-section{margin-bottom:30px}.settings-section h3{color:#334155;font-size:20px;margin-bottom:15px}.settings-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.settings-card label{background:#f8fafc;border-radius:6px;cursor:pointer;display:block;margin-bottom:15px;padding:10px}.settings-card label:hover{background:#f1f5f9}.settings-card input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.profile-info p{background:#f8fafc;border-radius:6px;margin-bottom:10px;padding:10px}.admin-content{padding:20px}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.card h3{color:#64748b;font-size:14px;margin-bottom:10px}.card p{color:#1e293b;font-size:32px;font-weight:600}.users-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;overflow:hidden}.users-table h2{border-bottom:1px solid #e2e8f0;margin:0;padding:20px}.users-table-content{padding:20px}.admin-dashboard-container{background:#f9fafb;color:#1e2330;font-family:Raleway,sans-serif;margin-left:240px;min-height:100vh;padding:2rem}.dashboard-main-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.dashboard-header-left{flex:1 1}.dashboard-page-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:2rem;font-weight:800;margin:0 0 .5rem}.dashboard-server-status{align-items:center;display:flex;gap:.5rem}.status-indicator{display:inline-block}.status-indicator.online{animation:pulse 2s ease-in-out infinite;background:#10b981;box-shadow:0 0 8px #10b98199}.status-text{color:#10b981;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:600}.dashboard-header-right{align-items:center;display:flex;gap:1.5rem}.dashboard-user-info{align-items:center;display:flex;gap:1rem}.dashboard-user-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;box-shadow:0 4px 12px #c628284d;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.dashboard-user-details{display:flex;flex-direction:column}.dashboard-user-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700}.dashboard-user-role{color:#6b7280;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:500}.dashboard-logout-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-logout-btn:hover{background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.dashboard-logout-icon{font-size:1.125rem}.dashboard-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}.dashboard-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s ease}.dashboard-stat-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.dashboard-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;width:64px}.dashboard-stat-icon.users{background:linear-gradient(135deg,#fee,#fdd)}.dashboard-stat-icon.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.dashboard-stat-icon.trial{background:linear-gradient(135deg,#fef3c7,#fde047)}.dashboard-stat-icon.paid{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.dashboard-stat-content{flex:1 1}.dashboard-stat-title{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-stat-number,.dashboard-stat-title{font-family:Raleway,sans-serif;margin:0 0 .5rem}.dashboard-stat-number{color:#1e2330;font-size:2rem;font-weight:800;line-height:1}.dashboard-stat-trend{align-items:center;border-radius:12px;display:inline-flex;font-family:Raleway,sans-serif;font-size:.8125rem;font-weight:600;padding:.25rem .625rem}.dashboard-stat-trend.positive{background:#d1fae5;color:#065f46}.dashboard-stat-trend.neutral{background:#e5e7eb;color:#4b5563}.dashboard-dev-section{background:linear-gradient(135deg,#1e2330,#0f1419);border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;margin-bottom:2rem;padding:2rem}.dashboard-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.dashboard-section-title{align-items:center;color:inherit;display:flex;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.dashboard-section-icon{font-size:1.75rem}.dashboard-dev-tag{background:#c6282833;border:1px solid #c628284d;border-radius:20px;color:#fca5a5;font-family:Raleway,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.dashboard-dev-buttons{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-dev-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.5rem;transition:all .3s ease}.dashboard-dev-button:hover:not(:disabled){background:#fff3;border-color:#c62828;transform:translateY(-2px)}.dashboard-dev-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-button-icon{font-size:1.125rem}.dashboard-maintenance-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:2rem}.dashboard-maintenance-section .dashboard-section-title{color:#1e2330}.dashboard-section-subtitle{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9375rem;margin:.5rem 0 0}.dashboard-toggle-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-toggle-btn:hover{background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.dashboard-filter-container{margin:1.5rem 0}.dashboard-filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.dashboard-filter-btn{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-transform:capitalize;transition:all .3s ease}.dashboard-filter-btn:hover{background:#e5e7eb}.dashboard-filter-btn.active{background:#c62828;border-color:#c62828;color:#fff}.dashboard-filter-count{background:#0000001a;border-radius:12px;font-size:.75rem;padding:.125rem .5rem}.dashboard-filter-btn.active .dashboard-filter-count{background:#fff3}.dashboard-maintenance-form{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin:1.5rem 0;padding:2rem}.dashboard-form-header{margin-bottom:1.5rem}.dashboard-form-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.dashboard-form-group{margin-bottom:1.5rem}.dashboard-form-label{color:#1e2330;display:block;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.dashboard-form-input,.dashboard-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1e2330;font-family:Raleway,sans-serif;font-size:.9375rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.dashboard-form-input:focus,.dashboard-form-textarea:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.dashboard-form-textarea{min-height:100px;resize:vertical}.dashboard-date-group{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.dashboard-form-actions{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-submit-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;padding:.875rem 1.75rem;transition:all .3s ease}.dashboard-submit-btn:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.dashboard-submit-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-cancel-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;transition:all .3s ease}.dashboard-cancel-btn:hover{border-color:#c62828;color:#c62828;transform:translateY(-2px)}.dashboard-loading-form{align-items:center;color:#6b7280;display:flex;font-family:Raleway,sans-serif;gap:1rem;justify-content:center;padding:3rem}.dashboard-loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#c62828;height:24px;width:24px}.dashboard-maintenance-list{margin-top:2rem}.dashboard-list-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:700;margin:0 0 1.25rem}.dashboard-empty-state{padding:4rem 2rem;text-align:center}.dashboard-empty-icon{font-size:4rem;margin-bottom:1rem}.dashboard-empty-text{color:#6b7280;font-family:Raleway,sans-serif;font-size:1.125rem;margin:0 0 1.5rem}.dashboard-empty-button{background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.dashboard-empty-button:hover{background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.dashboard-maintenance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.dashboard-maintenance-item{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #c62828;border-radius:10px;padding:1.5rem;transition:all .3s ease}.dashboard-maintenance-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.dashboard-item-title{color:#1e2330;display:block;font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.dashboard-status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.dashboard-item-actions{display:flex;gap:.5rem}.dashboard-delete-btn,.dashboard-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .3s ease}.dashboard-edit-btn{background:#dbeafe;color:#1e40af}.dashboard-edit-btn:hover{background:#bfdbfe;transform:translateY(-1px)}.dashboard-delete-btn{background:#fee2e2;color:#991b1b}.dashboard-delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.dashboard-action-icon{font-size:.875rem}.dashboard-item-description{color:#6b7280;font-family:Raleway,sans-serif;font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.dashboard-item-details{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.dashboard-item-details .dashboard-detail-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.dashboard-detail-label{color:#6b7280;font-family:Raleway,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-detail-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;text-align:right}.dashboard-active-warning{align-items:center;background:#fef3c7;border:1px solid #fde047;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.875rem 1rem}.dashboard-warning-icon{font-size:1.125rem}.dashboard-recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.dashboard-recent-activity .dashboard-section-title{color:#1e2330}.dashboard-view-all{background:#fff;border:2px solid #c62828;border-radius:8px;color:#c62828;cursor:pointer;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.dashboard-view-all:hover{background:#c62828;color:#fff;transform:translateY(-2px)}.dashboard-activity-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.dashboard-activity-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.dashboard-activity-item:hover{background:#fff5f5;border-color:#c62828;transform:translateX(4px)}.dashboard-activity-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.dashboard-activity-content{flex:1 1;min-width:0}.dashboard-activity-title{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.dashboard-activity-title .dashboard-user-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700}.dashboard-user-plan{border-radius:12px;font-family:Raleway,sans-serif;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:.25rem .625rem;text-transform:uppercase}.dashboard-user-plan.trial{background:#fef3c7;color:#92400e}.dashboard-user-plan.paid{background:#d1fae5;color:#065f46}.dashboard-user-plan.unknown{background:#e5e7eb;color:#4b5563}.dashboard-activity-details{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-activity-details .dashboard-detail-item{align-items:center;color:#6b7280;display:flex;font-family:Raleway,sans-serif;font-size:.8125rem;gap:.375rem}.dashboard-detail-icon{font-size:.875rem}@media (max-width:992px){.dashboard-maintenance-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard-container{padding:1rem}.dashboard-main-header{align-items:flex-start;flex-direction:column;padding:1.25rem}.dashboard-header-right{align-items:stretch;flex-direction:column;width:100%}.dashboard-logout-btn{justify-content:center;width:100%}.dashboard-page-title{font-size:1.5rem}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-dev-section,.dashboard-maintenance-section,.dashboard-recent-activity{padding:1.5rem}.dashboard-section-header{align-items:flex-start;flex-direction:column}.dashboard-toggle-btn,.dashboard-view-all{justify-content:center;width:100%}.dashboard-filter-buttons{flex-direction:column}.dashboard-filter-btn{justify-content:center;width:100%}.dashboard-maintenance-form{padding:1.25rem}.dashboard-date-group{grid-template-columns:1fr}.dashboard-form-actions{flex-direction:column}.dashboard-submit-btn{order:1}.dashboard-cancel-btn{order:2}.dashboard-item-header{align-items:flex-start;flex-direction:column}.dashboard-item-actions{justify-content:flex-start;width:100%}}@media (max-width:480px){.dashboard-stat-card{flex-direction:column;text-align:center}.dashboard-stat-icon{font-size:1.75rem;height:56px;width:56px}.dashboard-dev-buttons{flex-direction:column}.dashboard-dev-button{justify-content:center;width:100%}.dashboard-activity-item{flex-direction:column;text-align:center}.dashboard-activity-details{justify-content:center}}:root{--border-light:#ececec;--shadow-soft:0 4px 16px #0000000f;--dropdown-bg:#fff5f5}.quantum-nav{background:#fff;background:var(--bg-white);font-family:Raleway,sans-serif;position:fixed;top:0;width:100%;z-index:1000}.quantum-nav--scrolled{border-bottom:1px solid #ececec;border-bottom:1px solid var(--border-light);box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-soft)}.quantum-nav__container{height:86px;justify-content:space-between;margin:auto;max-width:1380px;padding:0 22px}.quantum-nav__brand,.quantum-nav__container,.quantum-nav__logo-orb{align-items:center;display:flex}.quantum-nav__logo-orb{height:64px;width:144px}.quantum-nav__logo-img{height:82px;object-fit:contain;width:182px}.cc-nav-links-main{gap:34px;margin-left:140px}.cc-nav-item,.cc-nav-links-main{align-items:center;display:flex;height:100%}.cc-nav-item{position:relative}.cc-nav-link-item{align-items:center;background:none;border:none;border-radius:6px;color:#1e2330;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:6px;height:40px;padding:0 8px;transition:.2s ease}.cc-nav-link-item:hover{background:#c628280f;color:#c62828;color:var(--primary)}.cc-dropdown-arrow{font-size:10px;transform:translateY(1px)}.cc-dropdown-menu{background:linear-gradient(180deg,#fff5f5,#fff);background:linear-gradient(180deg,var(--dropdown-bg),#fff);border-radius:18px;box-shadow:0 18px 40px #c628282e;display:none;left:50%;min-width:560px;padding:26px;position:absolute;top:74px;transform:translateX(-50%)}.cc-dropdown:hover .cc-dropdown-menu{display:block}.cc-dropdown-grid{grid-gap:48px;background:#fff;border-radius:14px;display:grid;gap:48px;justify-content:center;padding:28px 30px}.cc-two-column{grid-template-columns:repeat(2,240px)}.cc-five-column{grid-template-columns:repeat(3,240px)}.cc-dropdown-column{text-align:center}.cc-dropdown-title{color:#c62828;color:var(--primary);font-size:15px;font-weight:700;margin-bottom:18px;position:relative;text-align:justify}.cc-dropdown-title:after{background:#c62828;background:var(--primary);border-radius:2px;content:"";display:block;height:2px;margin-top:8px;width:40px}.cc-dropdown-link{color:#1e2330;color:var(--text-dark);display:block;font-size:16.5px;font-weight:500;line-height:1.75;padding:8px 0;text-align:justify;text-decoration:none;transition:color .2s ease}.cc-dropdown-link:hover{color:#c62828;color:var(--primary)}.cc-features-menu .cc-dropdown-link{line-height:1.9;padding:12px 0}.quantum-nav__right{align-items:center;display:flex;gap:16px}.quantum-nav__auth{display:flex;gap:10px}.quantum-nav__auth-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:6px;height:40px;padding:0 16px}.quantum-nav__auth-btn--login{background:#fff;border:1px solid #ececec;border:1px solid var(--border-light);color:#1e2330;color:var(--text-dark);height:40px}.quantum-nav__auth-btn--login:hover{border-color:#c62828;border-color:var(--primary);color:#c62828;color:var(--primary)}.quantum-nav__auth-btn--cta{background:#c62828;background:var(--primary);color:#fff}.quantum-nav__auth-btn--cta:hover{box-shadow:0 4px 12px #c6282859}.cc-single-column{grid-template-columns:1fr;justify-content:center}.cc-pricing-menu{min-width:320px;padding:26px}@media (max-width:1024px){.cc-nav-links-main,.quantum-nav__auth--desktop{display:none}.quantum-nav__toggle{display:block}}.elfsight-translator-container{left:300px;margin-top:200px;min-height:50px;position:relative;z-index:1000}.elfsight-loading{align-items:center;background:#bc8cdc;border-radius:4px;color:#666;display:flex;font-size:14px;justify-content:center;padding:10px}.elfsight-error{background:#ffe6e6;border:1px solid #fcc;border-radius:4px;color:#d63031;padding:10px;text-align:center}.elfsight-error button{background:#d63031;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-top:8px;padding:5px 15px}.elfsight-error button:hover{background:#c23616}@media (max-width:480px){.elfsight-translator-container{transform:scale(.9);transform-origin:left center}}.elfsight-app-b0189deb-f76c-4696-81cd-5d7b5fdf191c{display:block!important;width:100%!important}:root{--hrcp-primary:#d32f2f;--hrcp-primary-dark:#9a0007;--hrcp-primary-light:#ff6659;--hrcp-secondary:#212121;--hrcp-text-primary:#1e2330;--hrcp-text-secondary:#5f6368;--hrcp-text-light:#8a8d93;--hrcp-white:#fff;--hrcp-background:#f8f9fa;--hrcp-border:#e0e0e0;--hrcp-success:#2e7d32;--hrcp-error:#d32f2f;--hrcp-warning:#f57c00;--hrcp-shadow-sm:0 2px 8px #00000014;--hrcp-shadow-md:0 4px 16px #0000001a;--hrcp-shadow-lg:0 8px 32px #0000001f;--hrcp-radius-sm:6px;--hrcp-radius-md:8px;--hrcp-radius-lg:12px;--hrcp-radius-xl:16px}.hrcp-auth-container{margin-top:60px;min-height:100vh;overflow:hidden;position:relative;width:100%}.hrcp-auth-background{background:linear-gradient(135deg,#d32f2f0d,#21212114);height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.hrcp-background-image,.hrcp-background-overlay{display:none}.hrcp-auth-content-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px;position:relative;z-index:1}.hrcp-auth-left{align-items:center;background:linear-gradient(135deg,#d32f2f,#212121);background:linear-gradient(135deg,var(--hrcp-primary) 0,var(--hrcp-secondary) 100%);border-radius:16px;border-radius:var(--hrcp-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--hrcp-shadow-lg);display:flex;justify-content:center;padding:40px}.hrcp-auth-content{max-width:500px;width:100%}.hrcp-auth-tagline{color:#fff;color:var(--hrcp-white);font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:48px}.hrcp-highlight{color:#ffd54f;text-shadow:0 2px 8px #ffd54f4d}.hrcp-features-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.hrcp-feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--hrcp-radius-lg);display:flex;gap:16px;padding:20px;transition:all .3s ease}.hrcp-feature-item:hover{background:#ffffff26;transform:translateX(5px)}.hrcp-feature-icon{align-items:center;background:#ffffff26;border-radius:8px;border-radius:var(--hrcp-radius-md);display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.hrcp-feature-text h3{color:#fff;color:var(--hrcp-white);font-size:18px;font-weight:700;margin-bottom:6px}.hrcp-feature-text p{color:#ffffffd9;font-size:14px;font-weight:400;line-height:1.5}.hrcp-testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--hrcp-radius-lg);margin-bottom:32px;padding:24px}.hrcp-testimonial-quote{color:#fffffff2;font-size:15px;font-style:italic;font-weight:400;line-height:1.6;margin-bottom:16px}.hrcp-testimonial-author{align-items:center;display:flex;gap:12px}.hrcp-author-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.hrcp-author-name{color:#fff;color:var(--hrcp-white);font-size:14px}.hrcp-author-title{color:#fffc;font-size:12px;font-weight:400}.hrcp-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.hrcp-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--hrcp-radius-lg);padding:20px 12px;text-align:center}.hrcp-stat-number{color:#fff;color:var(--hrcp-white);font-size:28px;font-weight:800;margin-bottom:4px}.hrcp-stat-label{color:#ffffffd9;font-size:12px;font-weight:500}.hrcp-auth-right{align-items:center;display:flex;justify-content:center;padding:40px 20px}.hrcp-auth-form-wrapper{background:#fff;background:var(--hrcp-white);border-radius:16px;border-radius:var(--hrcp-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--hrcp-shadow-lg);max-width:480px;padding:48px 40px;width:100%}.hrcp-auth-form-header{margin-bottom:32px;text-align:center}.hrcp-form-title{color:#1e2330;color:var(--hrcp-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.hrcp-form-subtitle{color:#5f6368;color:var(--hrcp-text-secondary);font-size:15px;font-weight:400;margin-bottom:16px}.hrcp-trial-badge{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:20px;color:#fff;color:var(--hrcp-white);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:12px;padding:8px 16px}.hrcp-auth-toggle{grid-gap:8px;background:#f8f9fa;background:var(--hrcp-background);border-radius:8px;border-radius:var(--hrcp-radius-md);display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px}.hrcp-toggle-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--hrcp-radius-sm);color:#5f6368;color:var(--hrcp-text-secondary);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.hrcp-toggle-btn.hrcp-active{background:#fff;background:var(--hrcp-white);box-shadow:0 2px 8px #00000014;box-shadow:var(--hrcp-shadow-sm);color:#d32f2f;color:var(--hrcp-primary)}.hrcp-alert{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--hrcp-radius-md);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 16px}.hrcp-alert-icon{flex-shrink:0;font-size:18px}.hrcp-alert-success{background:#e8f5e9;border-color:#81c784;color:#2e7d32;color:var(--hrcp-success)}.hrcp-alert-error{background:#ffebee;border-color:#ef9a9a;color:#d32f2f;color:var(--hrcp-error)}.hrcp-alert-warning{background:#fff3e0;border-color:#ffb74d;color:#f57c00;color:var(--hrcp-warning)}.hrcp-trial-info{background:linear-gradient(135deg,#4caf501a,#2e7d320d);border:1px solid #81c784;border-radius:8px;border-radius:var(--hrcp-radius-md);margin-bottom:24px;padding:16px;text-align:center}.hrcp-trial-info h4{color:#2e7d32;color:var(--hrcp-success);font-size:16px;font-weight:700;margin-bottom:6px}.hrcp-trial-info p{color:#5f6368;color:var(--hrcp-text-secondary);font-size:13px}.hrcp-auth-form{display:flex;flex-direction:column;gap:20px}.hrcp-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.hrcp-form-group{display:flex;flex-direction:column;gap:8px}.hrcp-form-label{color:#1e2330;color:var(--hrcp-text-primary);font-size:14px;font-weight:600;letter-spacing:.2px}.hrcp-form-input,.hrcp-form-textarea{background:#fff;background:var(--hrcp-white);border:1.5px solid #e0e0e0;border:1.5px solid var(--hrcp-border);border-radius:8px;border-radius:var(--hrcp-radius-md);color:#1e2330;color:var(--hrcp-text-primary);font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.hrcp-form-input:focus,.hrcp-form-textarea:focus{border-color:#d32f2f;border-color:var(--hrcp-primary);box-shadow:0 0 0 3px #d32f2f1a}.hrcp-form-input:disabled,.hrcp-form-textarea:disabled{background:#f8f9fa;background:var(--hrcp-background);cursor:not-allowed;opacity:.6}.hrcp-form-input::placeholder,.hrcp-form-textarea::placeholder{color:#8a8d93;color:var(--hrcp-text-light);font-weight:400}.hrcp-form-textarea{min-height:100px;resize:vertical}.hrcp-otp-input{font-size:24px;font-weight:700;letter-spacing:12px;text-align:center}.hrcp-btn-pricing,.hrcp-btn-primary,.hrcp-btn-secondary,.hrcp-btn-text{align-items:center;border:none;border-radius:8px;border-radius:var(--hrcp-radius-md);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.hrcp-btn-primary{background:linear-gradient(135deg,#d32f2f,#9a0007);background:linear-gradient(135deg,var(--hrcp-primary),var(--hrcp-primary-dark));box-shadow:0 4px 12px #d32f2f40;color:#fff;color:var(--hrcp-white)}.hrcp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9a0007,#6d0000);background:linear-gradient(135deg,var(--hrcp-primary-dark),#6d0000);box-shadow:0 6px 16px #d32f2f59;transform:translateY(-1px)}.hrcp-btn-primary:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.hrcp-btn-secondary{background:#f8f9fa;background:var(--hrcp-background);border:1.5px solid #e0e0e0;border:1.5px solid var(--hrcp-border);color:#1e2330;color:var(--hrcp-text-primary)}.hrcp-btn-secondary:hover:not(:disabled){background:#eee;border-color:#bdbdbd}.hrcp-btn-text{background:#0000;color:#d32f2f;color:var(--hrcp-primary);font-size:14px;padding:12px}.hrcp-btn-text:hover{background:#d32f2f0d}.hrcp-btn-pricing{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 12px #4caf5040;color:#fff;color:var(--hrcp-white)}.hrcp-btn-pricing:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 6px 16px #4caf5059;transform:translateY(-1px)}.hrcp-spinner{animation:hrcp-spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top:2.5px solid var(--hrcp-white);display:inline-block;height:18px;width:18px}@keyframes hrcp-spin{to{transform:rotate(1turn)}}.hrcp-otp-header{margin-bottom:24px;text-align:center}.hrcp-otp-header h3{color:#1e2330;color:var(--hrcp-text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.hrcp-otp-header p{color:#5f6368;color:var(--hrcp-text-secondary);font-size:14px;line-height:1.5}.hrcp-otp-email{color:#d32f2f;color:var(--hrcp-primary);font-weight:600}.hrcp-auth-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--hrcp-border);margin-top:24px;padding-top:20px;text-align:center}.hrcp-footer-text{color:#8a8d93;color:var(--hrcp-text-light);font-size:13px}.hrcp-trial-ended-banner{align-items:center;background:linear-gradient(135deg,#ff98001a,#f57c000d);border:1px solid #ffb74d;border-radius:8px;border-radius:var(--hrcp-radius-md);display:flex;gap:16px;margin-bottom:24px;padding:20px}.hrcp-banner-icon{flex-shrink:0;font-size:32px}.hrcp-banner-content h4{color:#f57c00;color:var(--hrcp-warning);font-size:16px;font-weight:700;margin-bottom:4px}.hrcp-banner-content p{color:#5f6368;color:var(--hrcp-text-secondary);font-size:13px}@media (max-width:1200px){.hrcp-auth-content-container{gap:30px;padding:30px}.hrcp-auth-tagline{font-size:36px}}@media (max-width:968px){.hrcp-auth-content-container{gap:30px;grid-template-columns:1fr;padding:20px}.hrcp-auth-left{order:2;padding:30px 20px}.hrcp-auth-right{order:1;padding:20px}.hrcp-auth-content{max-width:600px}.hrcp-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hrcp-auth-form-wrapper{padding:36px 28px}.hrcp-auth-tagline{font-size:32px}.hrcp-form-title{font-size:24px}.hrcp-form-row{gap:20px;grid-template-columns:1fr}}@media (max-width:560px){.hrcp-auth-content-container{padding:16px}.hrcp-auth-form-wrapper{padding:28px 20px}.hrcp-auth-left{padding:24px 16px}.hrcp-auth-tagline{font-size:28px}.hrcp-form-title{font-size:22px}.hrcp-btn-pricing,.hrcp-btn-primary,.hrcp-btn-secondary{font-size:14px;padding:12px 20px}.hrcp-otp-input{font-size:20px;letter-spacing:8px}.hrcp-stats-grid{gap:12px}.hrcp-stat-number{font-size:24px}}.maintenance-notice{animation:slideDown .4s ease;background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;font-size:14px;font-weight:500;padding:10px 16px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:9999}.hrc-container{color:#333;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}.hrc-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;padding:1rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.hrc-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.hrc-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3a57e8,#8a3aff);-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.hrc-nav-menu{display:flex;gap:2rem}.hrc-nav-link{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s ease}.hrc-nav-link:hover{color:#3a57e8}.hrc-nav-icon{font-size:1rem}.hrc-nav-dropdown{position:relative}.hrc-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:.5rem;left:0;margin-top:.5rem;min-width:200px;padding:1rem;position:absolute;top:100%;z-index:100}.hrc-dropdown-menu a{border-radius:8px;color:#333;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.hrc-dropdown-menu a:hover{background:#f7f9ff;color:#3a57e8}.hrc-nav-actions{align-items:center;display:flex;gap:1rem}.hrc-btn-primary,.hrc-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.hrc-btn-primary:hover{box-shadow:0 10px 20px #3a57e84d}.hrc-btn-secondary{background:#0000;border:2px solid #3a57e8}.hrc-btn-secondary:hover{background:#f7f9ff}.hrc-mobile-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem}.hrc-clients-showcase{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:80px 0;position:relative}.hrc1-container{margin:0 auto;max-width:1300px;padding:0 20px;position:relative;z-index:2}.hrc-section-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:20px;display:inline-flex;gap:8px;margin-bottom:16px;padding:8px 16px}.hrc-badge-text{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.hrc-badge-dot{animation:hrc-pulse 2s infinite;background:#7c3aed;border-radius:50%;height:6px;width:6px}.hrc-section-title{color:#1f2937;font-size:48px;font-weight:700;margin-bottom:16px}.hrc-section-subtitle{color:#6b7280;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.hrc-clients-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.hrc-client-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e9d5ff;border-radius:16px;box-shadow:0 4px 15px #7c3aed14;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.hrc-client-card:hover{border-color:#c4b5fd;box-shadow:0 20px 40px #7c3aed26;transform:translateY(-5px)}.hrc-logo-wrapper{align-items:center;background:#7c3aed0d;border-radius:12px;display:flex;height:80px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative;width:80px}.hrc-client-logo{filter:brightness(0) saturate(100%);max-height:60%;max-width:60%;transition:all .3s ease}.hrc-logo-overlay{background:linear-gradient(135deg,#7c3aed33,#0000);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hrc-client-card:hover .hrc-logo-overlay{opacity:1}.hrc-client-details h4.hrc-client-name{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:4px}.hrc-client-industry{color:#6b7280;font-size:14px;margin-bottom:16px}.hrc-client-metrics{display:flex;gap:16px}.hrc-metric{text-align:center}.hrc-metric-value{color:#7c3aed;display:block;font-size:24px;margin-bottom:4px}.hrc-metric-label{font-size:12px}.hrc-ai-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:8px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:16px;text-transform:uppercase;top:16px}.hrc-card-glow{background:radial-gradient(circle at center,#7c3aed1a,#0000 70%)}.hrc-client-card:hover .hrc-card-glow{opacity:1}.hrc-partners-carousel{margin-bottom:80px;position:relative}.hrc-carousel-container{overflow:hidden;position:relative}.hrc-carousel-track{animation:hrc-scroll 30s linear infinite;display:flex}.hrc-carousel-slide{display:flex;gap:40px;padding:20px 0}.hrc-partner-logo{align-items:center;background:#fff;border:1px solid #e9d5ff;border-radius:8px;box-shadow:0 2px 8px #7c3aed0d;display:flex;flex-shrink:0;height:60px;justify-content:center;padding:12px;transition:all .3s ease;width:120px}.hrc-partner-logo:hover{background:#fff;border-color:#c4b5fd;box-shadow:0 4px 15px #7c3aed26;transform:scale(1.05)}.hrc-partner-logo img{max-height:80%;max-width:80%;transition:filter .3s ease}.hrc-partner-logo:hover img{filter:grayscale(0) opacity(10)}.hrc-testimonials-section{margin-bottom:80px}.hrc-testimonial-card{grid-gap:40px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e9d5ff;border-radius:20px;box-shadow:0 10px 30px #7c3aed1a;display:grid;gap:40px;grid-template-columns:1fr auto;padding:40px}.hrc-testimonial-content{position:relative}.hrc-quote-mark{color:#7c3aed;font-size:80px;line-height:1;margin-bottom:-20px;opacity:.2}.hrc-testimonial-text{color:#1f2937;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:24px}.hrc-testimonial-author{align-items:center;display:flex;gap:12px}.hrc-author-avatar{border:2px solid #7c3aed;border-radius:50%;height:48px;overflow:hidden;width:48px}.hrc-author-avatar img{height:100%;object-fit:cover;width:100%}.hrc-author-details h5{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:2px}.hrc-author-title{color:#6b7280;font-size:14px}.hrc-testimonial-stats{display:flex;flex-direction:column;gap:20px}.hrc-testimonial-metric{background:#7c3aed0d;border:1px solid #e9d5ff;border-radius:12px;padding:16px;text-align:center}.hrc-metric-number{color:#7c3aed;display:block;font-size:32px;font-weight:700;margin-bottom:4px}.hrc-metric-description{color:#6b7280;font-size:14px}.hrc-performance-metrics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:80px}.hrc-metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e9d5ff;border-radius:16px;box-shadow:0 4px 15px #7c3aed14;padding:32px 24px;text-align:center;transition:all .3s ease}.hrc-metric-card:hover{background:#faf5ff;border-color:#c4b5fd;box-shadow:0 10px 30px #7c3aed26;transform:translateY(-5px)}.hrc-metric-icon{align-items:center;background:#7c3aed1a;border-radius:12px;color:#7c3aed;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.hrc-metric-value{color:#1f2937;font-size:36px;margin-bottom:8px}.hrc-metric-label{color:#6b7280;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.hrc-cta-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e9d5ff;border-radius:20px;box-shadow:0 10px 30px #7c3aed1a;overflow:hidden;padding:60px 40px;position:relative}.hrc-cta-content{position:relative;z-index:2}.hrc-cta-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:16px}.hrc-cta-description{color:#6b7280;font-size:18px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:500px}.hrc-cta-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hrc-cta-button{border-radius:12px;display:inline-flex;gap:8px;padding:12px 24px;text-decoration:none}.hrc-cta-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 15px #7c3aed4d;color:#fff}.hrc-cta-primary:hover{box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px)}.hrc-cta-secondary{background:#fff;border:2px solid #e9d5ff;color:#7c3aed}.hrc-cta-secondary:hover{background:#faf5ff;border-color:#c4b5fd;transform:translateY(-2px)}.hrc-cta-glow{animation:hrc-rotate 10s linear infinite;background:radial-gradient(circle at center,#7c3aed14,#0000 50%);bottom:-50%;left:-50%;position:absolute;right:-50%;top:-50%}.hrc-background-elements{pointer-events:none}.hrc-background-elements,.hrc-bg-grid{bottom:0;left:0;position:absolute;right:0;top:0}.hrc-bg-grid{background-image:linear-gradient(#7c3aed0d 1px,#0000 0),linear-gradient(90deg,#7c3aed0d 1px,#0000 0);background-size:50px 50px;opacity:.5}.hrc-bg-glow{border-radius:50%;filter:blur(80px);opacity:.2;position:absolute}.hrc-glow-primary{background:radial-gradient(circle,#7c3aed,#0000 70%);height:500px;right:-200px;top:-200px;width:500px}.hrc-glow-secondary{background:radial-gradient(circle,#a855f7,#0000 70%);bottom:-150px;height:400px;left:-150px;width:400px}@keyframes hrc-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes hrc-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.hrc-section-title{font-size:36px}.hrc-clients-grid,.hrc-testimonial-card{grid-template-columns:1fr}.hrc-testimonial-card{gap:24px;text-align:center}.hrc-testimonial-stats{flex-direction:row;justify-content:center}.hrc-performance-metrics{grid-template-columns:repeat(2,1fr)}.hrc-cta-actions{align-items:center;flex-direction:column}.hrc-cta-button{justify-content:center;max-width:280px;width:100%}}@media (max-width:480px){.hrc1-container{padding:0 16px}.hrc-section-title{font-size:28px}.hrc-performance-metrics{grid-template-columns:1fr}.hrc-testimonial-card{padding:24px}.hrc-cta-section{padding:40px 24px}}.hrc-features-section{padding:5rem 0}.hrc-features-section .hrc-container{margin:0 auto;max-width:1200px;padding:0 2rem}.hrc-section-header{margin-bottom:4rem}.hrc-section-header h2{margin-bottom:1rem}.hrc-features-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.hrc-feature{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;opacity:.7;padding:2.5rem 2rem;text-align:center;transform:scale(.95);transition:all .3s ease}.hrc-feature.hrc-active{box-shadow:0 20px 40px #3a57e826;opacity:1;transform:scale(1)}.hrc-feature-icon{background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:50%;font-size:2rem;height:80px;margin:0 auto 1.5rem;width:80px}.hrc-feature h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:1rem}.hrc-feature p{color:#666;margin-bottom:1.5rem}.hrc-feature-list{list-style:none;text-align:left}.hrc-feature-list li{align-items:center;color:#555;display:flex;gap:.5rem;margin-bottom:.5rem}.hrc-feature-list li svg{color:#3a57e8}.hrc-benefits-section{background:#f7f9ff;padding:5rem 0}.hrc-benefits-section .hrc-container{margin:0 auto;max-width:1200px;padding:0 2rem}.hrc-benefits-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hrc-benefits-text h2{color:#1a1a1a;font-size:2.5rem;margin-bottom:1.5rem}.hrc-benefits-text>p{color:#666;font-size:1.2rem;margin-bottom:3rem}.hrc-benefit-item{display:flex;gap:1.5rem;margin-bottom:2.5rem}.hrc-benefit-icon{align-items:center;background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.hrc-benefit-desc h4{color:#1a1a1a;font-size:1.25rem;margin-bottom:.5rem}.hrc-benefit-desc p{color:#666}.hrc-benefits-visual{position:relative}.hrc-benefits-image{border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative}.hrc-benefits-img{display:block;height:auto;width:100%}.hrc-floating-element{animation:hrc-float-element 3s ease-in-out infinite;background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:50%;opacity:.3;position:absolute}.hrc-el-1{animation-delay:0s;height:80px;right:-20px;top:-20px;width:80px}.hrc-el-2{animation-delay:1s;bottom:30px;height:40px;left:-20px;width:40px}.hrc-el-3{animation-delay:2s;bottom:-30px;height:60px;right:50px;width:60px}@keyframes hrc-float-element{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hrc-more-features-section{padding:5rem 0}.hrc-more-features-section .hrc-container{margin:0 auto;max-width:1200px;padding:0 2rem}.hrc-more-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.hrc-more-feature-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.hrc-more-feature-card:hover{box-shadow:0 15px 35px #3a57e81a;transform:translateY(-5px)}.hrc-more-feature-icon{align-items:center;background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.hrc-more-feature-card h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:1rem}.hrc-more-feature-card p{color:#666}.hrc-cta-section{background:linear-gradient(135deg,#ff6b8c1a,#ffa5001a);color:#fff;padding:5rem 0;text-align:center}.hrc-cta-section .hrc-container{margin:0 auto;max-width:800px;padding:0 2rem}.hrc-cta-content h2{color:#000;font-size:2.5rem;margin-bottom:1rem}.hrc-cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.hrc-cta-buttons{display:flex;gap:1rem;justify-content:center}.hrc-btn-cta-primary,.hrc-btn-cta-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.hrc-btn-cta-primary{background:#fff;color:#3a57e8}.hrc-btn-cta-primary:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.hrc-btn-cta-secondary{background:#0000;border:2px solid #fff;color:#fff}.hrc-btn-cta-secondary:hover{background:#ffffff1a}.hrc-footer-section{background:#1a1a1a;color:#fff;padding:4rem 0 2rem}.hrc-footer-section .hrc-container{margin:0 auto;max-width:1200px;padding:0 2rem}.hrc-footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;margin-bottom:3rem}.hrc-footer-section h3,.hrc-footer-section h4{color:#fff;margin-bottom:1.5rem}.hrc-footer-section p{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.hrc-footer-section ul{list-style:none}.hrc-footer-section ul li{margin-bottom:.75rem}.hrc-footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.hrc-footer-section ul li a:hover{color:#fff}.hrc-social-links{display:flex;gap:1rem}.hrc-social-links a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.hrc-social-links a:hover{background:#3a57e8;transform:translateY(-2px)}.hrc-subscribe-form{display:flex;gap:.5rem;margin-top:1rem}.hrc-subscribe-form input{background:#ffffff1a;border:none;border-radius:8px;color:#fff;flex-grow:1;padding:.75rem}.hrc-subscribe-form input::placeholder{color:#ccc}.hrc-subscribe-form button{background:#3a57e8;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1rem;transition:all .3s ease}.hrc-subscribe-form button:hover{background:#2a46d8}.hrc-footer-bottom{align-items:center;border-top:1px solid #333;color:#ccc;display:flex;font-size:.875rem;justify-content:space-between;padding-top:2rem}.hrc-footer-links{display:flex;gap:1.5rem}.hrc-footer-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.hrc-footer-links a:hover{color:#fff}@media (max-width:1024px){.hrc-hero-title{font-size:2.8rem}.hrc-features-container,.hrc-more-features-grid,.hrc-testimonials-container{grid-template-columns:repeat(2,1fr)}.hrc-footer-content{grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.hrc-nav-menu{background:#fff;box-shadow:0 10px 30px #0000001a;flex-direction:column;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:80px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.hrc-nav-menu.hrc-nav-menu-open{opacity:1;transform:translateY(0);visibility:visible}.hrc-mobile-toggle{display:block}.hrc-hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hrc-hero-stats{justify-content:center}.hrc-benefits-content{grid-template-columns:1fr}.hrc-footer-content{grid-template-columns:1fr 1fr}.hrc-footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:640px){.hrc-features-container,.hrc-more-features-grid,.hrc-testimonials-container{grid-template-columns:1fr}.hrc-cta-buttons,.hrc-hero-buttons{align-items:center;flex-direction:column}.hrc-hero-title{font-size:2.2rem}.hrc-footer-content{grid-template-columns:1fr}.hrc-floating-card{display:none}}.quantum-auth-modal{box-sizing:border-box;padding:20px;z-index:10000}.quantum-modal-card{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;box-shadow:0 25px 50px -12px #00000040;max-width:480px;width:100%}.quantum-modal-close{align-items:center;border-radius:50%;color:#64748b;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.quantum-modal-close:hover{background:#0000000d;color:#334155}.quantum-modal-header h2{color:#1e293b;font-size:28px;margin:0 0 8px}.quantum-modal-header p{color:#64748b;font-size:16px;line-height:1.5;margin:0}.quantum-google-auth-btn{border:2px solid #e2e8f0;color:#374151;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.quantum-google-auth-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.quantum-google-icon{height:20px;width:20px}.quantum-divider{color:#64748b;font-size:14px}.quantum-divider:before{background:#e2e8f0}.quantum-divider span{position:relative}.quantum-form-input,.quantum-form-select{border:2px solid #e2e8f0;box-sizing:border-box;color:#1e293b;font-size:16px;transition:all .2s ease}.quantum-form-input:focus,.quantum-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quantum-form-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.quantum-input-label{color:#64748b;font-size:16px;transition:all .2s ease}.quantum-form-input:focus+.quantum-input-label,.quantum-form-input:not(:placeholder-shown)+.quantum-input-label,.quantum-form-select:focus+.quantum-input-label,.quantum-form-select:not([value=""])+.quantum-input-label{color:#3b82f6;font-size:12px;font-weight:600;left:12px}.quantum-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.quantum-submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:16px;padding:16px 24px;transition:all .2s ease;width:100%}.quantum-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.quantum-timer-text{color:#64748b;font-size:14px;margin:8px 0 0}.quantum-resend-link{color:#3b82f6;font-size:14px;font-weight:600;margin-top:8px;padding:8px;text-align:center;transition:color .2s ease;width:100%}.quantum-resend-link:hover{color:#1d4ed8;text-decoration:underline}.quantum-message-banner{animation:slideInUp .3s ease;border-radius:12px;font-size:14px;font-weight:500;padding:16px}.quantum-message-banner.quantum-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.quantum-message-banner.quantum-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}@media (max-width:768px){.quantum-auth-modal{padding:16px}.quantum-modal-card{border-radius:20px;padding:32px 24px}.quantum-modal-header h2{font-size:24px}.quantum-modal-header p{font-size:14px}.quantum-form-input,.quantum-form-select,.quantum-google-auth-btn,.quantum-submit-btn{font-size:15px;padding:14px 16px}}@media (max-width:480px){.quantum-modal-card{padding:24px 20px}.quantum-modal-header{margin-bottom:24px}.quantum-modal-header h2{font-size:22px}.quantum-auth-form{gap:16px}}.quantum-submit-btn:disabled{overflow:hidden;position:relative}.quantum-submit-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.quantum-form-input:focus-visible,.quantum-form-select:focus-visible,.quantum-google-auth-btn:focus-visible,.quantum-modal-close:focus-visible,.quantum-resend-link:focus-visible,.quantum-submit-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme:dark){.quantum-modal-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff1a}.quantum-modal-header h2{color:#f1f5f9}.quantum-modal-header p{color:#94a3b8}.quantum-form-input,.quantum-form-select{background:#334155;border-color:#475569;color:#f1f5f9}.quantum-form-input:focus,.quantum-form-select:focus{border-color:#3b82f6}.quantum-input-label{background:#334155;color:#94a3b8}.quantum-divider span{background:#1e293b}.quantum-google-auth-btn{background:#334155;border-color:#475569;color:#f1f5f9}.quantum-google-auth-btn:hover{background:#475569;border-color:#64748b}}.hrc-marquee-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090ddc;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:20px 0}.hrc-marquee-track{animation:hrc-marquee-scroll 40s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.hrc-marquee-content{gap:40px;padding:0 20px}.hrc-marquee-item{background:#b760aa1a;border:1px solid #fff3;border-radius:25px;color:#fffc;font-size:1.1rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.hrc-marquee-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hrc-marquee-item:hover:before{left:100%}.hrc-marquee-item:hover{background:#fff3;box-shadow:0 5px 15px #00ff884d;color:#0f8;transform:translateY(-2px)}@keyframes hrc-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hrc-features-section{background:linear-gradient(180deg,#fdfdfe,#fff);padding:80px 20px}.hrc-section-header{margin-bottom:60px;text-align:center}.hrc-section-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:15px}.hrc-section-header p{color:#666;font-size:1.2rem}.hrc-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.hrc-feature-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;overflow:hidden;padding:40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrc-feature-card:before{background:linear-gradient(90deg,#e91e63,#9c27b0);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.hrc-feature-card:hover:before{transform:scaleX(1)}.hrc-feature-card:hover{border-color:#e91e63;box-shadow:0 20px 40px #e91e6326;transform:translateY(-10px)}.hrc-feature-icon{align-items:center;background:linear-gradient(135deg,#e91e63,#9c27b0);border-radius:16px;color:#fff;display:flex;font-size:32px;height:70px;justify-content:center;margin-bottom:25px;transition:all .4s ease;width:70px}.hrc-feature-card:hover .hrc-feature-icon{box-shadow:0 10px 30px #e91e634d;transform:rotate(5deg) scale(1.1)}.hrc-feature-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:15px}.hrc-feature-card p{color:#666;font-size:1rem;line-height:1.6}.hrcp-benefits-showcase{background:linear-gradient(135deg,#fff,#fff);margin-top:-80px;overflow:hidden;padding:120px 20px;position:relative}.hrcp-benefits-showcase:before{animation:hrcp-bg-shift 15s ease-in-out infinite;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes hrcp-bg-shift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hrcp-showcase-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hrcp-showcase-header{animation:hrcp-fade-down .8s ease-out;margin-bottom:80px;text-align:center}@keyframes hrcp-fade-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hrcp-header-badge{-webkit-text-fill-color:#0000;animation:hrcp-badge-glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#a676af26;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;border:1px solid #a676af4d;border-radius:50px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 24px;position:relative;text-transform:uppercase}@keyframes hrcp-badge-glow{0%,to{box-shadow:0 0 10px #a676af4d}50%{box-shadow:0 0 20px #a676af80}}.hrcp-header-title{-webkit-text-fill-color:#0000;animation:hrcp-gradient-shift 5s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:52px;font-weight:800;line-height:1.2;margin-bottom:20px}@keyframes hrcp-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hrcp-header-subtitle{animation:hrcp-text-fade 1s ease-out .3s backwards;color:#666;font-size:20px;line-height:1.6;margin:0 auto;max-width:700px}@keyframes hrcp-text-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hrcp-showcase-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:60px}.hrcp-visual-column{animation:hrcp-slide-right 1s ease-out;position:relative}@keyframes hrcp-slide-right{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hrcp-image-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border:2px solid #a676af4d;border-radius:30px;padding:40px;position:relative}@keyframes hrcp-glow-pulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.hrcp-dashboard-image{border-radius:20px;box-shadow:0 20px 40px #8caed44d;display:block;height:auto;position:relative;transition:transform .5s ease;width:100%;z-index:2}.hrcp-image-wrapper:hover .hrcp-dashboard-image{transform:scale(1.02)}.hrcp-orbit-ring{animation:hrcp-rotate 20s linear infinite;border:2px solid #a676af66;border-radius:50%;position:absolute}.hrcp-ring-1{border-style:dashed;height:120%;left:-10%;top:-10%;width:120%}.hrcp-ring-2{animation-direction:reverse;animation-duration:30s;border-color:#8caed466;height:140%;left:-20%;top:-20%;width:140%}@keyframes hrcp-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hrcp-pulse-dot{animation:hrcp-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#a676af,#e066a6);border-radius:50%;box-shadow:0 0 20px #a676afcc;height:12px;position:absolute;width:12px}.hrcp-dot-1{right:10%;top:10%}.hrcp-dot-2{animation-delay:.5s;background:linear-gradient(135deg,#8caed4,#66a6e0);bottom:20%;left:15%}.hrcp-dot-3{animation-delay:1s;background:linear-gradient(135deg,#ff8a5b,#ffc371);left:-5%;top:50%}.hrcp-stats-float{animation:hrcp-float 3s ease-in-out infinite;bottom:-30px;display:flex;gap:20px;position:absolute;right:-30px}@keyframes hrcp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hrcp-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #a676af33;border-radius:20px;box-shadow:0 15px 35px #a676af33;padding:20px 30px;text-align:center;transition:transform .3s ease}.hrcp-stat-card:hover{transform:translateY(-5px) scale(1.05)}.hrcp-stat-value{-webkit-text-fill-color:#0000;animation:hrcp-number-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#a676af,#e066a6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}@keyframes hrcp-number-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hrcp-stat-label{color:#6b5b8c;font-size:14px;font-weight:600;margin-top:5px}.hrcp-benefits-column{animation:hrcp-slide-left 1s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes hrcp-slide-left{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hrcp-benefit-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #a676af33;border-radius:24px;cursor:pointer;display:flex;gap:24px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrcp-benefit-card:before{background:linear-gradient(90deg,#0000,#a676af26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.hrcp-benefit-card:hover:before{left:100%}.hrcp-benefit-card:hover{background:#fffffff2;border-color:#a676af66;box-shadow:0 25px 50px #a676af33;transform:translateY(-8px) scale(1.02)}.hrcp-card-icon{align-items:center;border-radius:18px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;position:relative;transition:transform .4s;width:64px}.hrcp-benefit-card:hover .hrcp-card-icon{animation:hrcp-icon-bounce .6s ease;transform:rotate(10deg) scale(1.1)}@keyframes hrcp-icon-bounce{0%,to{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(10deg) scale(1.2)}}.hrcp-icon-mobile{background:linear-gradient(135deg,#a676af,#c084b8)}.hrcp-icon-security{background:linear-gradient(135deg,#e066a6,#ff8a9e)}.hrcp-icon-integration{background:linear-gradient(135deg,#8caed4,#66a6e0)}.hrcp-icon-ai{background:linear-gradient(135deg,#ff8a5b,#ffc371)}.hrcp-icon-glow{background:inherit;border-radius:18px;filter:blur(15px);height:100%;opacity:0;position:absolute;transition:opacity .4s;width:100%}.hrcp-benefit-card:hover .hrcp-icon-glow{animation:hrcp-glow-rotate 3s linear infinite;opacity:.6}@keyframes hrcp-glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hrcp-card-content{flex:1 1}.hrcp-card-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d1b3d,#6b5b8c);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;margin-bottom:12px;transition:all .3s ease}.hrcp-benefit-card:hover .hrcp-card-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a676af,#e066a6);-webkit-background-clip:text;background-clip:text}.hrcp-card-content p{color:#6b5b8c;font-size:15px;line-height:1.7;margin:0}.hrcp-card-arrow{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a676af,#e066a6);-webkit-background-clip:text;background-clip:text;bottom:32px;font-size:24px;opacity:0;position:absolute;right:32px;transform:translateX(-10px);transition:all .4s}.hrcp-benefit-card:hover .hrcp-card-arrow{animation:hrcp-arrow-bounce 1s ease infinite;opacity:1;transform:translateX(0)}@keyframes hrcp-arrow-bounce{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.hrcp-trust-badges{animation:hrcp-fade-up 1s ease-out .5s backwards;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}@keyframes hrcp-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrcp-badge-item{-webkit-text-fill-color:#0000;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;background:linear-gradient(135deg,#6b5b8c,#8caed4);-webkit-background-clip:text;background-clip:text;border:1px solid #a676af4d;border-radius:50px;display:flex;font-weight:600;gap:10px;padding:12px 24px;position:relative;transition:all .3s}.hrcp-badge-item:before{background:linear-gradient(135deg,#a676af,#8caed4);border-radius:50px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s}.hrcp-badge-item:hover:before{opacity:1}.hrcp-badge-item:hover{box-shadow:0 10px 25px #a676af33;transform:translateY(-3px)}.hrcp-badge-icon{align-items:center;animation:hrcp-check-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#a676af,#e066a6);border-radius:50%;box-shadow:0 3px 10px #a676af4d;color:#fff;display:flex;font-size:14px;font-weight:800;height:24px;justify-content:center;width:24px}@keyframes hrcp-check-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1024px){.hrcp-showcase-grid{gap:60px;grid-template-columns:1fr}.hrcp-header-title{font-size:42px}.hrcp-stats-float{justify-content:center;margin-top:30px;position:static}}@media (max-width:768px){.hrcp-benefits-showcase{padding:80px 20px}.hrcp-header-title{font-size:36px}.hrcp-header-subtitle{font-size:18px}.hrcp-benefit-card{flex-direction:column;padding:24px}.hrcp-trust-badges{flex-direction:column;gap:15px}.hrcp-card-arrow{bottom:24px;right:24px}}.hrcp-accordion-wrapper{display:flex;flex-direction:column;gap:20px}.hrcp-accordion-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #a676af33;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrcp-accordion-item:hover{border-color:#a676af66;box-shadow:0 10px 30px #a676af26}.hrcp-accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:24px 32px;transition:background .3s ease}.hrcp-accordion-header:hover{background:#a676af0d}.hrcp-header-left{align-items:center;display:flex;flex:1 1;gap:20px}.hrcp-header-text{display:flex;flex-direction:column;gap:6px}.hrcp-header-text h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d1b3d,#6b5b8c);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0}.hrcp-header-tag{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a676af,#e066a6);-webkit-background-clip:text;background-clip:text;border:1px solid #a676af4d;border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.hrcp-accordion-toggle{align-items:center;background:linear-gradient(135deg,#a676af,#c084b8);border-radius:50%;box-shadow:0 4px 12px #a676af4d;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px}.hrcp-accordion-toggle.hrcp-active{background:linear-gradient(135deg,#e066a6,#ff8a9e);transform:rotate(180deg)}.hrcp-accordion-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.hrcp-accordion-content.hrcp-expanded{animation:hrcp-slide-down .5s ease-out;max-height:2000px}@keyframes hrcp-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hrcp-content-inner{animation:hrcp-fade-in .6s ease-out;padding:0 32px 32px}@keyframes hrcp-fade-in{0%{opacity:0}to{opacity:1}}.hrcp-main-desc{color:#6b5b8c;font-size:15px;line-height:1.7;margin-bottom:24px;padding-left:84px}.hrcp-feature-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.hrcp-feature-point{background:#fff9;border:1px solid #a676af26;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.hrcp-feature-point:hover{background:#ffffffe6;border-color:#a676af4d;transform:translateX(5px)}.hrcp-point-icon{align-items:center;background:linear-gradient(135deg,#a676af,#e066a6);border-radius:50%;box-shadow:0 3px 10px #a676af4d;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.hrcp-point-text{display:flex;flex-direction:column;gap:4px}.hrcp-point-text strong{color:#2d1b3d;font-size:14px;font-weight:700}.hrcp-point-text span{color:#6b5b8c;font-size:13px;line-height:1.5}.hrcp-stats-row{background:linear-gradient(135deg,#a676af1a,#8caed41a);border:1px solid #a676af33;border-radius:16px;display:flex;gap:16px;padding:20px}.hrcp-mini-stat{background:#fffc;border-radius:12px;flex:1 1;padding:12px;text-align:center;transition:transform .3s ease}.hrcp-mini-stat:hover{transform:translateY(-3px)}.hrcp-stat-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a676af,#e066a6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;margin-bottom:4px}.hrcp-stat-text{color:#6b5b8c;font-size:12px;font-weight:600}.hrcp-security-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.hrcp-sec-badge{background:linear-gradient(135deg,#a676af1a,#e066a61a);border:1px solid #a676af4d;border-radius:20px;color:#6b5b8c;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.hrcp-sec-badge:hover{background:linear-gradient(135deg,#a676af33,#e066a633);transform:scale(1.05)}.hrcp-integration-categories{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.hrcp-category-card{background:#fff9;border:1px solid #a676af26;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.hrcp-category-card:hover{background:#ffffffe6;border-color:#a676af4d;box-shadow:0 10px 25px #a676af26;transform:translateY(-5px)}.hrcp-category-icon{animation:hrcp-icon-float 3s ease-in-out infinite;font-size:32px;margin-bottom:12px}@keyframes hrcp-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hrcp-category-card h5{color:#2d1b3d;font-size:16px;font-weight:700;margin-bottom:8px}.hrcp-category-card p{color:#6b5b8c;font-size:12px;line-height:1.5;margin:0}.hrcp-ai-showcase{background:linear-gradient(135deg,#a676af14,#8caed414);border-radius:16px;display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:20px}.hrcp-ai-feature{display:flex;flex-direction:column;gap:8px}.hrcp-ai-label{color:#2d1b3d;font-size:13px;font-weight:600}.hrcp-ai-bar{background:#fff9;border:1px solid #a676af33;border-radius:16px;height:32px;overflow:hidden;position:relative}.hrcp-ai-progress{align-items:center;animation:hrcp-progress-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#a676af,#e066a6);box-shadow:0 2px 10px #a676af66;color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:flex-end;padding-right:16px;transition:width 1s cubic-bezier(.4,0,.2,1)}.hrcp-ai-progress.hrcp-progress-alt{background:linear-gradient(90deg,#8caed4,#66a6e0)}@keyframes hrcp-progress-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@media (max-width:768px){.hrcp-accordion-header{padding:20px}.hrcp-header-left{gap:12px}.hrcp-card-icon{font-size:20px;height:48px;width:48px}.hrcp-content-inner{padding:0 20px 20px}.hrcp-main-desc{padding-left:0}.hrcp-feature-grid{grid-template-columns:1fr}.hrcp-stats-row{flex-direction:column}.hrcp-integration-categories{grid-template-columns:1fr}}.hrc-advanced-capabilities-zone{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 0;position:relative}.hrc-advanced-capabilities-zone:before{background:radial-gradient(circle at 20% 50%,#6366f114 0,#0000 50%),radial-gradient(circle at 80% 80%,#ec489914 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hrc-capabilities-header{margin-bottom:80px;position:relative;text-align:center;z-index:1}.hrc-capabilities-badge{animation:hrc-badge-float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#8b5cf626);border:1px solid #6366f14d;border-radius:50px;color:#6366f1;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 24px;text-transform:uppercase}@keyframes hrc-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hrc-capabilities-title{color:#1e293b;font-size:56px;font-weight:800;line-height:1.2;margin-bottom:16px}.hrc-gradient-text{-webkit-text-fill-color:#0000;animation:hrc-gradient-shift 4s ease infinite;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hrc-capabilities-subtitle{color:#64748b;font-size:20px;line-height:1.6;margin:0 auto;max-width:600px}.hrc-capabilities-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px;position:relative;z-index:1}.hrc-capability-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #6366f126;border-radius:24px;box-shadow:0 4px 12px #6366f114;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrc-capability-card:before{background:linear-gradient(90deg,var(--card-color),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.hrc-capability-card:hover{border-color:var(--card-color);box-shadow:0 20px 40px #6366f133,0 0 40px rgba(var(--card-color-rgb),.2);transform:translateY(-12px)}.hrc-capability-card:hover:before{opacity:1}.hrc-capability-card-inner{padding:40px 32px;position:relative;z-index:2}.hrc-capability-icon-wrapper{height:80px;margin-bottom:24px;position:relative;width:80px}.hrc-capability-icon{align-items:center;background:linear-gradient(135deg,var(--card-color),rgba(var(--card-color-rgb),.7));border-radius:20px;box-shadow:0 8px 24px rgba(var(--card-color-rgb),.25);color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;position:relative;transition:all .4s ease;width:80px;z-index:2}.hrc-capability-card:hover .hrc-capability-icon{box-shadow:0 12px 36px rgba(var(--card-color-rgb),.4);transform:scale(1.1) rotate(5deg)}.hrc-capability-glow{animation:hrc-pulse 2s ease-in-out infinite;height:120px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:120px}.hrc-capability-card:hover .hrc-capability-glow{opacity:.25}@keyframes hrc-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.hrc-capability-title{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:12px;transition:color .3s ease}.hrc-capability-card:hover .hrc-capability-title{color:var(--card-color)}.hrc-capability-desc{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px}.hrc-capability-dropdown-toggle{align-items:center;background:#6366f10d;border:1px solid #6366f133;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:space-between;padding:12px 20px;transition:all .3s ease;width:100%}.hrc-capability-dropdown-toggle:hover{background:#6366f11a;border-color:var(--card-color);color:var(--card-color)}.hrc-capability-dropdown-toggle svg{transition:transform .3s ease}.hrc-capability-card:hover .hrc-capability-dropdown-toggle svg{transform:translateY(2px)}.hrc-capability-dropdown{margin-top:20px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.hrc-capability-card:hover .hrc-capability-dropdown{max-height:300px;opacity:1}.hrc-capability-features{list-style:none;margin:0;padding:0}.hrc-capability-features li{align-items:center;animation:hrc-slide-in .4s ease forwards;background:#6366f10d;border-radius:10px;color:#475569;display:flex;font-size:14px;gap:12px;margin-bottom:8px;opacity:0;padding:12px 16px;transform:translateX(-10px);transition:all .3s ease}.hrc-capability-card:hover .hrc-capability-features li:first-child{animation-delay:.1s}.hrc-capability-card:hover .hrc-capability-features li:nth-child(2){animation-delay:.2s}.hrc-capability-card:hover .hrc-capability-features li:nth-child(3){animation-delay:.3s}.hrc-capability-card:hover .hrc-capability-features li:nth-child(4){animation-delay:.4s}@keyframes hrc-slide-in{to{opacity:1;transform:translateX(0)}}.hrc-capability-features li:hover{background:#6366f11f;transform:translateX(4px)}.hrc-capability-features li svg{color:var(--card-color);flex-shrink:0}.hrc-capability-bg-pattern{background:radial-gradient(circle,var(--card-color),#0000 70%);bottom:-50px;height:200px;opacity:.04;pointer-events:none;position:absolute;right:-50px;transition:all .6s ease;width:200px}.hrc-capability-card:hover .hrc-capability-bg-pattern{opacity:.12;transform:scale(1.5)}.hrc-capabilities-cta{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1px solid #6366f140;border-radius:24px;display:flex;justify-content:space-between;overflow:hidden;padding:48px 60px;position:relative;z-index:1}.hrc-capabilities-cta:before{background:linear-gradient(90deg,#0000,#6366f126,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hrc-capabilities-cta:hover:before{left:100%}.hrc-cta-content h3{color:#101010;font-size:28px;font-weight:700;margin-bottom:8px}.hrc-cta-content p{color:#101010;font-size:16px}.hrc-cta-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;box-shadow:0 8px 24px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 36px;transition:all .3s ease}.hrc-cta-button:hover{box-shadow:0 12px 36px #6366f180;transform:translateY(-2px)}.hrc-cta-button svg{transition:transform .3s ease}.hrc-cta-button:hover svg{transform:translateX(4px)}@media (max-width:1024px){.hrc-capabilities-title{font-size:42px}.hrc-capabilities-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.hrc-advanced-capabilities-zone{padding:80px 0}.hrc-capabilities-title{font-size:36px}.hrc-capabilities-subtitle{font-size:18px}.hrc-capabilities-grid{grid-template-columns:1fr}.hrc-capabilities-cta{flex-direction:column;gap:24px;padding:36px 28px;text-align:center}.hrc-cta-content h3{font-size:24px}}@media (max-width:480px){.hrc-capabilities-title{font-size:28px}.hrc-capability-card-inner{padding:32px 24px}.hrc-capability-icon,.hrc-capability-icon-wrapper{height:64px;width:64px}.hrc-capability-icon{font-size:28px}}.hrc-hero-testimonials-section{background:linear-gradient(135deg,#fff,#fff);overflow:hidden;padding:80px 0;position:relative}.hrc-hero-section-header{margin-bottom:60px;text-align:center}.hrc-hero-section-header h2{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:16px}.hrc-hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hrc-hero-subtitle{color:#64748b;font-size:1.125rem;margin:0 auto 30px;max-width:500px;text-align:justify}.hrc-hero-testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.hrc-hero-testimonial-item{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hrc-hero-testimonial-item:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.hrc-hero-testimonial-item.hrc-hero-expanded{grid-column:span 2;transform:translateY(-5px)}.hrc-hero-testimonial-card{align-items:center;display:flex;flex-direction:column;height:320px;justify-content:center;overflow:hidden;padding:24px;position:relative;transition:all .5s ease}.hrc-hero-gradient-overlay{background:linear-gradient(135deg,#ffffff1a,#0000000d);bottom:0;left:0;opacity:.7;position:absolute;right:0;top:0}.hrc-hero-testimonial-img{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;transition:all .4s ease;width:100px;z-index:2}.hrc-hero-testimonial-item:hover .hrc-hero-testimonial-img{transform:scale(1.1)}.hrc-hero-card-content{margin-top:16px;text-align:center;transition:all .3s ease;z-index:2}.hrc-hero-card-content h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:4px}.hrc-hero-card-content p{color:#fffc;font-size:.875rem}.hrc-hero-sparkle-decoration{position:absolute;right:16px;top:16px;z-index:3}.hrc-hero-sparkle{animation:sparkle 2s infinite;color:#fff;display:inline-block;font-size:1.5rem}.hrc-hero-pulse-ring{animation:pulse 2s infinite;border:2px solid #fff9;border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.hrc-hero-content-box{background:#fff;overflow:hidden;padding:32px;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.hrc-hero-content-box.hrc-hero-hidden{display:none}.hrc-hero-content-box.hrc-hero-fade-in{animation:fadeInUp .6s ease forwards}.hrc-hero-quote-icon{color:#3b82f6;margin-bottom:16px}.hrc-hero-quote-text{color:#475569;font-size:1.125rem;font-style:italic;line-height:1.6;margin-bottom:24px;position:relative}.hrc-hero-author-info h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:4px}.hrc-hero-author-info p{color:#64748b;font-size:.875rem}.hrc-hero-bg-pink{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.hrc-hero-bg-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.hrc-hero-bg-yellow{background:linear-gradient(135deg,#f59e0b,#eab308)}.hrc-hero-bg-mint{background:linear-gradient(135deg,#10b981,#14b8a6)}@media (max-width:768px){.hrc-hero-testimonial-item.hrc-hero-expanded{grid-column:span 1}.hrc-hero-section-header h2{font-size:2rem}}.hrc-hero-section{align-items:center;background:linear-gradient(135deg,#fff,#fff 50%,#fff);display:flex;min-height:100vh;overflow:hidden;padding:6rem 0 8rem;position:relative}.hrc-hero-container{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1.1fr;margin:0 auto;max-width:1400px;padding:0 2rem;z-index:2}.hrc-hero-badge,.hrc-hero-container{align-items:center;position:relative}.hrc-hero-badge{animation:hrc-slide-in-left .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3a57e81a,#8a3aff1a);border:1px solid #3a57e833;border-radius:50px;color:#3a57e8;display:inline-flex;font-size:.9rem;font-weight:600;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem}.hrc-badge-pulse{animation:hrc-pulse-double 2s infinite;background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:50%;height:10px;position:relative;width:10px}@keyframes hrc-pulse-double{0%,to{box-shadow:0 0 0 0 #3a57e8b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #3a57e800;transform:scale(1.1)}75%{box-shadow:0 0 0 0 #8a3affb3;transform:scale(1)}}.hrc-hero-title{animation:hrc-slide-in-up .8s ease-out .2s both;color:#1a1a1a;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:2rem}.hrc-text-gradient{-webkit-text-fill-color:#0000;animation:hrc-gradient-shift 3s ease-in-out infinite;background:linear-gradient(135deg,#3a57e8,#8a3aff 50%,#ff6b6b);-webkit-background-clip:text;background-size:200% 200%}@keyframes hrc-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hrc-hero-buttons{animation:hrc-slide-in-up .8s ease-out .4s both;display:flex;gap:1.5rem;margin-bottom:4rem;margin-left:30px}.hrc-btn-primary{background:linear-gradient(135deg,#3a57e8,#8a3aff);border:none;border-radius:12px;box-shadow:0 10px 30px #3a57e84d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.hrc-btn-primary:hover{box-shadow:0 15px 40px #3a57e866;transform:translateY(-2px)}.hrc-btn-animated:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.hrc-btn-animated:hover:before{left:100%}.hrc-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #3a57e833;border-radius:12px;color:#3a57e8;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.hrc-btn-secondary:hover{background:#3a57e80d;border-color:#3a57e8;transform:translateY(-2px)}.hrc-hero-stats{animation:hrc-slide-in-up .8s ease-out .6s both;display:flex;gap:3rem}.hrc-stat-item{position:relative;text-align:center}.hrc-stat-icon{align-items:center;background:linear-gradient(135deg,#3a57e81a,#8a3aff1a);border-radius:12px;color:#3a57e8;display:flex;font-size:1.2rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.hrc-stat-item h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3a57e8,#8a3aff);-webkit-background-clip:text;color:#3a57e8;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.hrc-stat-item p{color:#666;font-size:.9rem;font-weight:500}.hrc-hero-visual{height:600px}.hrc-main-visual{background:#fff;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a;height:450px;transition:all .5s ease}.hrc-main-visual:hover{box-shadow:0 35px 70px #0003,0 0 0 1px #fff3;transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.hrc-hero-image{transition:transform .5s ease}.hrc-main-visual:hover .hrc-hero-image{transform:scale(1.05)}.hrc-dashboard-overlay{position:absolute;right:20px;top:20px;z-index:3}.hrc-ai-chat-bubble{animation:hrc-chat-float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000001a;gap:.75rem;padding:1rem}.hrc-chat-avatar{font-size:1rem;height:40px;width:40px}.hrc-chat-content p{font-size:.9rem}.hrc-chat-time{color:#888;font-size:.75rem}.hrc-floating-card{animation:hrc-float-card-3d 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;box-shadow:0 15px 35px #0000001a,0 0 0 1px #fff3;transition:all .3s ease;width:220px;z-index:10}.hrc-floating-card:hover{box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff4d;transform:translateY(-5px) scale(1.05)}.hrc-card-1{left:-10%}.hrc-card-2{right:-5%}.hrc-card-3{bottom:10%;left:5%}.hrc-card-content{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;z-index:2}.hrc-card-icon{align-items:center;background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:16px;box-shadow:0 10px 20px #3a57e84d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.hrc-floating-card h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.hrc-floating-card p{color:#666;font-size:.9rem;margin-bottom:1rem}.hrc-card-badge,.hrc-card-metric,.hrc-card-progress{align-items:center;color:#3a57e8;display:flex;font-size:.8rem;font-weight:600;gap:.5rem}.hrc-progress-bar{background:#3a57e833;border-radius:2px;height:4px;width:60px}.hrc-progress-fill{border-radius:2px}.hrc-visual-glow{animation:hrc-glow-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#3a57e81a 0,#8a3aff0d 50%,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.hrc-particles-container{height:100%;width:100%}.hrc-particle{animation:hrc-particle-float 6s ease-in-out infinite;opacity:.3}.hrc-background-waves{z-index:1}.hrc-background-waves,.hrc-wave{bottom:0;height:100px;left:0;position:absolute;right:0}.hrc-wave{background:linear-gradient(135deg,#3a57e80d,#8a3aff05);border-radius:50% 50% 0 0}.hrc-wave-1{animation:hrc-wave-animation 8s ease-in-out infinite}.hrc-wave-2{animation:hrc-wave-animation 10s ease-in-out 1s infinite}.hrc-wave-3{animation:hrc-wave-animation 12s ease-in-out 2s infinite}@keyframes hrc-slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes hrc-slide-in-right{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes hrc-slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hrc-float-card-3d{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes hrc-chat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hrc-glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes hrc-particle-float{0%,to{opacity:.2;transform:translateY(0) rotate(0deg)}50%{opacity:.4;transform:translateY(-20px) rotate(180deg)}}@keyframes hrc-wave-animation{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.3;transform:scaleX(1.2)}}@media (max-width:1024px){.hrc-hero-container{gap:4rem;grid-template-columns:1fr;text-align:center}.hrc-hero-title{font-size:3rem}.hrc-hero-visual{height:500px}}@media (max-width:768px){.hrc-hero-title{font-size:2.5rem}.hrc-hero-buttons{align-items:center;flex-direction:column}.hrc-hero-stats{justify-content:center}.hrc-floating-card{padding:1rem;width:180px}}.hrc-hero-visual{align-items:center;animation:hrc-slide-in-right .8s ease-out .3s both;display:flex;height:650px;justify-content:center;position:relative}.hrc-dashboard-container{height:100%;max-width:600px;position:relative;width:100%}.hrc-main-visual{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;height:500px;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%}.hrc-main-visual:hover{box-shadow:0 35px 70px #3a57e833,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-10px)}.hrc-image-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.hrc-hero-image{filter:brightness(1.1) contrast(1.05);height:100%;object-fit:cover;object-position:center;transition:all .8s cubic-bezier(.25,.46,.45,.94);width:100%}.hrc-main-visual:hover .hrc-hero-image{filter:brightness(1.2) contrast(1.1);transform:scale(1.08)}.hrc-image-overlay-gradient{background:linear-gradient(45deg,#3a57e81a,#8a3aff0d 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.hrc-image-overlay-shine{animation:hrc-shine 6s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%;z-index:3}.hrc-image-grid-overlay{background-image:linear-gradient(#3a57e81a 1px,#0000 0),linear-gradient(90deg,#3a57e81a 1px,#0000 0);background-size:20px 20px;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.hrc-ai-assistant{position:absolute;right:30px;top:30px;z-index:10}.hrc-ai-chat-bubble{align-items:center;animation:hrc-chat-float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 35px #0003;display:flex;gap:1rem;padding:1.2rem;transform-origin:top right}.hrc-chat-avatar{align-items:center;background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:50%;box-shadow:0 8px 20px #3a57e866;color:#fff;display:flex;font-size:1.3rem;height:50px;justify-content:center;position:relative;width:50px}.hrc-ai-pulse{animation:hrc-pulse-dot 2s ease-in-out infinite;background:#0f8;border-radius:50%;height:16px;position:absolute;right:-2px;top:-2px;width:16px}.hrc-chat-content p{color:#1a1a1a;font-size:.95rem;font-weight:600;margin:0}.hrc-chat-time{color:#666;display:block;font-size:.8rem;margin-top:.25rem}.hrc-ai-activity{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;color:#fff;display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.hrc-activity-dot{animation:hrc-blink 1.5s ease-in-out infinite;background:#0f8;border-radius:50%;height:8px;width:8px}.hrc-dashboard-elements{bottom:30px;display:flex;gap:1rem;left:30px;position:absolute;z-index:10}.hrc-data-point{align-items:center;animation:hrc-slide-in-up .6s ease-out .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:.5rem;min-width:100px;overflow:hidden;padding:1rem;position:relative}.hrc-data-glow{background:linear-gradient(135deg,#3a57e81a,#8a3aff1a);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hrc-data-point:hover .hrc-data-glow{opacity:1}.hrc-data-point svg{color:#3a57e8;font-size:1.5rem}.hrc-data-point span{color:#666;font-size:.8rem;text-align:center}.hrc-data-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3a57e8,#8a3aff);-webkit-background-clip:text;color:#3a57e8;font-size:1.2rem;font-weight:700}.hrc-floating-cards-container{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hrc-floating-card{animation:hrc-float-card-3d 5s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff6;border-radius:20px;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff4d;padding:1.5rem;pointer-events:all;position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:240px;z-index:20}.hrc-floating-card:hover{box-shadow:0 30px 60px #0003,0 0 0 1px #fff6;transform:translateY(-8px) scale(1.05)}.hrc-card-glow{background:linear-gradient(135deg,#3a57e81a,#8a3aff1a);border-radius:20px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.hrc-card-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:50%}.hrc-floating-card:hover .hrc-card-glow{opacity:1}.hrc-floating-card:hover .hrc-card-shine{left:100%}.hrc-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.hrc-card-badge{background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.hrc-card-1{animation-delay:0s;left:-15%;top:10%}.hrc-card-2{animation-delay:1.5s;right:-10%;top:50%;transform:translateY(-50%)}.hrc-card-3{animation-delay:3s;bottom:15%;left:10%}.hrc-card-content h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.hrc-card-content p{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.hrc-card-badge-large,.hrc-card-metric,.hrc-card-progress{margin-top:1rem}.hrc-progress-info{color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.hrc-progress-bar{background:#3a57e81a;border-radius:3px;height:6px;overflow:hidden;width:100%}.hrc-progress-fill{background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:3px;height:100%;position:relative;transition:width 1s ease}.hrc-progress-fill:after{animation:hrc-progress-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hrc-metric-value{align-items:center;color:#00c851;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem}.hrc-metric-label{color:#666;display:block;font-size:.8rem;margin-top:.25rem}.hrc-card-badge-large{align-items:center;background:#3a57e81a;border-radius:12px;display:flex;gap:.75rem;padding:.75rem}.hrc-security-score{display:flex;flex-direction:column}.hrc-security-score span{color:#3a57e8;font-size:1.1rem;font-weight:700}.hrc-security-score small{color:#666;font-size:.7rem}.hrc-visual-glow{animation:hrc-glow-pulse 6s ease-in-out infinite;background:radial-gradient(circle,#3a57e826 0,#8a3aff14 50%,#0000 70%);border-radius:50%;position:absolute;z-index:-1}.hrc-glow-1{animation-delay:0s;height:300px;left:10%;top:20%;width:300px}.hrc-glow-2{animation-delay:2s;bottom:10%;height:400px;right:15%;width:400px}.hrc-circuit-background{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-2}.hrc-circuit-line{animation:hrc-circuit-flow 8s linear infinite;background:linear-gradient(90deg,#0000,#3a57e8,#0000);height:2px;position:absolute}.hrc-circuit-1{animation-delay:0s;left:0;right:0;top:30%}.hrc-circuit-2{animation-delay:4s;left:0;right:0;top:70%}.hrc-circuit-node{animation:hrc-node-pulse 3s ease-in-out infinite;background:#3a57e8;border-radius:50%;height:8px;position:absolute;width:8px}.hrc-node-1{animation-delay:0s;left:25%;top:30%}.hrc-node-2{animation-delay:1s;left:50%;top:70%}.hrc-node-3{animation-delay:2s;left:75%;top:30%}.hrc-particles-container{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.hrc-particle{animation:hrc-particle-float-enhanced 15s ease-in-out infinite;animation-delay:var(--delay);animation-duration:var(--duration);background:linear-gradient(135deg,#3a57e8,#8a3aff);border-radius:50%;height:var(--size);left:var(--x);opacity:.4;position:absolute;top:var(--y);width:var(--size)}@keyframes hrc-shine{0%,to{transform:rotate(45deg) translateX(-100%)}50%{transform:rotate(45deg) translateX(100%)}}@keyframes hrc-pulse-dot{0%,to{box-shadow:0 0 0 0 #00ff88b3;transform:scale(1)}50%{box-shadow:0 0 0 4px #0f80;transform:scale(1.1)}}@keyframes hrc-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes hrc-progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes hrc-circuit-flow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes hrc-node-pulse{0%,to{box-shadow:0 0 0 0 #3a57e880;transform:scale(1)}50%{box-shadow:0 0 0 4px #3a57e800;transform:scale(1.5)}}@keyframes hrc-particle-float-enhanced{0%,to{opacity:.2;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.4;transform:translateY(-20px) rotate(90deg) scale(1.1)}50%{opacity:.2;transform:translateY(-40px) rotate(180deg) scale(1)}75%{opacity:.4;transform:translateY(-20px) rotate(270deg) scale(.9)}}@media (max-width:1024px){.hrc-hero-visual{height:550px}.hrc-main-visual{height:450px}.hrc-floating-card{padding:1.2rem;width:200px}}@media (max-width:768px){.hrc-hero-visual{height:500px}.hrc-main-visual{height:400px}.hrc-floating-card{padding:1rem;width:180px}.hrc-ai-chat-bubble{padding:1rem}.hrc-dashboard-elements{bottom:20px;left:20px}}.hrc-marquee-container{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff1a;border-radius:16px;margin:2rem 0;overflow:hidden;padding:2.5rem 0;position:relative}.hrc-marquee-track{overflow:hidden;position:relative;width:100%}.hrc-marquee-content{animation:hrc-marquee-scroll-badge 35s linear infinite;display:flex;gap:1rem;padding:1rem 0}.hrc-marquee-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;display:flex;flex:0 0 auto;gap:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hrc-marquee-badge:hover{background:#ffffff1a;border-color:#3a57e880;box-shadow:0 10px 30px #3a57e833,0 0 0 1px #3a57e81a;transform:translateY(-2px) scale(1.05)}.hrc-badge-emoji{filter:grayscale(.5);font-size:1.5rem;transition:all .3s ease}.hrc-marquee-badge:hover .hrc-badge-emoji{filter:grayscale(0);transform:scale(1.2) rotate(5deg)}.hrc-badge-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;color:#000;font-size:1rem;font-weight:600}.hrc-badge-glow{background:linear-gradient(135deg,#3a57e833,#8a3aff1a);border-radius:50px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.hrc-marquee-badge:hover .hrc-badge-glow{opacity:1}.hrc-marquee-background{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.hrc-marquee-wave{animation:hrc-wave-move 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3a57e8,#0000);bottom:0;height:2px;left:0;position:absolute;right:0}@keyframes hrc-marquee-scroll-badge{0%{transform:translateX(0)}to{transform:translateX(calc(-1600px - 8rem))}}@keyframes hrc-wave-move{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.hrc-marquee-overlay{bottom:0;pointer-events:none;position:absolute;top:0;width:150px;z-index:200}.hrc-overlay-left{background:linear-gradient(90deg,#0f172a,#0000);left:0}.hrc-overlay-right{background:linear-gradient(270deg,#0f172a,#0000);right:0}.hrc-marquee-track:hover .hrc-marquee-content{animation-play-state:paused}.hr-copilot-wrapper{font-family:Poppins,sans-serif}.hr-copilot-hero-section{background:#fff;border:2px dashed #3a86ff33;border-radius:24px;box-shadow:0 2px 20px #0000000a;margin-bottom:30px;padding:80px 60px;position:relative}.hr-copilot-hero-section:before{background:linear-gradient(135deg,#3a86ff1a,#8338ec1a);border-radius:24px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.hr-copilot-hero-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1.2fr}.hr-copilot-hero-text h1{color:#1a1a1a;font-size:56px;font-weight:700;line-height:1.15;margin-bottom:0}.hr-copilot-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3a86ff,#560bad 50%,#8338ec);-webkit-background-clip:text;background-clip:text;display:inline-block}.hr-copilot-hero-description{color:#4a4a4a;font-size:18px;line-height:1.7;margin-top:30px}.hr-copilot-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.hr-copilot-feature-card{background:#fff;border:2px dashed #e0e0e0cc;border-radius:16px;padding:32px 24px;position:relative;transition:all .3s ease}.hr-copilot-feature-card:hover{border-color:#3a86ff4d;box-shadow:0 8px 30px #3a86ff26;transform:translateY(-5px)}.hr-copilot-feature-icon{align-items:center;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.hr-copilot-feature-title{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:12px}.hr-copilot-feature-description{color:#666;font-size:15px;line-height:1.6}.hr-copilot-stats-banner{background:linear-gradient(135deg,#3a86ff1a,#38b0001a);border:2px dashed #3a86ff4d;border-radius:24px;overflow:hidden;padding:50px 60px;position:relative}.hr-copilot-stats-banner:before{background:radial-gradient(circle at 20% 50%,#3a86ff0d,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hr-copilot-stats-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:auto 1fr auto;position:relative;z-index:1}.hr-copilot-stats-icon{align-items:center;display:flex;justify-content:center}.hr-copilot-stats-headline{color:#1a1a1a;font-size:36px;font-weight:700;line-height:1.4}.hr-copilot-stats-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3a86ff,#38b000);-webkit-background-clip:text;background-clip:text}.hr-copilot-explore-btn{align-items:center;background:#1a1a1a;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;padding:16px 32px;transition:all .3s ease}.hr-copilot-explore-btn:hover{background:linear-gradient(135deg,#3a86ff,#8338ec);box-shadow:0 8px 25px #3a86ff4d;transform:translateX(5px)}.hr-copilot-explore-btn svg{transition:transform .3s ease}.hr-copilot-explore-btn:hover svg{transform:translateX(5px)}@media (max-width:1200px){.hr-copilot-hero-content{gap:50px;grid-template-columns:1fr}.hr-copilot-hero-text h1{font-size:48px}}@media (max-width:968px){.hr-copilot-features-grid{gap:16px;grid-template-columns:1fr}.hr-copilot-stats-content{gap:30px;grid-template-columns:1fr;text-align:center}.hr-copilot-stats-icon{justify-content:center}.hr-copilot-stats-headline{font-size:28px}.hr-copilot-explore-btn{margin:0 auto}}@media (max-width:640px){.hr-copilot-hero-section,.hr-copilot-stats-banner{border-radius:16px;padding:40px 30px}.hr-copilot-hero-text h1{font-size:36px}.hr-copilot-hero-description{font-size:16px}.hr-copilot-stats-headline{font-size:24px}}.start-auth-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;margin:0 auto;max-width:400px;padding:40px;width:100%}.start-form-group{margin-bottom:32px;position:relative}.start-form-input,.start-form-select{background:#0000;border:none;color:#1a1a1a;font-size:16px;outline:none;padding:16px 0 8px;transition:all .3s ease;width:100%}.start-form-input::placeholder{color:#0000}.start-form-input:focus,.start-form-select:focus{color:#06f}.start-input-label{color:#666;font-size:16px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left center;transition:all .3s ease}.start-form-input:focus+.start-input-label,.start-form-input:not(:placeholder-shown)+.start-input-label,.start-form-select:focus+.start-input-label,.start-form-select:valid+.start-input-label{color:#06f;font-weight:600;top:8px;transform:translateY(0) scale(.8)}.start-input-underline{background:linear-gradient(90deg,#06f,#0cf);bottom:0;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.start-form-input:focus~.start-input-underline,.start-form-select:focus~.start-input-underline{transform:scaleX(1)}.start-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.start-form-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2306f' d='M6 8 2 4h8z'/%3E%3C/svg%3E")}.start-submit-btn{align-items:center;background:linear-gradient(135deg,#06f,#0cf);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.start-submit-btn:hover:not(:disabled){box-shadow:0 12px 24px #0066ff4d,0 0 0 1px #ffffff1a;transform:translateY(-2px)}.start-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.start-btn-loader{animation:start-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;opacity:0;transition:opacity .3s ease;width:16px}.start-submit-btn:disabled .start-btn-loader{opacity:1}.start-timer-text{color:#666;font-size:14px;margin-top:16px;text-align:center}.start-resend-link,.start-timer-count{color:#06f;font-weight:600}.start-resend-link{background:#0000;border:2px solid #06f;border-radius:12px;cursor:pointer;font-size:14px;margin-top:16px;padding:12px 24px;transition:all .3s ease;width:100%}.start-resend-link:hover{background:#06f;box-shadow:0 8px 16px #06f3;color:#fff;transform:translateY(-1px)}.start-form-group.error .start-input-underline{background:linear-gradient(90deg,#f44,#f66);transform:scaleX(1)}.start-form-group.error .start-input-label{color:#f44}.start-form-group.success .start-input-underline{background:linear-gradient(90deg,#00c851,#00e676);transform:scaleX(1)}.start-form-group.success .start-input-label{color:#00c851}@keyframes start-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes start-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.start-form-group.error{animation:start-shake .3s ease}@media (max-width:480px){.start-auth-form{border-radius:20px;margin:0 16px;padding:32px 24px}.start-form-group{margin-bottom:24px}.start-form-input,.start-form-select,.start-input-label{font-size:14px}}.hr-copilot-enhanced-wrapper{overflow:hidden;position:relative}.hr-copilot-enhanced-container{margin:0 auto;max-width:1200px;padding:0 20px}.hr-copilot-enhanced-hero{background:linear-gradient(135deg,#f8faff,#f0f4ff);padding:100px 0;position:relative}.hr-copilot-enhanced-hero:before{animation:hr-copilot-bg-float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%233a86ff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes hr-copilot-bg-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hr-copilot-enhanced-content{position:relative;z-index:2}.hr-copilot-title-animate{-webkit-text-fill-color:#0000;animation:hr-copilot-title-slide 1s ease-out;background:linear-gradient(135deg,#3a86ff,#8338ec);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}@keyframes hr-copilot-title-slide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hr-copilot-brand-glow{-webkit-text-fill-color:#0000;animation:hr-copilot-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#3a86ff,#8338ec 50%,#ff006e);-webkit-background-clip:text}@keyframes hr-copilot-glow{0%{text-shadow:0 0 20px #3a86ff80}to{text-shadow:0 0 30px #8338eccc,0 0 40px #ff006e99}}.hr-copilot-desc-animate{animation:hr-copilot-fade-up 1s ease-out .3s both;color:#666;font-size:1.25rem;margin-bottom:3rem;max-width:500px}@keyframes hr-copilot-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-copilot-features-enhanced{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem}.hr-copilot-feature-card-enhanced{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .3s ease}.hr-copilot-feature-card-enhanced:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hr-copilot-feature-card-enhanced:hover:before{left:100%}.hr-copilot-feature-card-enhanced:hover{box-shadow:0 20px 60px #3a86ff33;transform:translateY(-10px)}.hr-copilot-icon-pulse{animation:hr-copilot-pulse 2s ease-in-out infinite}.hr-copilot-icon-rotate{animation:hr-copilot-rotate 3s linear infinite}@keyframes hr-copilot-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hr-copilot-icon-bounce{animation:hr-copilot-bounce 2s ease-in-out infinite}@keyframes hr-copilot-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hr-copilot-feature-title-slide{animation:hr-copilot-slide-in .8s ease-out .2s both;font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem}@keyframes hr-copilot-slide-in{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.hr-copilot-feature-desc-fade{animation:hr-copilot-fade-in 1s ease-out .4s both;color:#666;line-height:1.6}@keyframes hr-copilot-fade-in{0%{opacity:0}to{opacity:1}}.hr-copilot-stats-enhanced{background:linear-gradient(135deg,#3a86ff,#8338ec);border-radius:25px;margin:4rem 0;max-width:1500px;overflow:hidden;padding:3rem;position:relative}.hr-copilot-stats-enhanced:before{animation:hr-copilot-shimmer 3s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hr-copilot-stats-content-enhanced{align-items:center;display:flex;gap:2rem;justify-content:space-between;position:relative;z-index:2}.hr-copilot-stats-icon-spin{animation:hr-copilot-spin-slow 8s linear infinite}@keyframes hr-copilot-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hr-copilot-stats-text-enhanced{flex:1 1}.hr-copilot-stats-headline-glow{animation:hr-copilot-text-glow 2s ease-in-out infinite alternate;color:#fff;font-size:2rem;font-weight:600;line-height:1.3}@keyframes hr-copilot-text-glow{0%{text-shadow:0 0 10px #ffffff80}to{text-shadow:0 0 20px #fffc,0 0 30px #fff9}}.hr-copilot-stats-number-pulse{animation:hr-copilot-number-pulse 1.5s ease-in-out infinite;font-size:2.5rem;font-weight:700}@keyframes hr-copilot-number-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hr-copilot-stats-action-enhanced{flex-shrink:0}.hr-copilot-explore-btn-glow{align-items:center;animation:hr-copilot-btn-glow 2s ease-in-out infinite alternate;background:#fff;border:none;border-radius:50px;color:#3a86ff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}@keyframes hr-copilot-btn-glow{0%{box-shadow:0 0 20px #ffffff80}to{box-shadow:0 0 30px #fffc,0 0 40px #fff9}}.hr-copilot-explore-btn-glow:hover{box-shadow:0 0 40px #fff;transform:translateY(-2px)}@media (max-width:768px){.hr-copilot-title-animate{font-size:2.5rem}.hr-copilot-stats-content-enhanced{flex-direction:column;text-align:center}.hr-copilot-stats-headline-glow{font-size:1.5rem}.hr-copilot-features-enhanced{grid-template-columns:1fr}}.fcard-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 20px;position:relative}.fcard-bg-morph{animation:fcard-morph 20s ease-in-out infinite;background:radial-gradient(circle,#93c5fd4d,#0000);filter:blur(60px);height:600px;right:-150px;top:-200px;width:600px}.fcard-bg-morph,.fcard-bg-morph-2{border-radius:50%;position:absolute}.fcard-bg-morph-2{animation:fcard-morph 15s ease-in-out infinite reverse;background:radial-gradient(circle,#c4b5fd40,#0000);bottom:-150px;filter:blur(50px);height:500px;left:-100px;width:500px}@keyframes fcard-morph{0%,to{border-radius:50%;transform:translate(0) scale(1)}33%{border-radius:40%;transform:translate(50px,-50px) scale(1.2)}66%{border-radius:60%;transform:translate(-30px,30px) scale(.9)}}.fcard-container{margin:0 auto;max-width:1300px;position:relative;z-index:2}.fcard-header{animation:fcard-fade-down .8s ease-out;margin-bottom:80px;text-align:center}@keyframes fcard-fade-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fcard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed,#db2777);-webkit-background-clip:text;font-size:52px;font-weight:800;line-height:1.2;margin-bottom:20px}.fcard-desc{color:#64748b;font-size:20px;line-height:1.7;margin:0 auto;max-width:650px}.fcard-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));perspective:1000px}.fcard-item{animation:fcard-float-up .8s ease-out forwards;background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000000d;opacity:0;overflow:hidden;padding:45px 35px;position:relative;transform:translateY(50px);transition:all .5s cubic-bezier(.4,0,.2,1)}@keyframes fcard-float-up{to{opacity:1;transform:translateY(0)}}.fcard-item:hover{box-shadow:0 25px 60px #6366f133;transform:translateY(-15px) rotateX(5deg)}.fcard-icon-wrap{align-items:center;background:linear-gradient(135deg,#ddd6fe,#fae8ff);border-radius:20px;display:flex;height:85px;justify-content:center;margin-bottom:25px;position:relative;transition:all .4s ease;width:85px;z-index:2}.fcard-item:hover .fcard-icon-wrap{background:linear-gradient(135deg,#c4b5fd,#f9a8d4);transform:scale(1.1) rotate(-5deg)}.fcard-icon{animation:fcard-bounce 2s ease-in-out infinite;font-size:42px}@keyframes fcard-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fcard-item-title{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:15px;position:relative;z-index:2}.fcard-item-desc{color:#64748b;font-size:16px;line-height:1.7;position:relative;z-index:2}.fcard-glow{background:radial-gradient(circle,#6366f126,#0000);border-radius:50%;bottom:-100px;filter:blur(40px);height:200px;opacity:0;position:absolute;right:-100px;transition:opacity .5s ease;width:200px}.fcard-item:hover .fcard-glow{opacity:1}@media (max-width:768px){.fcard-title{font-size:36px}.fcard-grid{grid-template-columns:1fr}}.tline-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);bottom:100px;overflow:hidden;padding:120px 20px;position:relative}.tline-bg-shapes{inset:0;pointer-events:none;position:absolute}.tline-shape{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.tline-shape-1{animation:tline-float-1 20s ease-in-out infinite;background:radial-gradient(circle,#8b5cf64d,#0000);height:600px;right:-100px;top:-200px;width:600px}.tline-shape-2{animation:tline-float-2 18s ease-in-out infinite;background:radial-gradient(circle,#6366f140,#0000);bottom:-150px;height:500px;left:-150px;width:500px}.tline-shape-3{animation:tline-float-3 22s ease-in-out infinite;background:radial-gradient(circle,#ec489933,#0000);height:400px;left:50%;top:50%;width:400px}@keyframes tline-float-1{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(50px,-50px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}@keyframes tline-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.1)}}@keyframes tline-float-3{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.tline-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.tline-header{margin-bottom:100px;text-align:center}.tline-badge-wrapper{margin-bottom:25px}.tline-badge{align-items:center;animation:tline-badge-float 3s ease-in-out infinite;background:linear-gradient(135deg,#818cf8,#a78bfa);border-radius:50px;box-shadow:0 10px 30px #818cf84d;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:2px;overflow:hidden;padding:12px 28px;position:relative}.tline-badge:before{animation:tline-badge-shine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes tline-badge-shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.tline-badge-dot{animation:tline-dot-blink 2s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes tline-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes tline-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tline-title{animation:tline-title-appear 1s ease-out;color:#0f172a;font-size:56px;font-weight:900;line-height:1.2;margin-bottom:24px}@keyframes tline-title-appear{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.tline-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;position:relative}.tline-highlight:after{animation:tline-underline-grow 1s ease-out .5s forwards;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;bottom:0;content:"";height:8px;left:0;opacity:.2;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}@keyframes tline-underline-grow{to{transform:scaleX(1)}}.tline-subtitle{animation:tline-subtitle-appear 1s ease-out .2s backwards;color:#64748b;font-size:19px;line-height:1.7;margin:0 auto;max-width:700px}@keyframes tline-subtitle-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tline-wrapper{padding:60px 0;position:relative}.tline-vertical-line{background:linear-gradient(180deg,#e0e7ff,#ddd6fe,#fce7f3);border-radius:10px;bottom:60px;left:50%;overflow:hidden;position:absolute;top:60px;transform:translateX(-50%);width:4px}.tline-line-progress{animation:tline-line-fill 3s ease-out .5s forwards;background:linear-gradient(180deg,#6366f1,#a855f7,#ec4899);box-shadow:0 0 20px #6366f180;height:0;left:0;position:absolute;top:0;width:100%}@keyframes tline-line-fill{to{height:100%}}.tline-step{animation:tline-step-reveal 1s ease-out forwards;margin-bottom:120px;opacity:0;position:relative}@keyframes tline-step-reveal{to{opacity:1}}.tline-step:last-child{margin-bottom:0}.tline-step-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.tline-step:nth-child(2n) .tline-step-container{direction:rtl}.tline-step:nth-child(2n) .tline-step-content{direction:ltr}.tline-step-content{background:#fff;border-radius:28px;box-shadow:0 20px 60px #00000014;overflow:hidden;padding:50px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.tline-step-content:before{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.tline-step:hover .tline-step-content:before{transform:scaleX(1)}.tline-step-content:hover{box-shadow:0 30px 80px #6366f126;transform:translateY(-10px)}.tline-content-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.tline-step-num-wrapper{height:80px;position:relative;width:80px}.tline-step-num{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;display:flex;font-size:42px;font-weight:900;height:100%;justify-content:center;position:relative;z-index:2}.tline-step-num-bg{animation:tline-num-spin 10s linear infinite;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:20px;inset:0;position:absolute}@keyframes tline-num-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tline-step-icon-wrapper{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:18px;box-shadow:0 10px 30px #fbbf2433;display:flex;height:70px;justify-content:center;transition:all .4s ease;width:70px}.tline-step:hover .tline-step-icon-wrapper{box-shadow:0 15px 40px #fbbf244d;transform:rotate(10deg) scale(1.1)}.tline-step-icon{animation:tline-icon-bounce 2s ease-in-out infinite;font-size:38px}@keyframes tline-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tline-step-title{color:#0f172a;font-size:30px;font-weight:800;line-height:1.3;margin-bottom:16px}.tline-step-desc{color:#64748b;font-size:16px;line-height:1.8;margin-bottom:25px}.tline-metric{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:50px;display:inline-flex;gap:12px;margin-bottom:20px;padding:12px 24px}.tline-metric-value{color:#6366f1;font-size:24px;font-weight:800}.tline-metric-label{color:#64748b;font-size:14px;font-weight:600}.tline-step-arrow{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;bottom:30px;color:#fff;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;right:30px;transform:translateX(-10px);transition:all .3s ease;width:48px}.tline-step-content:hover .tline-step-arrow{opacity:1;transform:translateX(0)}.tline-step-image{position:relative}.tline-image-wrapper{border-radius:24px;box-shadow:0 25px 70px #0000001f;overflow:hidden;position:relative;transition:all .5s ease}.tline-step:hover .tline-image-wrapper{box-shadow:0 35px 90px #6366f133;transform:scale(1.05) rotate(2deg)}.tline-img{display:block;height:350px;object-fit:cover;transition:transform .5s ease;width:100%}.tline-step:hover .tline-img{transform:scale(1.1)}.tline-image-overlay{background:linear-gradient(135deg,#6366f14d,#a855f74d);inset:0;opacity:0;position:absolute;transition:opacity .5s ease}.tline-step:hover .tline-image-overlay{opacity:1}.tline-image-badge{align-items:center;animation:tline-badge-spin 20s linear infinite;background:#fff;border-radius:50%;box-shadow:0 10px 30px #00000026;display:flex;font-size:28px;height:60px;justify-content:center;position:absolute;right:20px;top:20px;width:60px}@keyframes tline-badge-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tline-dot{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.tline-dot-inner{background:#fff;border:4px solid #6366f1;border-radius:50%;box-shadow:0 0 0 4px #6366f133;height:20px;position:relative;width:20px;z-index:3}.tline-dot-ring{animation:tline-ring-rotate 3s linear infinite;border:3px solid #a855f7;border-radius:50%;inset:-8px;position:absolute;z-index:2}@keyframes tline-ring-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tline-dot-pulse{animation:tline-pulse-expand 2s ease-out infinite;border:2px solid #6366f1;border-radius:50%;inset:-12px;position:absolute;z-index:1}@keyframes tline-pulse-expand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.tline-cta{animation:tline-cta-appear 1s ease-out 1s backwards;margin-top:80px;text-align:center}@keyframes tline-cta-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tline-cta-button{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:50px;box-shadow:0 10px 30px #6366f14d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:20px 50px;position:relative;transition:all .3s ease}.tline-cta-button:hover{box-shadow:0 15px 40px #6366f166;transform:translateY(-3px)}.tline-cta-shine{animation:tline-shine-move 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes tline-shine-move{to{left:100%}}.tline-cta-text{color:#64748b;font-size:14px;margin-top:16px}@media (max-width:1024px){.tline-step-container{gap:40px;grid-template-columns:1fr}.tline-step:nth-child(2n) .tline-step-container{direction:ltr}.tline-dot,.tline-vertical-line{left:30px}}@media (max-width:768px){.tline-title{font-size:36px}.tline-step-content{padding:35px}}.hrbento-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);min-height:100vh;overflow:hidden;padding:120px 0;position:relative;width:100%}.hrbento-animated-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.hrbento-grid-pattern{animation:hrbento-grid-move 20s linear infinite;background-image:linear-gradient(#6366f114 1px,#0000 0),linear-gradient(90deg,#6366f114 1px,#0000 0);background-size:50px 50px;height:100%;position:absolute;width:100%}@keyframes hrbento-grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hrbento-gradient-orb{animation:hrbento-orb-float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.hrbento-orb-1{animation-duration:25s;background:radial-gradient(circle,#6366f1,#0000);height:500px;left:-200px;top:-200px;width:500px}.hrbento-orb-2{animation-delay:-5s;animation-duration:30s;background:radial-gradient(circle,#8b5cf6,#0000);height:400px;right:-150px;top:50%;width:400px}.hrbento-orb-3{animation-delay:-10s;animation-duration:35s;background:radial-gradient(circle,#ec4899,#0000);bottom:-100px;height:350px;left:30%;width:350px}.hrbento-orb-4{animation-delay:-15s;animation-duration:28s;background:radial-gradient(circle,#06b6d4,#0000);height:450px;right:20%;top:20%;width:450px}@keyframes hrbento-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.hrbento-container{bottom:170px;margin:0 auto;max-width:1400px;padding:0 24px;position:relative;z-index:1}.hrbento-header{animation:hrbento-fade-in-up .8s ease-out;margin-bottom:-80px;text-align:center}@keyframes hrbento-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrbento-header-badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;display:inline-flex;gap:8px;margin-bottom:24px;overflow:hidden;padding:10px 24px;position:relative}.hrbento-badge-shimmer{animation:hrbento-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes hrbento-shimmer{0%{left:-100%}to{left:200%}}.hrbento-badge-icon{animation:hrbento-pulse-scale 2s ease-in-out infinite;font-size:18px}@keyframes hrbento-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hrbento-badge-text{color:#a5b4fc;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.hrbento-title{color:#0f172a;font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.hrbento-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.hrbento-title-underline{animation:hrbento-underline-draw 1.5s ease-out .5s forwards;bottom:-8px;color:#8b5cf6;height:12px;left:0;opacity:.6;position:absolute;width:100%}@keyframes hrbento-underline-draw{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 1000}}.hrbento-subtitle{color:#475569;font-size:18px;line-height:1.7;margin:0 auto 40px;max-width:700px}.hrbento-stats-preview{align-items:center;display:flex;gap:32px;justify-content:center;margin-top:40px}.hrbento-stat-mini{display:flex;flex-direction:column;gap:4px}.hrbento-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:800}.hrbento-stat-text{color:#64748b;font-size:14px;letter-spacing:1px;text-transform:uppercase}.hrbento-stat-divider{background:linear-gradient(180deg,#0000,#334155,#0000);height:40px;width:1px}.hrbento-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(12,1fr);margin-bottom:80px}.hrbento-card{animation:hrbento-fade-in-up .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:24px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrbento-card:before{background:linear-gradient(135deg,#6366f108,#8b5cf608);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.hrbento-card:hover{background:#ffffffe6;border-color:#6366f14d;box-shadow:0 20px 60px #6366f126;transform:translateY(-8px)}.hrbento-card:hover:before{opacity:1}.hrbento-hero{grid-column:span 8;min-height:550px}.hrbento-tall{grid-column:span 4;min-height:550px}.hrbento-wide{grid-column:span 8;min-height:320px}.hrbento-medium{grid-column:span 6;min-height:380px}.hrbento-small{grid-column:span 3;min-height:280px}.hrbento-card-glow{background:radial-gradient(circle,#6366f126,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .6s ease;width:200%}.hrbento-card:hover .hrbento-card-glow{animation:hrbento-glow-rotate 8s linear infinite;opacity:1}@keyframes hrbento-glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hrbento-floating-badge{align-items:center;animation:hrbento-float-badge 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:20px;color:#fff;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 16px;position:absolute;right:20px;top:20px}@keyframes hrbento-float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hrbento-badge-pulse{animation:hrbento-pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes hrbento-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hrbento-icon-wrapper{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:24px;position:relative;width:80px}.hrbento-icon-bg{animation:hrbento-icon-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;height:100%;opacity:.1;position:absolute;width:100%}@keyframes hrbento-icon-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.hrbento-icon-main{animation:hrbento-bounce-subtle 4s ease-in-out infinite;font-size:48px;position:relative;z-index:1}@keyframes hrbento-bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hrbento-icon-circle{align-items:center;background:#6366f11a;border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:20px;position:relative;width:70px}.hrbento-icon{font-size:36px;z-index:2}.hrbento-ripple{animation:hrbento-ripple-expand 2s ease-out infinite;border:2px solid #6366f180;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes hrbento-ripple-expand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.hrbento-card-title{color:#0f172a;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:12px}.hrbento-card-desc{color:#475569;font-size:15px;line-height:1.6;margin-bottom:24px}.hrbento-chart-container{background:#f8faffcc;border:1px solid #e2e8f099;border-radius:16px;margin:24px 0;padding:24px}.hrbento-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.hrbento-chart-label{color:#334155;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hrbento-chart-trend{align-items:center;color:#22c55e;display:flex;font-size:14px;font-weight:700;gap:4px}.hrbento-bar-chart{align-items:flex-end;display:flex;gap:20px;height:180px;justify-content:space-around}.hrbento-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px}.hrbento-bar{animation:hrbento-bar-grow 1s ease-out backwards;background:linear-gradient(0deg,#cbd5e1,#e2e8f0);border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;width:100%}@keyframes hrbento-bar-grow{0%{height:0!important}}.hrbento-bar:hover{background:linear-gradient(0deg,#94a3b8,#cbd5e1);transform:scaleY(1.05)}.hrbento-bar-active{background:linear-gradient(0deg,#6366f1,#8b5cf6)!important;box-shadow:0 0 30px #6366f180}.hrbento-bar-value{color:#0f172a;font-size:14px;font-weight:700;top:-30px;white-space:nowrap}.hrbento-bar-highlight,.hrbento-bar-value{left:50%;position:absolute;transform:translateX(-50%)}.hrbento-bar-highlight{animation:hrbento-check-pop .5s ease-out 1s backwards;color:#22c55e;font-size:20px;top:-50px}@keyframes hrbento-check-pop{0%{opacity:0;transform:translateX(-50%) scale(0)}to{opacity:1;transform:translateX(-50%) scale(1)}}.hrbento-bar-label{color:#64748b;font-size:12px;text-align:center}.hrbento-feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hrbento-pill{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.hrbento-pill:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px)}.hrbento-speedometer{margin:30px 0}.hrbento-speed-arc{height:120px;margin:0 auto;position:relative;width:200px}.hrbento-speed-svg{height:100%;width:100%}.hrbento-speed-track{stroke:#33415580;stroke-width:12;stroke-linecap:round;fill:none}.hrbento-speed-fill{stroke:url(#speed-gradient);stroke-width:12;stroke-linecap:round;fill:none;stroke-dasharray:251;stroke-dashoffset:50;animation:hrbento-speed-fill 2s ease-out .5s forwards}@keyframes hrbento-speed-fill{to{stroke-dashoffset:0}}.hrbento-speed-needle{animation:hrbento-needle-swing 2s ease-out .5s forwards;background:linear-gradient(0deg,#6366f1,#8b5cf6);border-radius:2px;bottom:10px;height:80px;left:50%;position:absolute;transform:translateX(-50%) rotate(-60deg);transform-origin:bottom center;width:4px}@keyframes hrbento-needle-swing{to{transform:translateX(-50%) rotate(60deg)}}.hrbento-speed-label{margin-top:10px;text-align:center}.hrbento-speed-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:block;font-size:36px;font-weight:800}.hrbento-speed-text{color:#64748b;display:block;font-size:14px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.hrbento-time-saved{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;display:flex;gap:16px;margin-top:24px;padding:20px}.hrbento-time-icon{font-size:32px}.hrbento-time-content{display:flex;flex-direction:column;gap:4px}.hrbento-time-value{color:#22c55e;font-size:24px;font-weight:700}.hrbento-time-label{color:#94a3b8;font-size:13px}.hrbento-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.hrbento-header-left{align-items:flex-start;display:flex;gap:16px}.hrbento-icon-badge{align-items:center;background:#6366f11a;border-radius:14px;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.hrbento-live-indicator{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.hrbento-live-dot{animation:hrbento-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.hrbento-live-text{color:#22c55e;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrbento-dashboard-preview{display:flex;gap:20px}.hrbento-mini-chart{background:#0f172a99;border-radius:12px;flex:1 1;padding:20px}.hrbento-chart-title{color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.hrbento-line-graph{align-items:flex-end;display:flex;height:100px;position:relative}.hrbento-graph-point{animation:hrbento-bar-grow 1s ease-out backwards;background:linear-gradient(0deg,#6366f1,#8b5cf6);border-radius:6px 6px 0 0;position:absolute;width:12px}.hrbento-metrics-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr}.hrbento-metric-box{align-items:center;background:#0f172a99;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.hrbento-metric-box:hover{background:#0f172acc;transform:translateX(4px)}.hrbento-metric-icon{font-size:24px}.hrbento-metric-data{display:flex;flex-direction:column;gap:2px}.hrbento-metric-num{color:#fff;font-size:20px;font-weight:700}.hrbento-metric-label{color:#64748b;font-size:12px}.hrbento-card-shimmer{animation:hrbento-shimmer 4s infinite;background:linear-gradient(90deg,#0000,#6366f11a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.hrbento-accuracy-display{height:160px;margin:30px auto;position:relative;width:160px}.hrbento-circle-progress{height:100%;transform:rotate(-90deg);width:100%}.hrbento-circle-bg{fill:none;stroke:#3341554d;stroke-width:8}.hrbento-circle-fill{fill:none;stroke:url(#circle-gradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:339;stroke-dashoffset:17;animation:hrbento-circle-fill 2s ease-out .5s forwards}@keyframes hrbento-circle-fill{to{stroke-dashoffset:0}}.hrbento-circle-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.hrbento-circle-percent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:block;font-size:32px;font-weight:800}.hrbento-circle-label{color:#64748b;display:block;font-size:12px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.hrbento-precision-stats{display:flex;flex-direction:column;gap:10px;margin-top:24px}.hrbento-precision-item{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:10px}.hrbento-precision-check{align-items:center;background:#22c55e33;border-radius:50%;color:#22c55e;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.hrbento-security-bg{background:radial-gradient(circle at 30% 50%,#6366f10d,#0000);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hrbento-security-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:32px}.hrbento-lock-wrapper{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.hrbento-lock-icon{font-size:32px;position:relative;z-index:2}.hrbento-lock-ring{animation:hrbento-lock-pulse 3s ease-in-out infinite;border:2px solid #6366f14d;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes hrbento-lock-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.hrbento-security-text{flex:1 1}.hrbento-security-badges{display:flex;flex-wrap:wrap;gap:12px}.hrbento-sec-badge{align-items:center;background:#0f172a99;border:1px solid #6366f133;border-radius:12px;display:flex;gap:12px;padding:16px 20px;transition:all .3s ease}.hrbento-sec-badge:hover{background:#0f172acc;border-color:#6366f166;transform:translateY(-4px)}.hrbento-sec-icon{font-size:24px}.hrbento-sec-info{display:flex;flex-direction:column;gap:2px}.hrbento-sec-title{color:#fff;font-size:14px;font-weight:700}.hrbento-sec-sub{color:#64748b;font-size:12px}.hrbento-workflow-visual{align-items:center;background:#0f172a99;border-radius:12px;display:flex;gap:16px;justify-content:center;margin:30px 0;padding:24px}.hrbento-workflow-step{align-items:center;display:flex;flex-direction:column;gap:8px}.hrbento-workflow-node{align-items:center;background:#33415580;border:2px solid #64748b4d;border-radius:50%;display:flex;font-size:28px;height:60px;justify-content:center;transition:all .4s ease;width:60px}.hrbento-workflow-node:hover{background:#6366f133;border-color:#6366f180;transform:scale(1.1)}.hrbento-node-active{animation:hrbento-node-pulse 2s ease-in-out infinite;background:#6366f133;border-color:#6366f180}@keyframes hrbento-node-pulse{0%,to{box-shadow:0 0 0 0 #6366f1b3}50%{box-shadow:0 0 0 10px #6366f100}}.hrbento-workflow-arrow{animation:hrbento-arrow-slide 2s ease-in-out infinite;color:#64748b;font-size:24px}@keyframes hrbento-arrow-slide{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(8px)}}.hrbento-workflow-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.hrbento-automation-stat{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-top:20px;padding:16px}.hrbento-auto-icon{font-size:24px}.hrbento-auto-text{color:#22c55e;font-size:14px;font-weight:600}.hrbento-small-pattern{background-image:radial-gradient(circle,#6366f10d 1px,#0000 0);background-size:20px 20px;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.hrbento-emoji-xl{animation:hrbento-bounce-subtle 4s ease-in-out infinite;display:block;font-size:48px;margin-bottom:16px}.hrbento-small-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px}.hrbento-small-text{color:#64748b;font-size:13px;margin-bottom:20px}.hrbento-avatar-stack{display:flex;margin-top:16px}.hrbento-avatar{border:3px solid #1e293bcc;border-radius:50%;height:40px;margin-left:-12px;transition:all .3s ease;width:40px}.hrbento-avatar:first-child{margin-left:0}.hrbento-avatar:hover{transform:translateY(-4px) scale(1.1);z-index:10}.hrbento-avatar-1{background:linear-gradient(135deg,#667eea,#764ba2)}.hrbento-avatar-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.hrbento-avatar-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.hrbento-avatar-more{align-items:center;background:#6366f133;color:#a5b4fc;display:flex;font-size:12px;font-weight:700;justify-content:center}.hrbento-integration-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:16px}.hrbento-integration-logo{align-items:center;aspect-ratio:1;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;color:#a5b4fc;display:flex;font-size:18px;font-weight:700;justify-content:center;transition:all .3s ease;width:100%}.hrbento-integration-logo:hover{background:#6366f133;transform:scale(1.05)}.hrbento-app-stores{display:flex;gap:8px;margin-top:16px}.hrbento-store-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;color:#a5b4fc;flex:1 1;font-size:12px;font-weight:600;padding:10px;text-align:center;transition:all .3s ease}.hrbento-store-badge:hover{background:#6366f133;transform:translateY(-2px)}.hrbento-support-indicator{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-top:16px;padding:12px}.hrbento-online-dot{animation:hrbento-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:10px;width:10px}.hrbento-online-text{color:#22c55e;font-size:12px;font-weight:600}.hrbento-testimonial-quote{color:#6366f133;font-family:Poppins,sans-serif;font-size:80px;left:20px;line-height:1;position:absolute;top:20px}.hrbento-testimonial-text{color:#cbd5e1;font-size:16px;font-style:italic;line-height:1.7;margin:20px 0 30px;position:relative;z-index:1}.hrbento-testimonial-author{align-items:center;display:flex;gap:16px}.hrbento-author-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:3px solid #6366f14d;border-radius:50%;height:56px;width:56px}.hrbento-author-info{flex:1 1}.hrbento-author-name{color:#fff;font-size:15px;font-weight:700;margin-bottom:4px}.hrbento-author-role{color:#64748b;font-size:13px}.hrbento-rating{display:flex;gap:4px}.hrbento-star-filled{color:#fbbf24;font-size:18px}.hrbento-cta-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b80;border:1px solid #94a3b81a;border-radius:24px;display:flex;gap:40px;justify-content:space-between;overflow:hidden;padding:60px;position:relative}.hrbento-cta-glow{animation:hrbento-glow-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#6366f126,#0000);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}@keyframes hrbento-glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hrbento-cta-content{flex:1 1;position:relative;z-index:1}.hrbento-cta-title{color:#fff;font-size:36px;font-weight:800;line-height:1.2;margin-bottom:12px}.hrbento-cta-subtitle{color:#94a3b8;font-size:16px;line-height:1.6;margin-bottom:24px}.hrbento-cta-features{display:flex;flex-wrap:wrap;gap:20px}.hrbento-cta-feature{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:8px}.hrbento-cta-actions{display:flex;gap:16px;position:relative;z-index:1}.hrbento-btn-primary,.hrbento-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s ease;white-space:nowrap}.hrbento-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 30px #6366f14d;color:#fff}.hrbento-btn-primary:hover{box-shadow:0 20px 40px #6366f166;transform:translateY(-4px)}.hrbento-btn-shine{animation:hrbento-btn-shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes hrbento-btn-shine{0%{left:-100%}50%,to{left:200%}}.hrbento-btn-arrow{font-size:20px;transition:transform .3s ease}.hrbento-btn-primary:hover .hrbento-btn-arrow{transform:translateX(4px)}.hrbento-btn-secondary{background:#6366f11a;border:2px solid #6366f14d;color:#a5b4fc}.hrbento-btn-secondary:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-2px)}.hrbento-btn-icon{font-size:14px}.hrbento-card-pattern{background-image:linear-gradient(45deg,#6366f105 25%,#0000 0),linear-gradient(-45deg,#6366f105 25%,#0000 0),linear-gradient(45deg,#0000 75%,#6366f105 0),linear-gradient(-45deg,#0000 75%,#6366f105 0);background-position:0 0,0 15px,15px -15px,-15px 0;background-size:30px 30px;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}svg defs{display:none}@media (max-width:1200px){.hrbento-grid{grid-template-columns:repeat(8,1fr)}.hrbento-hero,.hrbento-wide{grid-column:span 8}.hrbento-medium,.hrbento-small{grid-column:span 4}}@media (max-width:768px){.hrbento-section{padding:80px 0}.hrbento-title{font-size:36px}.hrbento-subtitle{font-size:16px}.hrbento-stats-preview{flex-direction:column;gap:20px}.hrbento-stat-divider{height:1px;width:40px}.hrbento-grid{gap:16px;grid-template-columns:1fr}.hrbento-hero,.hrbento-medium,.hrbento-small,.hrbento-tall,.hrbento-wide{grid-column:span 1}.hrbento-card{padding:24px}.hrbento-cta-section,.hrbento-dashboard-preview{flex-direction:column}.hrbento-cta-section{padding:40px 24px;text-align:center}.hrbento-cta-title{font-size:28px}.hrbento-cta-actions{flex-direction:column;width:100%}.hrbento-btn-primary,.hrbento-btn-secondary{width:100%}.hrbento-security-header{flex-direction:column}.hrbento-security-badges{grid-template-columns:1fr}.hrbento-workflow-visual{flex-direction:column;gap:12px}.hrbento-workflow-arrow{transform:rotate(90deg)}}@media (max-width:480px){.hrbento-title{font-size:28px}.hrbento-card-title{font-size:20px}.hrbento-bar-chart{gap:10px}.hrbento-feature-pills{gap:6px}.hrbento-pill{font-size:11px;padding:6px 12px}}.hrbento-card:first-child{animation-delay:.1s}.hrbento-card:nth-child(2){animation-delay:.2s}.hrbento-card:nth-child(3){animation-delay:.3s}.hrbento-card:nth-child(4){animation-delay:.4s}.hrbento-card:nth-child(5){animation-delay:.5s}.hrbento-card:nth-child(6){animation-delay:.6s}.hrbento-card:nth-child(7){animation-delay:.7s}.hrbento-card:nth-child(8){animation-delay:.8s}.hrbento-card:nth-child(9){animation-delay:.9s}.hrbento-card:nth-child(10){animation-delay:1s}.hrbento-btn-primary,.hrbento-btn-secondary,.hrbento-card{will-change:transform}.hrbento-gradient-orb{will-change:transform,opacity}@media print{.hrbento-animated-bg,.hrbento-card-glow,.hrbento-floating-badge{display:none}.hrbento-card{break-inside:avoid;page-break-inside:avoid}}.hrcopilot-hero-section{align-items:center;background:linear-gradient(135deg,#f5f1e8,#faf8f4);display:flex;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.hrcopilot-hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1400px}.hrcopilot-hero-content{z-index:2}.hrcopilot-hero-title{color:#2d2d2d;font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:24px}.hrcopilot-hero-subtitle{color:#5a5a5a;font-size:1.25rem;line-height:1.6;margin-bottom:40px;max-width:520px}.hrcopilot-hero-buttons{align-items:center;display:flex;gap:16px;margin-bottom:60px}.hrcopilot-btn-getstarted{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;left:50px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.hrcopilot-btn-getstarted:hover{box-shadow:0 6px 25px #6366f166;transform:translateY(-2px)}.hrcopilot-btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hrcopilot-btn-getstarted:hover .hrcopilot-btn-glow{left:100%}.hrcopilot-btn-login{align-items:center;background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;left:50px;padding:16px 32px;position:relative;transition:all .3s ease}.hrcopilot-btn-login:hover{background:#6366f1;box-shadow:0 4px 15px #6366f133;color:#fff;transform:translateY(-2px)}.hrcopilot-btn-icon{font-size:1.2rem}.hrcopilot-hero-reviews{align-items:center;display:flex;gap:40px;margin-left:60px}.hrcopilot-review-item{display:flex;flex-direction:column;gap:8px}.hrcopilot-review-logo{color:#2d2d2d;font-size:1.5rem;font-weight:700}.hrcopilot-review-stars{color:#ffa726;display:flex;font-size:1.2rem;gap:4px}.hrcopilot-review-item p{color:#666;font-size:.9rem;margin:0}.hrcopilot-hero-visual{height:600px;position:relative}.hrcopilot-visual-container{height:100%;position:relative;width:100%}.hrcopilot-organic-shape{animation:hrcopilot-float 6s ease-in-out infinite;border-radius:50% 40% 60% 50%;filter:blur(1px);opacity:.9;position:absolute}.hrcopilot-shape-pink-top{animation-delay:0s;background:linear-gradient(135deg,pink,#ffb3c1);height:180px;left:10%;top:0;transform:rotate(-15deg);width:200px}.hrcopilot-shape-orange{animation-delay:1s;background:linear-gradient(135deg,#ff9f40,#ffb347);border-radius:60% 40% 50% 60%;bottom:20%;height:280px;left:5%;transform:rotate(25deg);width:350px}.hrcopilot-shape-pink-bottom{animation-delay:2s;background:linear-gradient(135deg,#ff7eb3,#ff758c);border-radius:45% 55% 60% 40%;bottom:0;height:250px;right:20%;transform:rotate(-20deg);width:280px}.hrcopilot-shape-red{animation-delay:1.5s;background:linear-gradient(135deg,#e91e63,#d81b60);border-radius:55% 45% 40% 60%;height:200px;right:0;top:15%;transform:rotate(35deg);width:220px}.hrcopilot-person-photo{bottom:0;height:600px;position:absolute;right:0;width:600px;z-index:4}.hrcopilot-person-image{filter:drop-shadow(0 10px 40px rgba(0,0,0,.15));height:100%;object-fit:cover;object-position:center top;width:100%}@media (max-width:1200px){.hrcopilot-hero-container{gap:40px;grid-template-columns:1fr}.hrcopilot-hero-visual{height:500px}.hrcopilot-person-photo{height:400px;width:400px}}@media (max-width:768px){.hrcopilot-hero-title{font-size:2.5rem}.hrcopilot-hero-subtitle{font-size:1.1rem}.hrcopilot-hero-buttons{align-items:stretch;flex-direction:column}.hrcopilot-btn-getstarted,.hrcopilot-btn-login{justify-content:center;width:100%}.hrcopilot-hero-reviews{align-items:flex-start;flex-direction:column;gap:20px}.hrcopilot-hero-visual{height:400px}.hrcopilot-person-photo{height:300px;width:300px}.hrcopilot-organic-shape{transform:scale(.7)}}.hrcopilot-trust-section{background:#fff;margin-top:-200px;overflow:hidden;padding:80px 20px}.hrcopilot-trust-header{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:900px;text-align:center}.hrcopilot-trust-subtitle{color:#2b2436!important;font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}.hrcopilot-trust-title{color:#2b2436!important;font-size:28px;font-weight:700;line-height:1.2;margin:0}.hrcopilot-trust-marquee-container{background:linear-gradient(180deg,#0cf 0,#fff);border-radius:20px;margin-top:-40px;overflow:hidden;padding:40px 0;position:relative;width:100%}.hrcopilot-trust-marquee-track{display:flex;width:100%}.hrcopilot-trust-marquee-content{animation:scroll 40s linear infinite;display:flex;will-change:transform}.hrcopilot-trust-marquee-content:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hrcopilot-trust-logo-item{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 30px}.hrcopilot-trust-logo-wrapper{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;justify-content:center;min-height:100px;min-width:180px;padding:24px 40px;transition:all .3s ease}.hrcopilot-trust-logo{height:auto;max-height:60px;max-width:140px;object-fit:contain;transition:filter .3s ease;width:auto}.hrcopilot-trust-logo-wrapper:hover .hrcopilot-trust-logo{filter:grayscale(0) opacity(1)}.hrcopilot-trust-overlay{bottom:0;pointer-events:none;position:absolute;top:0;width:150px;z-index:2}.hrcopilot-trust-overlay-left{background:linear-gradient(90deg,#fff 0,#fff0);left:0}.hrcopilot-trust-overlay-right{background:linear-gradient(270deg,#fff 0,#fff0);right:0}@media (max-width:768px){.hrcopilot-trust-section{padding:60px 16px}.hrcopilot-trust-title{font-size:32px}.hrcopilot-trust-subtitle{font-size:12px}.hrcopilot-trust-logo-wrapper{min-height:80px;min-width:150px;padding:20px 30px}.hrcopilot-trust-logo{max-height:50px;max-width:120px}.hrcopilot-trust-logo-item{padding:0 20px}}.hrcopilot-features-section{margin-top:-140px}.hrcopilot-features-title{font-size:2.5rem}.hrcopilot-shape{transition:transform .3s ease}.hrcopilot-feature-card:hover .hrcopilot-shape{transform:scale(1.1)}.hrcopilot-shape-pink-flag{background:#ffb3c1;border-radius:8px;height:50px;left:10px;top:20px;transform:rotate(-15deg);width:50px}.hrcopilot-shape-maroon-heart{background:#6a1b4d;border-radius:50% 50% 40% 40%;height:60px;right:20px;top:10px;transform:rotate(45deg);width:60px}.hrcopilot-shape-pink-blob{background:#ffcce0;border-radius:60% 40% 50% 60%;bottom:30px;height:70px;left:20px;width:80px}.hrcopilot-shape-orange-triangle{border-bottom:70px solid #ffb347;border-left:40px solid #0000;border-right:40px solid #0000;bottom:20px;height:0;right:15px;transform:rotate(15deg);width:0}.hrcopilot-icon-circular{height:160px;position:relative;width:160px}.hrcopilot-circular-bg{background:linear-gradient(135deg,#6a1b4d,#8b2462);border-radius:50%;height:140px;left:10px;position:absolute;top:10px;width:140px}.hrcopilot-circular-arrow{border-bottom:40px solid #0000;border-left:50px solid #ffb3c1;border-top:40px solid #0000;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));height:0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0}.hrcopilot-circular-gear{animation:hrcopilot-gear-spin 8s linear infinite;color:#ff6b9d;font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}@keyframes hrcopilot-gear-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hrcopilot-feature-card:hover .hrcopilot-circular-gear{animation-duration:4s}.hrcopilot-icon-people{align-items:flex-end;display:flex;gap:20px;height:160px;justify-content:center;padding-bottom:20px}.hrcopilot-person-bar{border-radius:25px 25px 0 0;position:relative;transition:transform .3s ease;width:45px}.hrcopilot-person-bar:before{background:inherit;border-radius:50%;content:"";height:25px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:25px}.hrcopilot-bar-pink{background:#ffb3c1;height:100px}.hrcopilot-bar-maroon{background:#6a1b4d;height:130px}.hrcopilot-bar-orange{background:#ffb347;height:85px}.hrcopilot-feature-card:hover .hrcopilot-person-bar{transform:translateY(-10px)}.hrcopilot-feature-card:hover .hrcopilot-bar-pink{transition-delay:0s}.hrcopilot-feature-card:hover .hrcopilot-bar-maroon{transition-delay:.1s}.hrcopilot-feature-card:hover .hrcopilot-bar-orange{transition-delay:.2s}@media (max-width:768px){.hrcopilot-features-section{padding:80px 20px}.hrcopilot-features-grid{gap:60px;grid-template-columns:1fr}.hrcopilot-features-title{font-size:2rem}.hrcopilot-feature-heading{font-size:1.5rem}.hrcopilot-feature-description{font-size:1rem}.hrcopilot-features-header{margin-bottom:60px}}@media (max-width:480px){.hrcopilot-features-title{font-size:1.75rem}.hrcopilot-feature-visual{height:150px;width:150px}.hrcopilot-icon-circular{height:140px;width:140px}.hrcopilot-circular-bg{height:120px;width:120px}.hrcopilot-icon-people{height:140px}.hrcopilot-bar-pink{height:80px}.hrcopilot-bar-maroon{height:110px}.hrcopilot-bar-orange{height:70px}}.hrcopilot-benefits-section{background:#fff;margin-top:-100px;overflow:hidden;padding:0}.hrcopilot-benefits-section1{background:#fff;margin-bottom:150px;margin-top:-50px;overflow:hidden;padding:0}.hrcopilot-benefits-container{max-width:100%}.hrcopilot-benefit-row{align-items:center;display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hrcopilot-benefit-row:nth-child(odd){background:linear-gradient(135deg,#fff,#fff)}.hrcopilot-benefit-row:nth-child(2n){background:#fff}.hrcopilot-benefit-reverse{grid-template-columns:1fr 1fr}.hrcopilot-benefit-reverse .hrcopilot-benefit-content{order:2;padding-left:60px;padding-right:100px}.hrcopilot-benefit-reverse .hrcopilot-benefit-image{order:1;padding-left:100px;padding-right:60px}.hrcopilot-benefit-content{padding:80px 100px}.hrcopilot-benefit-subtitle{color:#666;font-size:1rem;font-weight:500;margin-bottom:16px;text-align:justify}.hrcopilot-benefit-title{font-size:2.5rem;text-align:justify}.hrcopilot-benefit-title,.hrcopilot-benefit-title1{color:#2b2436!important;font-family:Poppins,sans-serif;font-weight:800;line-height:1.2;margin-bottom:32px}.hrcopilot-benefit-title1{font-size:2.1rem}.hrcopilot-benefit-list{list-style:none;margin:0 0 40px;padding:0}.hrcopilot-benefit-list li{color:#4a4a4a;font-size:1.1rem;line-height:1.7;margin-bottom:20px;padding-left:30px;position:relative;text-align:justify}.hrcopilot-benefit-list li:before{color:#e91e63;content:"•";font-size:1.5rem;font-weight:700;left:0;position:absolute}.hrcopilot-benefit-cta{background:#0000;border:2px solid #165ef0;border-radius:4px;color:#165ef0;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-right:260px;padding:16px 40px;text-transform:uppercase;transition:all .3s ease}.hrcopilot-benefit-cta:hover{background:#165ef01a;transform:translateY(-2px)}.hrcopilot-benefit-image{align-items:center;display:flex;justify-content:center;padding:80px 100px 80px 60px}.hrcopilot-benefit-image img{filter:drop-shadow(0 10px 40px rgba(0,0,0,.1));height:auto;max-width:100%;object-fit:contain}@media (max-width:1200px){.hrcopilot-benefit-content,.hrcopilot-benefit-image{padding:60px}.hrcopilot-benefit-reverse .hrcopilot-benefit-content{padding-left:40px;padding-right:60px}.hrcopilot-benefit-reverse .hrcopilot-benefit-image{padding-left:60px;padding-right:40px}}@media (max-width:968px){.hrcopilot-benefit-reverse,.hrcopilot-benefit-row{grid-template-columns:1fr}.hrcopilot-benefit-reverse .hrcopilot-benefit-content{order:1;padding:60px 40px 40px}.hrcopilot-benefit-reverse .hrcopilot-benefit-image{order:2;padding:40px 40px 60px}.hrcopilot-benefit-content{padding:60px 40px 40px}.hrcopilot-benefit-image{padding:40px 40px 60px}.hrcopilot-benefit-title{font-size:2rem}}@media (max-width:640px){.hrcopilot-benefit-content{padding:50px 20px 30px}.hrcopilot-benefit-image{padding:30px 20px 50px}.hrcopilot-benefit-reverse .hrcopilot-benefit-content{padding:50px 20px 30px}.hrcopilot-benefit-reverse .hrcopilot-benefit-image{padding:30px 20px 50px}.hrcopilot-benefit-title{font-size:1.75rem}.hrcopilot-benefit-list li{font-size:1rem;padding-left:25px}.hrcopilot-benefit-cta{width:100%}.hrcopilot-benefit-row{min-height:auto}}.hrcopilot-capabilities-zone{background:linear-gradient(135deg,#fff,#fff);overflow:hidden;position:relative}.hrcopilot-capabilities-container{margin:0 auto;max-width:1200px;position:relative;z-index:2}.hrcopilot-capabilities-header{margin-bottom:80px;text-align:center}.hrcopilot-capabilities-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50px;box-shadow:0 4px 15px #6366f14d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}.hrcopilot-badge-dot{animation:hrcopilot-pulse 2s ease-in-out infinite;background:#fff}.hrcopilot-capabilities-title{color:#1a1a1a;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hrcopilot-gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.hrcopilot-capabilities-subtitle{color:#666;font-size:1.25rem;margin:0 auto;max-width:600px}.hrcopilot-capabilities-list{display:flex;flex-direction:column;gap:0;margin-bottom:80px}.hrcopilot-capability-item{grid-gap:40px;display:grid;gap:40px;grid-template-columns:80px 1fr;padding:50px 0;position:relative;transition:all .3s ease}.hrcopilot-capability-item:hover{transform:translateX(10px)}.hrcopilot-capability-item:not(:last-child){border-bottom:1px solid #e5e7eb}.hrcopilot-capability-number{color:#f1f3f5;font-size:3rem;font-weight:800;line-height:1;transition:all .3s ease}.hrcopilot-capability-item:hover .hrcopilot-capability-number{color:#6366f1;transform:scale(1.1)}.hrcopilot-capability-content{display:flex;flex-direction:column;gap:24px}.hrcopilot-capability-header-row{align-items:flex-start;display:flex;gap:20px}.hrcopilot-capability-icon{align-items:center;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.hrcopilot-capability-item:hover .hrcopilot-capability-icon{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.hrcopilot-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.hrcopilot-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.hrcopilot-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.hrcopilot-icon-sky{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.hrcopilot-icon-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.hrcopilot-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.hrcopilot-capability-name{color:#1a1a1a;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 8px}.hrcopilot-capability-tagline{color:#666;font-size:1.1rem;line-height:1.5;margin:0}.hrcopilot-capability-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.hrcopilot-capability-features li{align-items:center;background:#f8f9fa;border-radius:8px;color:#4a4a4a;display:flex;font-size:1rem;gap:12px;padding:12px 16px;transition:all .3s ease}.hrcopilot-capability-features li:hover{background:#e9ecef;transform:translateX(5px)}.hrcopilot-capability-features li:before{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;content:"✓";display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.hrcopilot-capability-line{background:linear-gradient(180deg,#0000,#6366f1 50%,#0000);height:100%;left:40px;opacity:0;position:absolute;top:0;transition:all .3s ease;width:2px}.hrcopilot-capability-item:hover .hrcopilot-capability-line{opacity:.3}.hrcopilot-capabilities-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;box-shadow:0 20px 60px #6366f14d;overflow:hidden;padding:60px;position:relative}.hrcopilot-cta-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;position:relative;z-index:2}.hrcopilot-cta-content{flex:1 1}.hrcopilot-cta-heading{color:#fff;font-size:2rem;font-weight:700;line-height:1.3;margin:0 0 12px}.hrcopilot-cta-text{color:#ffffffe6;font-size:1.1rem;margin:0}.hrcopilot-cta-button{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;gap:12px;padding:18px 36px;transition:all .3s ease}.hrcopilot-cta-button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.hrcopilot-cta-button:hover .hrcopilot-cta-arrow{transform:translateX(5px)}.hrcopilot-cta-decoration{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:200px;pointer-events:none;position:absolute;right:-50px;top:-50px;width:200px}.hrcopilot-capabilities-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.hrcopilot-bg-circle{background:radial-gradient(circle,#6366f10d 0,#0000 70%);border-radius:50%;position:absolute}.hrcopilot-bg-circle-1{height:600px;left:-200px;top:-200px;width:600px}.hrcopilot-bg-circle-2{bottom:-300px;height:800px;right:-300px;width:800px}@media (max-width:1024px){.hrcopilot-capabilities-title{font-size:2.5rem}.hrcopilot-capability-features{grid-template-columns:1fr}.hrcopilot-cta-wrapper{flex-direction:column;text-align:center}.hrcopilot-cta-button{justify-content:center;width:100%}}@media (max-width:768px){.hrcopilot-capabilities-zone{padding:80px 20px}.hrcopilot-capabilities-title{font-size:2rem}.hrcopilot-capability-item{gap:20px;grid-template-columns:1fr;padding:40px 0}.hrcopilot-capability-number{font-size:2rem}.hrcopilot-capability-name{font-size:1.5rem}.hrcopilot-capabilities-cta{padding:40px 30px}.hrcopilot-cta-heading{font-size:1.5rem}.hrcopilot-capability-line{display:none}}@media (max-width:640px){.hrcopilot-capabilities-header{margin-bottom:60px}.hrcopilot-capabilities-title{font-size:1.75rem}.hrcopilot-capabilities-subtitle{font-size:1rem}.hrcopilot-capability-header-row{flex-direction:column}.hrcopilot-capability-icon{font-size:1.25rem;height:50px;width:50px}.hrcopilot-capabilities-cta{padding:30px 20px}.hrcopilot-cta-heading{font-size:1.25rem}.hrcopilot-cta-text{font-size:1rem}}.hrcp-testimonial-wrapper{background:linear-gradient(135deg,#fff,#fff);font-family:Poppins,sans-serif;margin-top:-260px;padding:80px 20px}.hrcp-testimonial-container{margin:0 auto;max-width:1400px}.hrcp-testimonial-header{margin-bottom:60px;text-align:center}.hrcp-testimonial-headline{color:#2b2436!important;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.3;margin-bottom:16px}.hrcp-testimonial-subheadline{color:#2b2436!important;font-size:clamp(20px,3vw,32px);line-height:1.4}.hrcp-testimonial-content{grid-gap:60px;align-items:center;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;display:grid;gap:60px;grid-template-columns:1fr 1fr;padding:60px;transition:transform .3s ease,box-shadow .3s ease}.hrcp-testimonial-content:hover{box-shadow:0 24px 70px #0000001f;transform:translateY(-4px)}.hrcp-video-wrapper{aspect-ratio:4/3;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;cursor:pointer;overflow:hidden;position:relative}.hrcp-video-thumbnail{height:100%;object-fit:cover;width:100%}.hrcp-play-button{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 8px 24px #0003;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.hrcp-video-wrapper:hover .hrcp-play-button{background:#fff;box-shadow:0 12px 32px #0000004d;transform:translate(-50%,-50%) scale(1.1)}.hrcp-play-icon{border-bottom:16px solid #0000;border-left:24px solid #3a86ff;border-top:16px solid #0000;height:0;margin-left:6px;width:0}.hrcp-testimonial-text{display:flex;flex-direction:column;gap:24px}.hrcp-quote-text{border-left:4px solid #3a86ff;color:#2d3748;font-size:clamp(18px,2vw,22px);font-style:italic;line-height:1.7;padding-left:24px;position:relative}.hrcp-author-info{display:flex;flex-direction:column;gap:8px}.hrcp-author-name{color:#1a1a2e;font-size:18px;font-weight:600}.hrcp-author-title{color:#64748b;font-size:16px;line-height:1.5}.hrcp-case-study-link{color:#3a86ff;font-weight:600;text-decoration:none;transition:color .2s ease}.hrcp-case-study-link:hover{color:#2563eb;text-decoration:underline}.hrcp-company-logo{margin-top:16px;opacity:.8}.hrcp-modal-overlay{align-items:center;animation:hrcp-fadeIn .3s ease;background:#000000d9;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.hrcp-modal-overlay.hrcp-active{display:flex}.hrcp-modal-content{animation:hrcp-slideUp .3s ease;background:#000;border-radius:16px;max-width:1000px;overflow:hidden;position:relative;width:100%}.hrcp-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;color:#1a1a2e;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .2s ease;width:40px;z-index:10}.hrcp-modal-close:hover{background:#f1f5f9;transform:rotate(90deg)}.hrcp-video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.hrcp-video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}@keyframes hrcp-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.hrcp-testimonial-content{gap:40px;grid-template-columns:1fr;padding:40px}.hrcp-quote-text{font-size:18px}}@media (max-width:640px){.hrcp-testimonial-wrapper{padding:60px 20px}.hrcp-testimonial-content{padding:30px}}.hrv-hero-section{background:#fff;color:#1a1a1a;overflow-x:hidden;position:relative}.hrv-video-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.hrv-background-video{object-fit:cover}.hrv-background-video,.hrv-video-overlay{border-radius:0 0 350px 350px;height:100%;width:100%}.hrv-video-overlay{left:0;max-height:100px;position:absolute;top:0}.hrv-hero{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:150px 60px 100px;position:relative}.hrv-background-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.hrv-shape{animation:hrv-float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.hrv-shape-1{animation-delay:0s;background:radial-gradient(circle,#ec4899,#0000);height:500px;left:-200px;top:-200px;width:500px}.hrv-shape-2{animation-delay:5s;background:radial-gradient(circle,#8b5cf6,#0000);height:600px;right:-300px;top:50%;width:600px}.hrv-shape-3{animation-delay:10s;background:radial-gradient(circle,#f97316,#0000);bottom:-150px;height:400px;left:50%;width:400px}@keyframes hrv-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hrv-hero-content{margin-bottom:60px;max-width:1200px;position:relative;text-align:center;z-index:10}.hrv-hero-title{animation:hrv-fadeInUp 1s ease-out;font-size:72px;font-weight:800;line-height:1.2;margin-bottom:50px}.hrv-gradient-text{animation:hrv-shimmer 3s infinite;color:#2b2436!important;display:inline-block}@keyframes hrv-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes hrv-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrv-feature-icon{color:#ec4899}.hrv-powered-by,.hrvs-powered-by{animation:hrv-fadeInUp 1s ease-out .6s backwards;color:#64748b;font-size:18px;margin-bottom:40px}.hrvs-powered-by{margin-top:-30px}.hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:700}.hrv-cta-buttons{animation:hrv-fadeInUp 1s ease-out .9s backwards;display:flex;gap:20px;justify-content:center}.hrv-btn-cta-primary{background:#ec4899;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:18px 40px;transition:all .3s}.hrv-btn-cta-primary:hover{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 15px 40px #ec489999;transform:translateY(-3px)}.hrv-btn-cta-outline{background:#0000;border:2px solid #1a1a1a;border-radius:30px;color:#1a1a1a;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:18px 40px;transition:all .3s}.hrv-btn-cta-outline:hover{background:#1a1a1a1a;transform:translateY(-3px)}.hrv-decorative-lines{height:100%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%}.hrv-line{height:100%;position:absolute;width:400px}.hrv-line-left{animation:hrv-drawLine 3s ease-out infinite;left:0}.hrv-line-right{animation:hrv-drawLine 3s ease-out infinite reverse;right:0}@keyframes hrv-drawLine{0%{stroke-dasharray:0 1000}to{stroke-dasharray:1000 0}}.hrv-dashboard-bridge{background:#fff;margin-top:-300px;padding:100px 0 150px;position:relative;z-index:2}.hrv-bridge-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1000px;padding:0 40px;position:relative}.hrv-bridge-card{border-radius:25px;height:680px;overflow:hidden;position:relative;width:1200px}.hrv-bridge-card-2{animation:hrv-bridgeSlideUp 1s ease-out .8s both;margin-top:-50px}.hrv-bridge-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.hrv-bridge-card:hover .hrv-bridge-image{transform:scale(1.1)}.hrv-bridge-overlay{align-items:flex-end;background:linear-gradient(135deg,#000c,#0006 50%,#0000);display:flex;height:100%;left:0;opacity:0;padding:30px;position:absolute;top:0;transition:all .4s ease;width:100%}.hrv-bridge-card:hover .hrv-bridge-overlay{opacity:1}.hrv-bridge-content{transform:translateY(20px);transition:transform .4s ease}.hrv-bridge-card:hover .hrv-bridge-content{transform:translateY(0)}.hrv-bridge-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin-bottom:8px}.hrv-bridge-content p{color:#ccc;font-size:16px;margin-bottom:12px}.hrv-bridge-badge{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:20px;box-shadow:0 4px 15px #ec489966;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:6px 16px}.hrv-connection-line{animation:hrv-linePulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ec489999 20%,#8b5cf6cc 50%,#ec489999 80%,#0000);height:2px;left:0;position:absolute;right:0;top:50%;z-index:-1}@keyframes hrv-linePulse{0%,to{opacity:.3;transform:scaleX(.95)}50%{opacity:.8;transform:scaleX(1)}}@keyframes hrv-bridgeSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hrv-bridge-container{gap:30px}.hrv-bridge-card{height:250px;width:320px}}@media (max-width:1024px){.hrv-bridge-container{flex-wrap:wrap;gap:40px}.hrv-bridge-card{height:220px;width:300px}.hrv-bridge-card-2{margin-top:0}}@media (max-width:768px){.hrv-hero{padding:120px 30px 80px}.hrv-hero-title{font-size:42px}.hrv-features-grid{flex-direction:column;gap:30px}.hrv-cta-buttons{flex-direction:column;width:100%}.hrv-btn-cta-outline,.hrv-btn-cta-primary{width:100%}.hrv-dashboard-bridge{margin-top:-150px;padding:80px 0 120px}.hrv-bridge-container{flex-direction:column;gap:30px;padding:0 20px}.hrv-bridge-card{height:250px;max-width:400px;width:100%}.hrv-background-video,.hrv-video-overlay{border-radius:0 0 150px 150px}}@media (max-width:480px){.hrv-hero-title{font-size:32px}.hrv-feature-title{font-size:14px}.hrv-dashboard-bridge{margin-top:-100px;padding:60px 0 100px}.hrv-bridge-card{height:200px}}.hrcopilot-shape{height:auto;width:120px}.enterprise-features-section{background:#fff;overflow:hidden;padding:100px 20px;position:relative}.enterprise-features-wrapper{margin:0 auto;max-width:1200px}.features-header-area{margin-bottom:60px;text-align:center}.features-badge{align-items:center;background:#f0f4ff;border-radius:50px;color:#3b82f6;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}.badge-indicator{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;height:8px;width:8px}.features-main-title{color:#1a1a1a;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 16px}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.features-description{color:#6b7280;font-size:18px;margin:0}.features-grid-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{border-radius:16px;padding:32px;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2);right:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea26;transform:translateY(-5px)}.feature-card:hover:before{transform:scaleX(1)}.card-header-section{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.feature-icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.feature-card:hover .feature-icon-box{transform:scale(1.1) rotate(5deg)}.icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.icon-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.icon-sky{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.icon-pink{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.feature-text-group{flex:1 1}.feature-title{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 6px}.feature-subtitle{color:#6b7280;font-size:14px;margin:0}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-size:15px;gap:12px;padding:10px 0}.feature-list li:last-child{border-bottom:none}.list-marker{background:#667eea;border-radius:50%;flex-shrink:0;height:6px;width:6px}@media (max-width:768px){.enterprise-features-section{padding:60px 20px}.features-main-title{font-size:36px}.features-grid-layout{grid-template-columns:1fr}.feature-card{padding:24px}}.tt-timeline-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:80px 0;position:relative}.tt-timeline-container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative}.tt-timeline-header{margin-bottom:80px;text-align:center}.tt-timeline-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.tt-timeline-subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.tt-timeline-wrapper{margin:0 auto;max-width:800px;position:relative}.tt-timeline-track{background:#e2e8f0;bottom:0;left:50%;overflow:hidden;transform:translateX(-50%);width:4px}.tt-timeline-progress,.tt-timeline-track{border-radius:8px;position:absolute;top:0}.tt-timeline-progress{background:linear-gradient(135deg,#667eea,#764ba2);height:0;left:0;transition:height 1s ease;width:100%}.tt-timeline-item{align-items:center;animation:ttFadeInUp .8s ease forwards;display:flex;margin-bottom:60px;opacity:0;position:relative;transform:translateY(30px)}.tt-timeline-item:nth-child(odd){flex-direction:row-reverse}.tt-timeline-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 25px #0000000d;padding:32px;position:relative;transition:all .3s ease;width:calc(50% - 40px)}.tt-timeline-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-5px)}.tt-timeline-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.tt-timeline-step-indicator{background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;height:60px;position:relative;width:60px}.tt-timeline-step-indicator,.tt-timeline-step-number{align-items:center;border-radius:50%;display:flex;justify-content:center}.tt-timeline-step-number{background:#ef4444;border:2px solid #fff;color:#fff;font-size:.75rem;font-weight:600;height:24px;position:absolute;right:-5px;top:-5px;width:24px}.tt-timeline-step-icon{align-items:center;color:#fff;display:flex;font-size:1.5rem;justify-content:center}.tt-timeline-card-title{color:#1e293b;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.tt-timeline-card-desc{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.tt-timeline-connector{background:#e2e8f0;height:2px;position:relative;width:40px}.tt-timeline-item:nth-child(2n) .tt-timeline-connector:after{right:-8px}.tt-timeline-item:nth-child(2n) .tt-timeline-connector:after,.tt-timeline-item:nth-child(odd) .tt-timeline-connector:after{background:#667eea;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e2e8f0;content:"";height:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.tt-timeline-item:nth-child(odd) .tt-timeline-connector:after{left:-8px}@keyframes ttFadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tt-timeline-section{padding:60px 0}.tt-timeline-title{font-size:2.25rem}.tt-timeline-subtitle{font-size:1.125rem}.tt-timeline-track{left:30px}.tt-timeline-item{flex-direction:row!important;margin-bottom:40px}.tt-timeline-card{margin-left:60px;width:calc(100% - 80px)}.tt-timeline-connector{display:none}.tt-timeline-card-header{align-items:flex-start;flex-direction:column;gap:12px}.tt-timeline-step-indicator{height:50px;width:50px}.tt-timeline-step-icon{font-size:1.25rem}}@media (max-width:480px){.tt-timeline-container{padding:0 16px}.tt-timeline-title{font-size:2rem}.tt-timeline-card{margin-left:50px;padding:24px;width:calc(100% - 70px)}.tt-timeline-track{left:25px;width:3px}}.smm-hero-section{align-items:center;background:#fff;display:flex;justify-content:center;margin-top:30px;min-height:100vh;padding:80px 20px 60px}.smm-hero-container{gap:60px;max-width:1400px}.smm-hero-container,.smm-hero-content{align-items:center;display:flex;flex-direction:column;width:100%}.smm-hero-content{gap:32px;text-align:center}.smm-hero-title{color:#2b2436!important;font-size:40px;font-weight:700;line-height:1.1;margin:0;max-width:1100px}.smm-gradient-text{color:#2b2436!important;display:inline-block}.smm-cta-group{align-items:center;display:flex;gap:16px;justify-content:center}.smm-email-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:16px;outline:none;padding:18px 24px;transition:all .3s ease;width:380px}.smm-email-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.smm-email-input::placeholder{color:#9ca3af}.smm-btn-primary{background:#bbf7d0;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:18px 36px;transition:all .3s ease;white-space:nowrap}.smm-btn-primary:hover{background:#86efac;box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.smm-hero-image{margin-left:40px;margin-top:-170px;max-width:1400px;position:relative;width:100%}.smm-main-image{border-radius:16px;display:block;height:auto;width:100%}.smm-badge{align-items:center;background:#000;border-radius:50px;bottom:30px;box-shadow:0 4px 12px #0003;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:12px;left:30px;padding:14px 24px;position:absolute}.smm-badge-icon{font-size:22px}@media (max-width:1024px){.smm-hero-title{font-size:56px}}@media (max-width:768px){.smm-hero-section{padding:60px 16px 40px}.smm-hero-title{font-size:42px}.smm-cta-group{flex-direction:column;max-width:500px;width:100%}.smm-btn-primary,.smm-email-input{width:100%}.smm-badge{bottom:20px;font-size:13px;left:20px;padding:10px 16px}}@media (max-width:480px){.smm-hero-title{font-size:32px}.smm-badge{bottom:auto;left:auto;margin-top:20px;position:relative}}.hrcps-features-section{background:#fff;padding:80px 20px}.hrcps-features-container{margin:0 auto;max-width:1300px}.hrcps-features-heading{color:#000;font-size:48px;font-weight:700;margin:0 0 60px;text-align:left}.hrcps-feature-showcase{border-radius:24px;box-shadow:0 20px 60px #0000001f;margin-bottom:40px;padding:50px;position:relative;transition:background .6s ease}.hrcps-feature-image-wrapper{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;margin-left:300px;max-width:700px;overflow:hidden;position:relative}.hrcps-feature-image{display:block;height:auto;max-height:600px;max-width:700px;transition:transform .5s ease;width:100%}.hrcps-feature-showcase:hover .hrcp-feature-image{transform:scale(1.02)}.hrcps-tour-btn{background:#000;border:none;border-radius:12px;bottom:60px;box-shadow:0 8px 24px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:18px 36px;position:absolute;right:60px;transition:all .3s ease;z-index:10}.hrcps-tour-btn:hover{box-shadow:0 12px 32px #0006;transform:translateY(-2px)}.hrcps-tabs-container{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin-top:0}.hrcps-tab{background:#fff;border-bottom:4px solid #e5e7eb;cursor:pointer;padding:32px 28px;position:relative;transition:all .3s ease}.hrcps-tab:hover{background:#f9fafb}.hrcps-tab-active{background:#fff;border-bottom:4px solid #000}.hrcps-tab-title{color:#6b7280;font-size:20px;font-weight:700;margin:0;transition:color .3s ease}.hrcps-tab-active .hrcps-tab-title{color:#000}.hrcps-tab-description{animation:fadeIn .4s ease;color:#000;font-size:15px;line-height:1.6;margin:12px 0 0}@media (max-width:1024px){.hrcps-tabs-container{grid-template-columns:repeat(2,1fr)}.hrcps-features-heading{font-size:40px}.hrcps-feature-showcase{padding:40px}}@media (max-width:768px){.hrcps-features-section{padding:60px 16px}.hrcps-features-heading{font-size:32px;margin-bottom:40px}.hrcps-tabs-container{grid-template-columns:1fr}.hrcps-tour-btn{bottom:30px;font-size:14px;padding:14px 28px;right:30px}.hrcps-feature-showcase{padding:24px}.hrcps-tab{padding:24px 20px}.hrcps-tab-title{font-size:18px}.hrcps-tab-description{font-size:14px}}.hero-slider{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;overflow:hidden;position:relative;width:100%}.hero-content-wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:80px 60px 120px;position:relative}.hero-content{align-items:center;display:flex;gap:80px;justify-content:space-between;width:100%}.hero-left{flex:1 1;max-width:600px}.hero-title{color:#2563eb;margin:0 0 16px}.hero-subtitle,.hero-title{font-size:64px;font-weight:700;line-height:1.2}.hero-subtitle{color:#1e293b;margin:0 0 32px}.hero-tagline{color:#64748b;font-size:18px;font-weight:400;margin:0 0 48px}.hero-cta{align-items:center;display:flex;gap:24px}.btn-primary{background:#2563eb;border-radius:8px;gap:8px;padding:16px 32px}.btn-primary:hover{background:#1d4ed8;box-shadow:0 10px 25px #2563eb4d;transform:translateY(-2px)}.btn-secondary{background:#0000;color:#2563eb;padding:16px 32px}.btn-secondary:hover{color:#1d4ed8}.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.product-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:32px;box-shadow:0 20px 60px #2563eb4d;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);max-width:500px;padding:40px;position:relative;width:100%}.product-card:before{border-color:#0000 #3b82f6 #0000 #0000;border-style:solid;border-width:0 180px 180px 0;content:"";height:0;position:absolute;right:0;top:0;width:0}.product-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;margin-bottom:32px;padding:20px 24px}.product-name{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.product-tagline{color:#fffc;font-size:14px;font-weight:400;margin:0}.product-tagline strong{color:#fff;font-weight:700}.product-device{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:center;margin-bottom:32px;min-height:400px;overflow:hidden;padding:20px}.device-image{border-radius:12px;height:auto;max-height:450px;object-fit:contain;width:100%}.founder-badge{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;gap:8px;padding:12px 16px;position:absolute;right:40px;top:40px;z-index:10}.badge-arrow{color:#2563eb;font-size:16px}.badge-text{color:#1e293b;font-size:13px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.founder-signature{color:#ffffffe6;font-family:Brush Script MT,cursive;font-size:48px;font-weight:300;margin-top:16px;text-align:right}.nav-arrow{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#2563eb;cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.nav-arrow:hover{background:#2563eb;color:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.hero-bottom-nav{background:#fff;bottom:0;box-shadow:0 -4px 12px #0000000d;left:0;overflow-x:auto;position:absolute;right:0}.nav-items{gap:16px;justify-content:space-around;margin:0 auto;max-width:1400px;padding:20px 60px}.nav-item,.nav-items{display:flex;white-space:nowrap}.nav-item{align-items:center;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.nav-item:hover{background:#eff6ff;color:#2563eb}.nav-icon{font-size:18px}.slide-indicators{bottom:120px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:#2563eb4d;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.indicator.active{background:#2563eb;border-radius:5px;width:32px}@media (max-width:1200px){.hero-content{gap:40px}.hero-subtitle,.hero-title{font-size:48px}.product-card{max-width:400px}}@media (max-width:968px){.hero-content-wrapper{padding:60px 40px 120px}.hero-content{flex-direction:column;text-align:center}.hero-left{max-width:100%}.hero-cta{justify-content:center}.hero-subtitle,.hero-title{font-size:40px}.product-card{max-width:100%}.nav-items{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:20px 40px}.nav-arrow{font-size:24px;height:40px;width:40px}.product-device{min-height:300px}.device-image{max-height:350px}}@media (max-width:640px){.hero-content-wrapper{padding:40px 20px 120px}.hero-subtitle,.hero-title{font-size:32px}.hero-tagline{font-size:16px}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.product-card{padding:24px}.product-name{font-size:22px}.product-device{min-height:250px;padding:16px}.device-image{max-height:280px}.founder-signature{font-size:36px}.nav-items{padding:16px 20px}.nav-item{font-size:12px}.nav-arrow-left{left:10px}.nav-arrow-right{right:10px}.founder-badge{padding:10px 12px;right:24px;top:24px}.badge-text{font-size:11px}}.showcase-wrapper{background:#fff;font-family:Inter,sans-serif;margin-top:-60px;width:100%}.showcase-hero{align-items:center;background:linear-gradient(135deg,#6366f1,#fff 30%,#6366f1);border-radius:20px;display:flex;height:600px;justify-content:center;margin-left:110px;max-width:1300px;padding:80px 0;width:100%}.showcase-main-image{border-radius:18px;max-width:1000px;transition:opacity .6s ease;width:90%}.fade-in{animation:fadeIn .7s ease-in-out}.showcase-tabs{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);padding:60px 80px}.showcase-tab{cursor:pointer;opacity:.85;padding-bottom:10px;transform:translateY(0);transition:all .35s ease}.showcase-tab:hover{opacity:1;transform:translateY(-4px)}.showcase-tab.active{opacity:1;transform:translateY(-6px)}.showcase-tab h3{font-size:20px;font-weight:700;margin-bottom:18px;padding-bottom:6px;position:relative;text-align:justify;transition:color .35s ease,transform .35s ease}.showcase-tab.active h3{color:#3b0d91;transform:translateX(4px)}.showcase-tab.active h3:after{animation:underlineGrow .35s ease forwards;background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:4px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.showcase-tab p{color:#555;font-size:15px;line-height:1.8;text-align:justify;transition:all .35s ease}.showcase-tab.active p{color:#333;transform:translateX(4px)}.animated-image{animation:fadeUp .55s ease}.reporting-scroll-container{padding:60px 0;position:relative;width:100%}.reporting-grid{align-items:flex-start;display:flex;gap:60px}.reporting-left-fixed{height:550px;position:-webkit-sticky;position:sticky;top:120px;width:45%}.reporting-image-box{height:100%;position:relative;width:100%}.reporting-image-wrap{inset:0;opacity:0;position:absolute;transition:opacity .4s ease-in-out}.reporting-image-wrap.reporting-active{opacity:1}.reporting-img{height:100%;object-fit:contain;width:100%}.reporting-sections{position:relative;width:50%}.reporting-section-item{margin-bottom:160px;opacity:.5;transition:.3s}.reporting-section-item.reporting-active{opacity:1}.feat-showcase-container{background:linear-gradient(135deg,#fff,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:60px 20px;width:100%}.feat-showcase-wrapper{align-items:flex-start;display:flex;gap:40px;margin:0 auto;max-width:1400px}.feat-image-section{flex:1 1;position:-webkit-sticky;position:sticky;top:20px}.feat-image-card{background-image:url(https://www.zohowebstatic.com/sites/zweb/images/people/zpl-emp-info-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:44px}.feat-main-image{border-radius:12px;display:block;height:700px;object-fit:cover;transition:transform .3s ease;width:100%}.feat-main-image:hover{transform:scale(1.02)}.feat-content-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.feat-item{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:16px;padding:24px;transition:all .3s ease}.feat-item:hover{border-color:#e0e7ff;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.feat-item.active{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#4f46e5;box-shadow:0 8px 24px #4f46e526}.feat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:30px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.feat-item.active .feat-icon{transform:scale(1.1)}.feat-text{flex:1 1}.feat-title{color:#1f2937;font-size:22px;font-weight:600;margin:0 0 10px;text-align:justify;transition:color .3s ease}.feat-item.active .feat-title{color:#4f46e5}.feat-description{color:#6b7280;font-size:15px;line-height:1.7;margin:0;text-align:justify}@media (max-width:968px){.feat-showcase-wrapper{flex-direction:column}.feat-image-section{position:relative;top:0;width:100%}.feat-main-image{height:500px}.feat-content-section{width:100%}}@media (max-width:640px){.feat-showcase-container{padding:40px 16px}.feat-main-image{height:400px}.feat-item{flex-direction:column;padding:18px;text-align:center}.feat-icon{font-size:28px;height:52px;margin:0 auto;width:52px}.feat-title{font-size:19px}.feat-description{font-size:14px}}.hr-auth-modal__onboarding-welcome{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:10px;color:#fff;margin-bottom:20px;padding:15px;text-align:center}.hr-auth-modal__onboarding-badge{font-size:16px;font-weight:600;margin-bottom:8px}.hr-auth-modal__onboarding-text{font-size:14px;line-height:1.4;margin:0;opacity:.9}.hr-auth-modal__onboarding-text strong{color:#fff;font-weight:600}.hr-auth-modal__input[value]:not([value=""]){background-color:#f8f9fa;border-color:#667eea}.hr-auth-modal__input:disabled{background-color:#e9ecef;color:#495057;cursor:not-allowed}.hr-auth-modal__header{position:relative}.pricing-module-container{background:linear-gradient(135deg,#fff,#f9fafb);font-family:Raleway,sans-serif;min-height:100vh;padding:80px 20px;position:relative}.pricing-module-container:before{background:radial-gradient(circle at 50% 0,#c6282808 0,#0000 70%);content:"";height:400px;left:0;pointer-events:none;position:absolute;right:0;top:0}.pricing-header{animation:fadeInUp .8s ease-out;margin:0 auto 60px;max-width:1000px;position:relative;text-align:center;z-index:1}.pricing-main-title{color:#1e2330;color:var(--text-dark);font-size:2.7rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 40px}.pricing-main-title:after{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:3px;content:"";display:block;height:6px;margin:30px auto 0;width:100px}.pricing-benefits{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:900px}.benefit-item{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;color:#1e2330;color:var(--text-dark);font-size:.9375rem;font-weight:600;gap:10px;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.benefit-item:hover{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-3px)}.benefit-check{align-items:center;background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:.875rem;height:24px;justify-content:center;width:24px}.pricing-free-banner{align-items:center;animation:slideIn .8s ease-out;background:linear-gradient(135deg,#c6282814,#c6282808);border:2px solid #c6282833;border-radius:20px;display:flex;gap:30px;justify-content:space-between;margin:0 auto 60px;max-width:1000px;padding:30px 40px;position:relative;z-index:1}.free-banner-content{flex:1 1}.free-banner-text{color:#1e2330;color:var(--text-dark);font-size:1.25rem;font-weight:600;line-height:1.6;margin:0}.free-highlight{color:#c62828;color:var(--primary-color);font-weight:800;text-decoration:underline;-webkit-text-decoration-color:#c628284d;text-decoration-color:#c628284d;text-decoration-thickness:2px}.free-banner-btn{background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:50px;box-shadow:0 6px 20px #c628284d;color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.5px;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.free-banner-btn:hover{box-shadow:0 12px 30px #c6282866;transform:translateY(-3px)}.pricing-billing-toggle{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:60px;position:relative;z-index:1}.toggle-btn{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;color:#1e2330;color:var(--text-dark);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.toggle-btn:hover{transform:translateY(-2px)}.toggle-btn.active,.toggle-btn:hover{border-color:#c62828;border-color:var(--primary-color)}.toggle-btn.active{background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 6px 20px #c628284d;color:#fff;color:var(--bg-white)}.savings-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success),#34d399);border-radius:50px;color:#fff;color:var(--bg-white);font-size:.875rem;font-weight:800;letter-spacing:.5px;padding:10px 20px}.pricing-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto 80px;max-width:1400px;position:relative;z-index:1}.pricing-card{animation:fadeInScale .6s ease-out;animation-fill-mode:both;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;padding:40px 30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pricing-card:first-child{animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}.pricing-card:nth-child(4){animation-delay:.4s}.pricing-card:hover{border-color:#c628284d;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-10px)}.pricing-card.popular{border-color:#c62828;border-color:var(--primary-color);border-width:3px;box-shadow:0 15px 40px #c6282826;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge1{background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);font-size:.75rem;font-weight:800;left:50%;letter-spacing:1px;padding:8px 24px;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-card-header{text-align:center}.tier-name{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:800;letter-spacing:.5px;margin:0 0 30px}.tier-price{align-items:flex-start;display:flex;justify-content:center;line-height:1;margin-bottom:15px}.currency{color:#1e2330;color:var(--text-dark);font-size:2rem;font-weight:700;margin-right:5px}.amount{font-size:4rem;font-weight:900}.amount,.custom-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text}.custom-price{font-size:2.5rem;font-weight:800}.tier-period{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:600;margin:0 0 30px}.try-btn{background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:12px;box-shadow:0 6px 20px #c6282840;color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.5px;padding:16px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.try-btn:hover{box-shadow:0 12px 30px #c6282859;transform:translateY(-3px)}.pricing-card.popular .try-btn{background:linear-gradient(135deg,#1e2330,#374151);box-shadow:0 6px 20px #1e233040}.pricing-card.popular .try-btn:hover{box-shadow:0 12px 30px #1e233059}.features-expand-section{margin:0 auto;max-width:1400px;position:relative;z-index:1}.expand-features-btn{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#c62828;color:var(--primary-color);cursor:pointer;display:block;font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:700;margin:0 auto 40px;padding:18px 50px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.expand-features-btn:hover{background:#c62828;background:var(--primary-color);border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateY(-3px)}.all-features-container{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.all-features-container.expanded{max-height:10000px;transition:max-height 1s ease-in}.all-features-header{margin-bottom:60px;text-align:center}.all-features-header h2{color:#1e2330;color:var(--text-dark);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 15px}.features-subtitle{color:#6b7280;color:var(--text-light);font-size:1.125rem;font-weight:500;margin:0}.features-grid{grid-gap:30px;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:24px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);display:grid;gap:30px;grid-template-columns:repeat(3,1fr);padding:40px}.feature-category{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-category:hover{background:#fff;background:var(--bg-white);border-color:#c6282833;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-5px)}.category-title{align-items:center;border-bottom:3px solid #c62828;border-bottom:3px solid var(--primary-color);color:#1e2330;color:var(--text-dark);display:flex;font-size:1.25rem;font-weight:800;gap:10px;margin:0 0 20px;padding-bottom:15px}.category-title:before{color:#c62828;color:var(--primary-color);content:"●";font-size:1.5rem}.category-features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.category-feature-item{align-items:flex-start;color:#1e2330;color:var(--text-dark);display:flex;font-size:.9375rem;font-weight:500;gap:12px;line-height:1.6}.feature-check{align-items:center;background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:.75rem;height:20px;justify-content:center;margin-top:2px;width:20px}.pricing-footer{background:linear-gradient(135deg,#c6282808,#c6282803);border-radius:20px;margin-left:auto;margin-right:auto;margin-top:80px;max-width:1400px;padding:40px 20px;text-align:center}.footer-note{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:500;line-height:1.6;margin:0}@media (max-width:1400px){.features-grid,.pricing-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.pricing-main-title{font-size:2.75rem}.pricing-benefits{grid-template-columns:repeat(2,1fr)}.pricing-cards-grid{gap:25px}.features-grid{gap:25px;grid-template-columns:1fr;padding:30px}}@media (max-width:768px){.pricing-module-container{padding:60px 15px}.pricing-header{margin-bottom:40px}.pricing-main-title{font-size:2.25rem}.pricing-benefits{gap:15px;grid-template-columns:1fr}.pricing-free-banner{flex-direction:column;padding:25px;text-align:center}.free-banner-text{font-size:1.125rem}.free-banner-btn{width:100%}.pricing-billing-toggle{flex-direction:column;gap:10px}.toggle-btn{max-width:300px;width:100%}.pricing-cards-grid{gap:30px;grid-template-columns:1fr}.pricing-card{padding:35px 25px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}.amount{font-size:3rem}.all-features-header h2{font-size:2rem}.features-subtitle{font-size:1rem}.feature-category,.features-grid{padding:20px}}@media (max-width:480px){.pricing-main-title{font-size:1.875rem}.pricing-main-title:after{height:4px;margin-top:20px;width:80px}.benefit-item{font-size:.875rem;padding:12px 15px}.pricing-free-banner{padding:20px}.free-banner-text{font-size:1rem}.free-banner-btn{font-size:.9375rem;padding:14px 30px}.tier-name{font-size:1.25rem}.amount{font-size:2.5rem}.custom-price{font-size:2rem}.try-btn{font-size:.9375rem;padding:14px 25px}.expand-features-btn{font-size:1rem;padding:14px 30px}.all-features-header h2{font-size:1.75rem}.category-title{font-size:1.125rem}.category-feature-item{font-size:.875rem}}button:focus-visible{outline:3px solid #c62828;outline:3px solid var(--primary-color);outline-offset:3px}@media print{.pricing-module-container{padding:20px}.expand-features-btn,.pricing-free-banner{display:none}.pricing-cards-grid{grid-template-columns:repeat(2,1fr)}.pricing-card:hover{transform:none}}.showcase-container{background-color:#fff;background-position:bottom;background-repeat:no-repeat;background-size:contain;font-family:Roboto,sans-serif;margin:-80px auto 120px;max-width:1300px;padding:80px 20px}.showcase-header{margin-bottom:60px;max-width:700px;text-align:left}.showcase-subtitle{color:#666;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.showcase-title{display:flex;flex-direction:column;font-family:Raleway,sans-serif;font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;text-align:justify}.title-red{color:#c94449;margin-bottom:5px}.title-dark{color:#2d3436}.showcase-description{color:#555;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.8;text-align:justify}.services-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:50px}.service-card{align-items:flex-start;display:flex;gap:25px;padding:10px}.icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:90px;justify-content:center;min-width:90px;transition:transform .3s ease}.service-card:hover .icon-wrapper{transform:scale(1.1)}.service-content{flex:1 1}.service-title{color:#2d3436;font-family:Raleway,sans-serif;font-size:24px;font-weight:700;margin-bottom:12px;text-align:justify}.service-description{color:#666;font-family:Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.7;text-align:justify}@media (max-width:768px){.showcase-container{padding:50px 20px}.showcase-title{font-size:36px}.services-grid{gap:30px;grid-template-columns:1fr}.service-card{align-items:center;flex-direction:column;text-align:center}.icon-wrapper{height:80px;min-width:80px}}@media (max-width:480px){.showcase-title{font-size:28px}.service-title{font-size:20px}.service-description{font-size:14px}}.hrh-hero-container{background:#fff;font-family:Raleway,sans-serif;justify-content:center;margin-top:60px;min-height:100vh;overflow:hidden;padding:80px 20px 60px}.hrh-hero-container,.hrh-hero-content{align-items:center;display:flex;position:relative}.hrh-hero-content{flex-direction:column;max-width:1200px;text-align:center;width:100%;z-index:10}.hrh-badge{align-items:center;animation:hrh-fade-in-down .6s ease-out;color:#1e2330;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:20px}.hrh-heart-icon{animation:hrh-heart-beat 1.5s ease-in-out infinite;font-size:16px}.hrh-main-title{animation:hrh-fade-in-up .8s ease-out;color:#1e2330;font-size:62px;font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:24px}.hrh-loved-text{color:#c62828;display:inline-block}.hrh-description{animation:hrh-fade-in-up .8s ease-out .2s both;color:#1e2330;font-size:24px;font-weight:600;line-height:1.6;margin-bottom:40px;max-width:700px}.hrh-cta-buttons{animation:hrh-fade-in-up .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:60px}.hrh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:18px 36px;text-transform:uppercase;transition:all .3s ease}.hrh-btn-primary{background:#c62828;box-shadow:0 4px 12px #7d1f3e4d;color:#fff}.hrh-btn-primary:hover{background:#6a1a35;box-shadow:0 6px 20px #7d1f3e66;transform:translateY(-2px)}.hrh-btn-secondary{background:#f8d7da;box-shadow:0 4px 12px #0000000d;color:#7d1f3e}.hrh-btn-secondary:hover{background:#f5c2c7;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.hrh-stats-section{animation:hrh-fade-in-up .8s ease-out .6s both;margin-bottom:50px}.hrh-stats-text{color:#1e2330;font-size:18px;font-weight:500}.hrh-stats-number{color:#c62828;font-weight:700}.hrh-stats-number.hrh-bordered{border-radius:6px;display:inline-block;padding:2px 12px}.hrh-companies{align-items:center;animation:hrh-fade-in-up .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:80px}.hrh-company-logo{color:#666;font-size:16px;font-weight:600;letter-spacing:.5px;opacity:.7;transition:all .3s ease}.hrh-company-logo:hover{color:#c62828;opacity:1;transform:scale(1.05)}.hrh-video-section{animation:hrh-fade-in-up 1s ease-out 1s both;max-width:1100px;position:relative;width:100%}.hrh-video-container{border-radius:24px;box-shadow:0 20px 60px #00000026;overflow:visible;position:relative;width:100%}.hrh-video{border-radius:24px;display:block;height:auto;width:100%}.hrh-floating-card{animation:hrh-float 4s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;padding:16px;position:absolute;transition:all .3s ease}.hrh-floating-card:hover{box-shadow:0 15px 50px #0003;transform:translateY(-8px)}.hrh-card-training{align-items:center;animation-delay:0s;display:flex;gap:12px;left:-80px;top:15%;width:280px}.hrh-card-video-thumb{align-items:center;background:linear-gradient(135deg,#c62828,#7d1f3e);border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;width:80px}.hrh-play-button{color:#fff;font-size:20px}.hrh-card-info{flex:1 1}.hrh-card-title{color:#1e2330;font-size:16px;font-weight:700;margin-bottom:8px}.hrh-progress-bar{background:#f0f0f0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.hrh-progress-fill{animation:hrh-progress-animate 2s ease-in-out infinite;background:linear-gradient(90deg,#c62828,#ff6b6b);border-radius:3px;height:100%;width:20%}.hrh-progress-info{color:#666;display:flex;font-size:12px;font-weight:600;justify-content:space-between}.hrh-card-satisfaction{align-items:center;animation-delay:.5s;display:flex;flex-direction:column;gap:8px;padding:20px 24px;right:-60px;top:10%}.hrh-emoji-icon{animation:hrh-bounce 2s ease-in-out infinite;font-size:48px}.hrh-satisfaction-score{color:#1e2330;font-size:32px;font-weight:900}.hrh-card-employee{animation-delay:1s;bottom:20%;padding:8px;right:-70px}.hrh-employee-image{border-radius:12px;height:140px;object-fit:cover;width:140px}.hrh-card-notification{align-items:center;animation-delay:1.5s;bottom:15%;display:flex;gap:12px;left:-70px;padding:16px 24px}.hrh-notification-dot{animation:hrh-pulse-dot 2s ease-in-out infinite;background:#c62828;border-radius:50%;flex-shrink:0;height:12px;width:12px}.hrh-notification-text{color:#1e2330;font-size:14px;font-weight:700}@keyframes hrh-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrh-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hrh-heart-beat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@keyframes hrh-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes hrh-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes hrh-pulse-dot{0%,to{box-shadow:0 0 0 0 #c62828b3}50%{box-shadow:0 0 0 10px #c6282800}}@keyframes hrh-progress-animate{0%,to{width:20%}50%{width:25%}}@media (max-width:1200px){.hrh-card-training{left:-40px;width:240px}.hrh-card-satisfaction{right:-30px}.hrh-card-employee{right:-40px}.hrh-card-notification{left:-40px}}@media (max-width:1024px){.hrh-main-title{font-size:56px}.hrh-description{font-size:20px}.hrh-floating-card{display:none}}@media (max-width:768px){.hrh-hero-container{padding:60px 15px 40px}.hrh-main-title{font-size:42px}.hrh-description{font-size:18px}.hrh-companies{gap:30px}.hrh-company-logo{font-size:14px}}@media (max-width:480px){.hrh-main-title{font-size:32px;letter-spacing:-1px}.hrh-description{font-size:16px}.hrh-cta-buttons{flex-direction:column;width:100%}.hrh-btn{width:100%}.hrh-stats-text{font-size:16px}.hrh-companies{gap:20px}}.hrq-banner{align-items:center;background-attachment:fixed;background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-quote.jpg);background-position:50%;background-size:cover;display:flex;height:380px;justify-content:center;margin-bottom:140px;margin-top:-90px;position:relative;width:100%}.hrq-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff8c;inset:0;position:absolute}.hrq-content{font-family:Raleway,Arial,Helvetica,sans-serif;position:relative;text-align:center;z-index:2}.hrq-subtitle{color:#555;font-size:16px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px}.hrq-title{color:#c62828;font-size:40px;font-weight:800;margin-bottom:25px}.hrq-title span{color:#1e232e}.hrq-btn{background:#c62828;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 38px;transition:.3s ease}.hrq-btn:hover{background:#a51f20;transform:translateY(-3px)}@media (max-width:768px){.hrq-title{font-size:34px}.hrq-banner{height:420px}}.hrt-section{grid-gap:50px;background-repeat:no-repeat;background-size:cover;display:grid;font-family:Raleway,Arial,Helvetica,sans-serif;gap:50px;grid-template-columns:1.2fr 1fr;margin:-50px auto auto 130px;max-width:1400px;padding:120px 40px;position:relative}.hrt-image-wrapper{background:#f3f3f7;height:550px;margin-left:0;max-width:650px;overflow:hidden;position:relative;width:100%}.hrt-image{height:100%;object-fit:cover;width:100%}.hrt-deco-shape{background-repeat:no-repeat;background-size:contain;position:absolute}.hrt-deco-1{background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bg-deco-1.svg);left:-30px;top:-30px}.hrt-deco-1,.hrt-deco-2{height:150px;width:150px}.hrt-deco-2{background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bg-deco-3.svg);bottom:20px;right:-20px}.hrt-subtitle{font-size:14px;font-weight:600;letter-spacing:1.5px;margin-top:-120px;opacity:.7;text-align:justify}.hrts-title{color:#c62828;font-size:48px;font-weight:800;line-height:1.15;margin:10px 0;text-align:justify}.hrts-title span{color:#1e232e}.hrt-desc{color:#555;font-size:16px;line-height:1.7;margin-bottom:30px;max-width:500px;text-align:justify}.hrt-quote-block{align-items:flex-start;display:flex;margin-bottom:20px}.hrt-quote-text{color:#222;font-size:18px;line-height:1.7;max-width:500px;text-align:justify}.hrt-author h4{font-size:22px;font-weight:700;margin-bottom:3px;text-align:justify}.hrt-author p{color:#777;font-size:16px;text-align:justify}@media (max-width:992px){.hrt-section{grid-template-columns:1fr;text-align:center}.hrt-desc,.hrt-quote-text{margin:auto}.hrt-author{margin-top:20px}}.contact-offices-wrapper{padding:80px 0;width:100%}.contact-offices-container{grid-gap:60px;align-items:center;background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-map.png);background-position:0;background-repeat:no-repeat;background-size:190px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto 0 60px;max-width:1400px;padding:0 40px}.contact-info-panel{padding-right:40px}.panel-header{margin-bottom:50px}.panel-subtitle{font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.panel-subtitle,.panel-title{font-family:Raleway,sans-serif;text-align:justify}.panel-title{color:#2d3436;font-size:52px;font-weight:800;line-height:1.2;margin-bottom:20px}.title1-highlight{color:#c94449}.panel-description{color:#555;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.8;max-width:550px;text-align:justify}.contact-details-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.contact-detail-item{align-items:flex-start;display:flex;gap:20px}.detail-icon-wrapper{align-items:center;background-color:initial;border-radius:50%;color:#dc1c1c;display:flex;flex-shrink:0;height:60px;justify-content:center;min-width:60px;transition:transform .3s ease}.contact-detail-item:hover .detail-icon-wrapper{transform:scale(1.1)}.detail-content{flex:1 1}.detail-title{color:#2d3436;font-family:Raleway,sans-serif;font-size:22px;font-weight:700;margin-bottom:8px;text-align:justify}.detail-text{color:#666;font-family:Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin:2px 0;text-align:justify}.map-panel{border-radius:20px;height:700px;overflow:hidden;position:relative}.map-overlay-image{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.overlay-decoration{height:100%;object-fit:cover;width:100%}.map-container{height:100%;position:relative;width:100%;z-index:1}.map-container iframe{filter:grayscale(100%) brightness(.95)}@media (max-width:1200px){.contact-offices-container{gap:40px}.contact-info-panel{padding-right:20px}.panel-title{font-size:42px}}@media (max-width:968px){.contact-offices-container{grid-template-columns:1fr;padding:0 30px}.contact-info-panel{padding-right:0}.map-panel{height:500px}.panel-title{font-size:38px}}@media (max-width:640px){.contact-offices-wrapper{padding:50px 0}.contact-offices-container{padding:0 20px}.panel-title{font-size:32px}.contact-details-grid{gap:30px;grid-template-columns:1fr}.map-panel{height:400px}.detail-icon-wrapper{height:50px;min-width:50px}.detail-title{font-size:20px}.detail-text{font-size:14px}}.rd-section{background-color:#fff;background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-map.png),url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-lines.png);background-position:left -20px top 40px,top;background-repeat:no-repeat,no-repeat;background-size:200px,cover;margin-top:-90px;overflow:hidden;padding:60px 20px 120px;position:relative;width:100%}.rd-wrap{margin:0 auto;max-width:1400px}.rd-page-title{animation:fadeUp 1s ease forwards;color:#1e2330;font-family:Raleway,sans-serif;font-size:40px;font-weight:800;margin-bottom:40px;opacity:0;text-align:center}.rd-page-title span{color:#c62828}.rd-container{align-items:flex-start;display:flex;gap:30px}.rd-left{background:#ffffffd9;border:1px solid #0000000d;border-radius:14px;box-shadow:0 8px 25px #00000014;margin-left:80px;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:500px}.rd-menu-block{margin-bottom:16px}.rd-menu-item{background:#fafafa;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:.3s ease}.rd-menu-item:hover{background:#f3f3f3;transform:translateY(-3px)}.rd-menu-item.active{background:#ffecec;border-color:#c62828;box-shadow:0 6px 16px #c628282e}.rd-menu-title{color:#1e293b;font-size:15px;font-weight:700}.rd-badge{background:#ffe5a0;border-radius:12px;color:#8a5100;font-size:11px;font-weight:700;padding:4px 10px}.rd-plus{color:#c62828;font-size:24px;transition:.3s ease}.rd-menu-item.active .rd-plus{transform:rotate(45deg)}.rd-dropdown{animation:dropdown .35s ease forwards;background:#fff;border-radius:10px;margin-top:6px;padding:16px}@keyframes dropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rd-dropdown p{color:#475569;line-height:1.6;margin-bottom:12px}.rd-button-row{display:flex;gap:12px}.rd-btn-primary{background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 22px;transition:.3s ease}.rd-btn-primary:hover{background:#b71c1c;transform:translateY(-3px)}.rd-btn-secondary{background:#fff;border:2px solid #2563eb;border-radius:8px;color:#2563eb;cursor:pointer;padding:10px 22px;transition:.3s ease}.rd-btn-secondary:hover{background:#ebf2ff;transform:translateY(-3px)}.rd-right{display:flex;flex:1 1;justify-content:center}.rd-image-box{animation:fadeScale 1s ease forwards;border-radius:18px;box-shadow:0 12px 40px #00000026;height:700px;margin-top:80px;max-width:800px;opacity:0;overflow:hidden;position:relative;width:80%}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.rd-image{animation:float 6s ease-in-out infinite;height:100%;object-fit:cover;width:100%}.rd-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;padding:40px;position:absolute;width:100%}.rd-overlay h2{color:#fff;font-size:32px;font-weight:800}@media (max-width:1200px){.rd-container{flex-direction:column}.rd-left{position:relative;width:100%}}@media (max-width:768px){.rd-page-title{font-size:28px}.rd-image-box{height:380px}}@media (max-width:480px){.rd-image-box{height:260px}.rd-btn-primary,.rd-btn-secondary{width:100%}}.blai-slider-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1400px;padding:40px 20px;position:relative}.blai-slider-wrapper{overflow:hidden;position:relative;width:1200px}.blai-slide-track{display:flex;transition:transform .5s ease-in-out}.blai-slide-item{align-items:center;display:flex;height:120px;justify-content:center;min-width:200px;padding:0 20px}.blai-slide-item img{max-height:80px;max-width:100%;object-fit:contain;transition:all .3s ease}.blai-slide-item img:hover{filter:grayscale(0);opacity:1;transform:scale(1.05)}.blai-arrow-btn{align-items:center;background:#f8f8f8;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;margin:0 20px;transition:all .3s ease;width:50px;z-index:10}.blai-arrow-btn:hover{background:#eaeaea;box-shadow:0 4px 15px #00000026;transform:scale(1.1)}.blai-arrow-btn:active{transform:scale(.95)}@media (max-width:1024px){.blai-slider-wrapper{width:800px}.blai-slide-item{min-width:160px}}@media (max-width:768px){.blai-slider-container{flex-direction:column;gap:20px}.blai-slider-wrapper{width:100%}.blai-arrow-btn{margin:10px;position:static}.blai-slide-item{height:100px;min-width:140px}}@media (max-width:480px){.blai-slider-container{padding:20px 10px}.blai-slide-item{height:80px;min-width:120px;padding:0 10px}}.hrb-section{grid-gap:40px;align-items:center;background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-team.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;font-family:Raleway,Arial,Helvetica,sans-serif;gap:40px;grid-template-columns:1.2fr 1.5fr;margin:-100px auto auto;max-width:1400px;padding:100px 40px;position:relative}.hrb-left{margin-left:100px;padding-right:20px}.hrbs-subtitle{color:#1e232e;font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;opacity:.7;text-align:justify}.hrbs-title{color:#c62828;font-size:48px;font-weight:800;line-height:1.1;margin-bottom:20px;text-align:justify}.hrbs-title span{color:#202631;text-align:justify}.hrb-desc{color:#555;font-size:16px;line-height:1.7;margin-bottom:30px;text-align:justify}.hrbs-btn{background:#c62828;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 35px;text-align:justify;transition:.3s}.hrb-btn:hover{background:#a61f20}.hrb-right{display:flex;justify-content:center}.hrb-image-wrapper{background:#f5f5f5;border-radius:60% 40% 60% 40%;height:520px;max-width:650px;overflow:hidden;position:relative;width:100%}.hrb-image{height:100%;object-fit:cover;width:100%}@media (max-width:992px){.hrb-section{grid-template-columns:1fr;text-align:center}.hrb-left{padding-right:0}.hrb-image-wrapper{height:420px;margin-top:40px}}.hrn-section{align-items:center;display:grid;font-family:Raleway,Arial,Helvetica,sans-serif;grid-template-columns:1.2fr 1fr;margin:-110px auto auto;max-width:1600px;overflow:hidden;padding:120px 60px;position:relative;width:100%}.hrn-left{margin-left:80px;z-index:2}.hrn-subtitle{color:#777;font-size:14px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-align:justify}.hrn-title{color:#c62828;font-size:58px;font-weight:800;line-height:1.1;margin-bottom:20px;text-align:justify}.hrn-title span{color:#1e232e}.hrn-desc{color:#444;font-size:16px;line-height:1.7;margin-bottom:30px;max-width:480px;text-align:justify}.hrn-form{align-items:center;display:flex;gap:15px}.hrn-form input{border:1px solid #ddd;border-radius:30px;font-size:15px;outline:none;padding:15px 20px;width:320px}.hrn-form button{background:#c62828;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:15px 32px;transition:.3s}.hrn-form button:hover{background:#a01e1f}.hrn-right{position:relative;z-index:2}.hrn-image{border-radius:30px;object-fit:cover;width:100%}.hrn-curve{bottom:0;pointer-events:none;position:absolute;right:0;width:70%;z-index:1}@media (max-width:992px){.hrn-section{grid-template-columns:1fr;padding:80px 20px;text-align:center}.hrn-left{order:1}.hrn-right{margin-top:40px;order:2}.hrn-form{flex-direction:column}.hrn-form input{width:100%}.hrn-curve{bottom:-20px;width:100%}}.hrtpro-section{background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-lines.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;font-family:Raleway,Arial,Helvetica,sans-serif;margin:auto;max-width:1300px;padding:80px 40px 120px}.hrtpro-subtitle{color:#1e232e;font-size:14px;font-weight:700;letter-spacing:1.5px;text-align:center}.hrtpro-title{color:#c62828;font-size:55px;font-weight:800;line-height:1.1;margin-top:10px;text-align:center}.hrtpro-title span{color:#1e232e}.hrtpro-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(4,1fr);margin-top:60px}.hrtpro-card{text-align:left}.hrtpro-image-wrapper{background:#f3f3f7;border-radius:40% 55% 40% 50%;height:260px;overflow:hidden;position:relative;width:100%}.hrtpro-image{height:100%;object-fit:cover;width:100%}.hrtpro-circle{border-radius:50%;bottom:-20px;height:65px;position:absolute;right:-20px;width:65px}.hrtpro-role{color:#777;font-size:14px;font-weight:600;margin-top:25px}.hrtpro-name{color:#c62828;font-size:26px;font-weight:800;margin:5px 0 10px}.hrtpro-desc{color:#444;font-size:15px;line-height:1.7;margin-bottom:18px;text-align:justify}.hrtpro-link{color:#1e232e;font-size:15px;font-weight:700;text-decoration:none;transition:.3s}.hrtpro-link:hover{color:#c62828}@media (max-width:1200px){.hrtpro-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.hrtpro-grid{grid-template-columns:1fr}}.resi-step-section{margin:-50px auto auto;max-width:1300px;overflow:hidden;padding:120px 40px;position:relative;text-align:center}.resi-animated-bg:after,.resi-animated-bg:before{animation:resiBlobMove 12s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(80px);height:480px;opacity:.45;position:absolute;width:480px;z-index:-2}.resi-animated-bg:before{background:#c6282840;left:-160px;top:-150px}.resi-animated-bg:after{background:#2563eb40;bottom:-180px;right:-200px}@keyframes resiBlobMove{0%{transform:translate(0) scale(1)}50%{transform:translate(70px,-40px) scale(1.15)}to{transform:translate(-40px,40px) scale(1)}}.resi-step-section:before{animation:resiGlow 3s ease-in-out infinite;background:#c62828;border-radius:50%;content:"";height:10px;left:70%;opacity:.7;position:absolute;top:25%;width:10px}@keyframes resiGlow{0%{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.8)}to{opacity:.2;transform:scale(1)}}.resi-step-section:after{animation:resiGridMove 20s linear infinite;background-image:radial-gradient(#9aacd6 1.2px,#0000 0);background-size:18px 18px;content:"";inset:0;opacity:.25;position:absolute;z-index:-3}@keyframes resiGridMove{0%{background-position:0 0}to{background-position:200px 200px}}.resi-step-title{color:#0f172a;font-family:Raleway,sans-serif;font-size:45px;font-weight:800;line-height:1.4;position:relative;z-index:2}.resi-step-title span{color:#c62828}.resi-step-line{align-items:center;display:flex;justify-content:space-between;margin:50px auto;max-width:900px}.resi-step-point{align-items:center;animation:resiPointPop 1.8s ease-in-out infinite;background:#c62828;border-radius:50%;box-shadow:0 6px 15px #0000001f;display:flex;height:45px;justify-content:center;width:45px}.resi-step-point:first-child{animation-delay:0s}.resi-step-point:nth-child(3){animation-delay:.3s}.resi-step-point:nth-child(5){animation-delay:.6s}@keyframes resiPointPop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.resi-step-point span{color:#fff;font-family:Raleway,sans-serif;font-size:18px;font-weight:700}.resi-step-divider{background:#1b1d20a6;flex:1 1;height:2px}.resi-step-grid{grid-gap:80px;display:grid;gap:80px;grid-template-columns:repeat(3,1fr);margin-top:20px}.resi-step-card{animation:resiCardReveal 1.2s ease forwards;margin:auto;max-width:330px;opacity:0;padding:10px;text-align:center}.resi-step-card:first-child{animation-delay:.3s}.resi-step-card:nth-child(2){animation-delay:.6s}.resi-step-card:nth-child(3){animation-delay:.9s}@keyframes resiCardReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.resi-step-card h3{color:#1e1e1e;font-family:Raleway,sans-serif;font-size:22px;font-weight:700;margin-bottom:12px}.resi-step-card p{color:#586174;font-family:Roboto,sans-serif;font-size:16px;line-height:1.6;margin-bottom:20px;text-align:justify}.resi-step-btn{background:#c62828;border:none;border-radius:6px;box-shadow:0 4px 12px #2563eb66;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-weight:600;padding:12px 26px;transition:.2s ease}.resi-step-btn:hover{background:#1e40af;transform:translateY(-3px)}@media (max-width:1024px){.resi-step-grid{gap:40px;grid-template-columns:1fr}.resi-step-line{max-width:500px}}.reso-offer-container{margin:auto;max-width:1350px;padding:80px 40px}.reso-offer-row{align-items:center;display:flex;gap:50px;justify-content:space-between;margin-bottom:120px}.reso-offer-normal{display:flex!important;flex-direction:row!important}.reso-offer-reverse{display:flex!important;flex-direction:row-reverse!important}.reso-offer-image-box{flex:1 1;position:relative}.reso-offer-image{border-radius:20px;box-shadow:0 8px 25px #0000001f;max-width:520px;object-fit:cover;width:100%}.reso-offer-badge{background:#fff;border-radius:12px;box-shadow:0 4px 18px #0000001f;left:20px;padding:14px 22px;position:absolute;top:20px}.reso-offer-badge h4{font-size:18px;font-weight:700;margin:0}.reso-offer-badge p{color:#555;font-size:14px;margin:4px 0 0}.reso-offer-content{flex:1 1}.reso-offer-title{color:#0f172a;font-family:Raleway,sans-serif;font-size:40px;font-weight:800;line-height:1.3;margin-bottom:20px}.reso-offer-title span{color:#2563eb}.reso-offer-desc{color:#475569;font-family:Roboto,sans-serif;font-size:17px;line-height:1.7;margin-bottom:25px}.reso-offer-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 28px;transition:.2s}.reso-offer-btn:hover{background:#1d4ed8}.reso-offer-list{list-style:none;margin-bottom:20px;padding:0}.reso-offer-list li{color:#334155;font-size:16px;margin-bottom:10px}.reso-offer-link{color:#2563eb;font-size:17px;font-weight:600;text-decoration:none;transition:.2s}.reso-offer-link:hover{color:#1d4ed8}.reso-offer-chart img{border-radius:10px;box-shadow:0 6px 16px #0000001f;position:absolute;right:-20px;top:-40px;width:200px}@media (max-width:992px){.reso-offer-normal,.reso-offer-reverse{flex-direction:column!important;text-align:center}.reso-offer-image{margin-bottom:20px}.reso-offer-chart img{margin:20px auto 0;position:static}}@media (max-width:600px){.reso-offer-title{font-size:32px}.reso-offer-desc{font-size:16px}}.news-wrapper{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1300px;padding:40px 20px}.news-card{background:#fff;border-radius:10px;cursor:pointer;overflow:hidden;transition:.3s ease}.news-card:hover{transform:translateY(-8px)}.news-img-box{height:280px;overflow:hidden;position:relative}.news-img{height:100%;object-fit:cover;width:100%}.gradient-overlay{background:linear-gradient(180deg,#fff0 0,#ffffff4d 40%,#fffffff2);bottom:0;height:70%;left:0;pointer-events:none;position:absolute;width:100%}.news-date-badge{align-items:center;background:#c62828;border-radius:50%;box-shadow:0 3px 10px #c628284d;color:#fff;display:flex;flex-direction:column;font-family:Raleway,sans-serif;height:75px;justify-content:center;position:absolute;right:20px;top:20px;width:75px}.date-num{font-size:26px;font-weight:800}.date-month{font-size:12px;letter-spacing:1px;margin-top:2px}.news-content-box{background:#fff;padding:25px 28px 35px}.news-tags{color:#666;display:flex;font-size:12px;font-weight:600;gap:15px;letter-spacing:.5px;text-transform:uppercase}.news-title{color:#c62828;font-size:18px;font-weight:800;margin:14px 0;text-align:justify}.news-desc{color:#444;font-size:14px;line-height:1.7;margin-bottom:18px;text-align:justify}.news-read-btn{align-items:center;background:none;border:none;color:#c62828;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:5px}.news-read-btn span{font-size:18px}@media (max-width:992px){.news-wrapper{grid-template-columns:1fr}}.news-section{margin:0 auto;max-width:1300px;padding:40px 20px}.news-heading{margin-bottom:40px;text-align:center}.news-main-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:46px;font-weight:800;margin-bottom:10px}.news-main-title span{color:#c62828}.news-subtitle{color:#444;font-size:16px;line-height:1.6;margin:0 auto;max-width:700px}.tsto-container{font-family:Manrope,sans-serif;margin:0 auto;max-width:1400px;padding:50px 20px}.tsto-header{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 2fr 1fr;margin-bottom:60px}.tsto-header-left{text-align:left}.tsto-header-center{text-align:center}.tsto-header-right{text-align:right}.tsto-subtitle{color:#1e293b;font-size:14px;font-weight:600;letter-spacing:1px}.tsto-title{font-size:56px;font-weight:800;line-height:1.1}.tsto-title-red{color:#c84343}.tsto-title-dark{color:#1e293b}.tsto-description{color:#4b5563;font-size:16px;line-height:1.6}.tsto-carousel-wrapper{margin-bottom:40px;overflow:hidden;width:100%}.tsto-carousel-track{display:flex;transition:transform .5s ease}.tsto-card{background:#fff;border-radius:16px;box-shadow:0 3px 15px #00000014;flex-basis:calc(25% - 20px);flex-grow:0;flex-shrink:0;margin-right:27px;padding:30px 20px;text-align:left}.tsto-card:last-child{margin-right:0}.tsto-avatar{border-radius:50%;height:120px;margin-bottom:20px;object-fit:cover;width:120px}.tsto-card-title{color:#c84343;font-size:28px;font-weight:800;line-height:1.2;margin-bottom:15px}.tsto-text{color:#4b5563;font-size:16px;line-height:1.6;margin-bottom:15px;min-height:96px}.tsto-stars{color:#1e293b;font-size:20px;letter-spacing:2px;margin-bottom:12px}.tsto-name{color:#1e293b;font-size:16px;font-weight:700}.tsto-dots{display:flex;gap:10px;justify-content:center;margin-top:30px}.tsto-dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:12px;transition:background .3s ease;width:12px}.tsto-dot:hover{background:#9ca3af}.tsto-dot.tsto-active{background:#c84343}@media (max-width:1200px){.tsto-header{grid-template-columns:1fr}.tsto-header,.tsto-header-center,.tsto-header-left,.tsto-header-right{text-align:center}.tsto-card{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.tsto-title{font-size:42px}.tsto-card{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:0}}@media (max-width:480px){.tsto-title{font-size:32px}.tsto-card-title{font-size:24px}.tsto-avatar{height:100px;width:100px}}:root{--cos-primary:#c62828;--cos-text:#1e2330;--cos-muted:#6b7280;--cos-white:#fff}.cos-wrapper{background:#fff;background:var(--cos-white);color:#1e2330;color:var(--cos-text);font-family:Raleway,sans-serif;margin:-60px auto auto;max-width:1300px;overflow:hidden;padding:90px 20px;position:relative}.cos-wrapper:before{left:-120px;top:-120px}.cos-wrapper:after{animation-delay:6s;bottom:-140px;right:-140px}@keyframes floatBlob{0%{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-40px) translateX(30px) scale(1.08)}to{transform:translateY(0) translateX(0) scale(1)}}.cos-wrapper>*{position:relative;z-index:2}.cos-header{margin-bottom:44px;text-align:center}.cos-header h2{font-size:42px;font-weight:800;margin-bottom:10px}.cos-header p{color:#6b7280;color:var(--cos-muted);font-size:18px}.cos-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:44px;justify-content:center;margin-bottom:36px}.cos-tab{background:none;border:none;color:#6b7280;color:var(--cos-muted);cursor:pointer;font-size:16px;font-weight:500;padding:12px 0;position:relative}.cos-tab.active{color:#1e2330;color:var(--cos-text);font-weight:600}.cos-tab.active:after{background:#c62828;background:var(--cos-primary);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.cos-card{background:#fff;background:var(--cos-white);border-radius:18px;box-shadow:0 28px 70px #1e23301f;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.cos-video{background:#000;min-height:360px;position:relative}.cos-video-player{height:100%;object-fit:cover;width:100%}.cos-content{padding:64px}.cos-brand{color:#c62828;color:var(--cos-primary);font-size:26px;font-weight:700}.cos-content h3{font-size:26px;font-weight:600;line-height:1.35;margin:26px 0 42px}.cos-stats{display:flex;gap:54px;margin-bottom:44px}.cos-stats h4{color:#c62828;color:var(--cos-primary);font-size:36px;font-weight:700}.cos-stats span{color:#6b7280;color:var(--cos-muted);font-size:14px}.cos-link{color:#c62828;color:var(--cos-primary);font-size:16px;font-weight:600;text-decoration:none}.cos-link:hover{text-decoration:underline}@media (max-width:900px){.cos-card{grid-template-columns:1fr}.cos-content{padding:44px}.cos-stats{gap:32px}}.cos-title{color:#1e2330;font-size:42px;font-weight:800;margin-bottom:10px}.cos-highlight{color:#c62828;font-weight:800}:root{--primary:#c62828;--muted:#6b7280;--bg:#fff}.humanex-wrapper{background:#fff;background:var(--bg);font-family:Raleway,sans-serif;margin-top:-80px;padding:100px 20px;text-align:center}.humanex-heading{color:#1e2330;color:var(--text-dark);font-size:42px;font-weight:800}.humanex-highlight{color:#c62828;color:var(--primary)}.humanex-header p{color:#6b7280;color:var(--muted);font-size:18px;margin-top:14px}.humanex-slider{margin:60px auto;max-width:1200px;overflow:hidden}.humanex-track{display:flex;transition:transform .5s ease}.humanex-card{background:#fff;border-radius:22px;box-shadow:0 20px 50px #00000014;margin:0 12px;min-width:33.333%;opacity:.9;padding:40px;transform:scale(.95);transition:all .4s ease}.humanex-card.active{opacity:1;transform:scale(1)}.humanex-chip{background:#fde7f3;border-radius:999px;display:inline-block;font-size:14px;margin-bottom:20px;padding:10px 18px}.humanex-title{font-size:26px;font-weight:800}.humanex-title .red{color:#c62828;color:var(--primary)}.humanex-title .black{color:#1e2330;color:var(--text-dark)}.humanex-divider{background:#c62828;background:var(--primary);height:2px;margin:18px auto;width:50px}.humanex-pagination{display:flex;gap:16px;justify-content:center}.humanex-pagination button{background:none;border:none;color:#c62828;color:var(--primary);cursor:pointer;font-size:22px}.dot{background:#d1d5db;height:10px;width:10px}.dot.active{background:#c62828;background:var(--primary);width:22px}@media (max-width:900px){.humanex-card{min-width:100%}}.prico-section{background:linear-gradient(135deg,#fff,#fafafa);font-family:Raleway,sans-serif;padding:80px 20px}.prico-container{margin:0 auto;max-width:1200px}.prico-header{margin-bottom:60px;text-align:left}.prico-badge{color:#666;display:inline-block;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:16px;padding-left:60px;position:relative}.prico-badge:before{background-color:#c62828;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:45px}.prico-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:52px;font-weight:800;line-height:1.2;margin:0}.prico-title-highlight{color:#c62828;font-weight:800}.prico-grid{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.prico-card{background-color:#f5f5f5;border-radius:0;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;min-height:500px;padding:50px 35px;position:relative;transition:all .3s ease}.prico-card--white{background-color:#fff;border:2px solid #c62828;box-shadow:0 20px 40px #c6282826;transform:scale(1.05)}.prico-card--featured{background:linear-gradient(135deg,#c62828,#b71c1c);box-shadow:0 20px 40px #c628284d;color:#fff;transform:scale(1.05)}.prico-card:not(.prico-card--featured):not(.prico-card--white):hover{box-shadow:0 15px 30px #c6282826;transform:translateY(-10px)}.prico-card--white:hover{box-shadow:0 25px 50px #c6282840;transform:scale(1.08) translateY(-5px)}.prico-icon{align-items:center;-webkit-clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);display:flex;height:100px;justify-content:center;margin-bottom:30px;position:relative;transform:rotate(-10deg);width:100px}.prico-icon-emoji{font-size:40px;transform:rotate(10deg)}.prico-card-header{border-bottom:1px solid #0000001a;margin-bottom:25px;padding-bottom:20px}.prico-card--featured .prico-card-header{border-bottom-color:#ffffff4d}.prico-type{color:#666;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.prico-card--featured .prico-type{color:#ffffffe6}.prico-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:26px;font-weight:700;line-height:1.3;margin:0}.prico-card--featured .prico-name{color:#fff}.prico-price{align-items:flex-start;display:flex;margin-bottom:30px}.prico-currency{color:#c62828;font-family:Raleway,sans-serif;font-size:36px;font-weight:800;margin-right:5px;margin-top:10px}.prico-card--featured .prico-currency{color:#fff}.prico-amount{color:#c62828;font-family:Raleway,sans-serif;font-size:72px;font-weight:800;line-height:1}.prico-card--featured .prico-amount{color:#fff}.prico-features{flex-grow:1;list-style:none;margin:0 0 40px;padding:0}.prico-feature{align-items:flex-start;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:500;gap:12px;line-height:1.6;margin-bottom:16px}.prico-card--featured .prico-feature{color:#fff}.prico-check{color:#c62828;flex-shrink:0;height:20px;margin-top:2px;width:20px}.prico-card--featured .prico-check{color:#fff}.prico-button{align-items:center;border:none;-webkit-clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:700;gap:10px;margin-top:auto;padding:16px 40px;position:relative;text-transform:capitalize;transition:all .3s ease}.prico-button--red{background:linear-gradient(135deg,#c62828,#b71c1c);color:#fff}.prico-button--red:hover{background:linear-gradient(135deg,#b71c1c,#a11717);box-shadow:0 4px 15px #c628284d;transform:translateX(5px)}.prico-button--dark{background-color:#1e2330;color:#fff}.prico-button--dark:hover{background-color:#0f1419;box-shadow:0 4px 15px #1e23304d;transform:translateX(5px)}.prico-button-arrow{height:20px;transition:transform .3s ease;width:20px}.prico-button:hover .prico-button-arrow{transform:translateX(5px)}@media (max-width:1200px){.prico-title{font-size:48px}.prico-grid{gap:25px}.prico-card{padding:40px 30px}}@media (max-width:968px){.prico-section{padding:60px 20px}.prico-title{font-size:40px}.prico-grid{gap:30px;grid-template-columns:1fr}.prico-card--featured,.prico-card--white{transform:scale(1)}.prico-card{min-height:auto}}@media (max-width:640px){.prico-section{padding:40px 15px}.prico-header{margin-bottom:40px}.prico-badge{font-size:12px;padding-left:50px}.prico-badge:before{width:35px}.prico-title{font-size:32px}.prico-card{padding:35px 25px}.prico-icon{height:80px;width:80px}.prico-icon-emoji{font-size:32px}.prico-name{font-size:22px}.prico-amount{font-size:56px}.prico-currency{font-size:28px}.prico-button{font-size:15px;justify-content:center;padding:14px 30px;width:100%}}.signup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.background-animation{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.bg-shape{fill:#ffffff80;opacity:.1;position:absolute}.shape-1{animation:float 15s ease-in-out infinite,pulse 8s ease-in-out infinite;height:200px;left:5%;width:200px}.shape-2{animation:float 18s ease-in-out infinite reverse,pulse 7s ease-in-out 1s infinite;height:150px;right:5%;width:150px}.shape-3{animation:float 12s ease-in-out infinite,pulse 9s ease-in-out .5s infinite;bottom:10%;height:120px;left:15%;width:120px}.shape-4{animation:float 20s ease-in-out infinite reverse,pulse 10s ease-in-out 1.5s infinite;height:100px;right:15%;top:15%;width:100px}.shape-5{animation:float 16s ease-in-out infinite,pulse 6s ease-in-out .7s infinite;bottom:20%;height:180px;right:20%;width:180px}.signup-card{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0003;max-width:450px;padding:40px;width:100%;z-index:1}.signup-header{margin-bottom:30px;text-align:center}.signup-header h1{color:#333;font-weight:600;margin-bottom:10px}.signup-header p{color:#666;font-size:16px}.signup-form{margin-bottom:20px}.form-group{position:relative}.form-group input{border-radius:10px;box-sizing:border-box;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.signup-btn{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 5px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.signup-btn:hover{box-shadow:0 8px 20px #667eea99;transform:translateY(-2px)}.signup-btn:active{transform:translateY(0)}.signup-footer{text-align:center}.signup-footer p{color:#666}.signup-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:576px){.signup-card{padding:30px 20px}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5{display:none}}:root{--primary-light:#ef5350}.hr-features-section{background:linear-gradient(135deg,#fff,#fff);font-family:Raleway,sans-serif;margin-top:-60px;min-height:100vh;overflow:hidden;padding:100px 20px 80px;position:relative;width:100%}.background-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-circle{animation:floatAnimation 20s ease-in-out infinite;border-radius:50%;opacity:.05;position:absolute}.bg-circle-1{animation-delay:0s;height:600px;left:-200px;top:-200px;width:600px}.bg-circle-1,.bg-circle-2{background:radial-gradient(circle,#c62828 0,#0000 70%);background:radial-gradient(circle,var(--primary-color) 0,#0000 70%)}.bg-circle-2{animation-delay:5s;bottom:-150px;height:500px;right:-150px;width:500px}@keyframes floatAnimation{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.container{max-width:1400px;position:relative;z-index:1}.header-section{animation:fadeInUp 1s ease-out;margin-bottom:80px}.main-titlee{color:#1e2330;color:var(--text-dark);font-size:3.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.primary-highlights{color:#c62828;color:var(--primary-color);display:inline-block;position:relative}.primary-highlight:after{background:#c6282826;border-radius:6px;bottom:8px;content:"";height:12px;left:0;position:absolute;width:100%;z-index:-1}.subtitle{color:var(--text-light);font-size:1.25rem;line-height:1.8;max-width:700px}.desktop-break{display:block}.features-grid-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1300px}.features-column{display:flex;flex-direction:column;gap:40px}.left-column{animation:slideInLeft 1s ease-out}.right-column{animation:slideInRight 1s ease-out;margin-top:60px}.feature-card-wrapper{animation:fadeInScale .8s ease-out;position:relative}.sphere-container{left:-30px;pointer-events:none;position:absolute;top:-30px;z-index:0}.feature-sphere{animation:spherePulse 4s ease-in-out infinite;border-radius:50%;filter:blur(30px);height:120px;opacity:.15;width:120px}@keyframes spherePulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.sphere-blue,.sphere-green,.sphere-orange,.sphere-pink,.sphere-purple,.sphere-yellow{background:#c62828;background:var(--primary-color)}.feature-card{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;padding:40px 35px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1}.feature-card:before{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.feature-card:hover{border-color:#c628284d;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-10px)}.feature-card:hover:before{opacity:1}.card-blue:hover,.card-green:hover,.card-orange:hover,.card-pink:hover,.card-purple:hover,.card-yellow:hover{border-color:#c628284d}.feature-icons{align-items:center;background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:16px;box-shadow:0 8px 20px #c6282840;display:flex;height:70px;justify-content:center;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:70px}.feature-card:hover .feature-icons{box-shadow:0 12px 30px #c6282859;transform:scale(1.1) rotate(5deg)}.feature-icons .material-icons-outlined{color:#fff;color:var(--bg-white);font-size:36px}.icon-blue,.icon-green,.icon-orange,.icon-pink,.icon-purple,.icon-yellow{background:linear-gradient(135deg,#c62828,#ef5350);background:linear-gradient(135deg,var(--primary-color),var(--primary-light))}.feature-title{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin-bottom:16px}.feature-description{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:500;line-height:1.7;margin:0;text-align:justify}.footer{background:linear-gradient(135deg,#c628280d,#c6282805);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:100px;padding:30px 20px}.footer-content{color:#6b7280;color:var(--text-light);font-size:.9375rem;font-weight:600;margin:0 auto;max-width:1400px;text-align:center}@media (max-width:1200px){.main-title{font-size:3rem}.features-grid-container{gap:40px}.feature-card{padding:35px 30px}}@media (max-width:992px){.hr-features-section{padding:80px 20px 60px}.header-section{margin-bottom:60px}.main-title{font-size:2.5rem}.subtitle{font-size:1.125rem}.features-grid-container{gap:30px;grid-template-columns:1fr}.right-column{margin-top:0}.features-column{gap:30px}}@media (max-width:768px){.hr-features-section{padding:60px 20px 50px}.header-section{margin-bottom:50px}.main-title{font-size:2rem}.subtitle{font-size:1rem}.desktop-break{display:none}.feature-card{padding:30px 25px}.feature-icon{height:60px;width:60px}.feature-icon .material-icons-outlined{font-size:32px}.feature-title{font-size:1.25rem}.feature-description{font-size:.9375rem}.sphere-container{left:-20px;top:-20px}.feature-sphere{height:100px;width:100px}.footer{margin-top:60px;padding:25px 20px}.footer-content{font-size:.875rem}}@media (max-width:480px){.main-title{font-size:1.75rem}.subtitle{font-size:.9375rem}.feature-card{padding:25px 20px}.feature-icon{height:55px;width:55px}.feature-icon .material-icons-outlined{font-size:28px}.feature-title{font-size:1.125rem}.feature-description{font-size:.875rem}}@keyframes iconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){.feature-card-wrapper:first-child{animation-delay:.1s}.feature-card-wrapper:nth-child(2){animation-delay:.2s}.feature-card-wrapper:nth-child(3){animation-delay:.3s}}.feature-card:focus-within{outline:3px solid #c62828;outline:3px solid var(--primary-color);outline-offset:4px}@media print{.hr-features-section{background:#fff;background:var(--bg-white);padding:20px}.background-elements{display:none}.feature-card{border:1px solid #e5e7eb;border:1px solid var(--border-color);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.feature-card:hover{transform:none}.footer{page-break-before:always}}.www-wrapper{background:#fff;font-family:Raleway,sans-serif;margin-top:-50px;padding:100px 24px}.www-header{margin:0 auto 70px;max-width:900px;text-align:center}.www-header h2{color:#2b2b2b;font-size:48px;font-weight:800;margin-bottom:12px}.www-header span{color:#c62828}.www-header p{color:#6b6b6b;font-size:18px;line-height:1.6}.www-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:auto;max-width:1300px}.www-card{border-radius:14px;cursor:pointer;height:220px;overflow:hidden;position:relative}.www-card img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.www-card:hover img{transform:scale(1.07)}.www-overlay{background:linear-gradient(0deg,#0000008c,#00000026,#0000);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:22px;position:absolute}.www-overlay h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:6px}.www-overlay span{color:#ffffffe6;font-size:14px;line-height:1.4}@media (max-width:1200px){.www-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.www-grid{grid-template-columns:repeat(2,1fr)}.www-header h2{font-size:36px}}@media (max-width:600px){.www-grid{grid-template-columns:1fr}.www-card{height:200px}}.quantum-onboard-container{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow:hidden;position:relative}.quantum-background-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.quantum-orb{animation:quantum-float 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.orb-primary{animation-delay:0s;background:linear-gradient(45deg,#667eea,#764ba2);height:300px;left:10%;top:10%;width:300px}.orb-secondary{animation-delay:2s;background:linear-gradient(45deg,#f093fb,#f5576c);height:200px;right:10%;top:60%;width:200px}.orb-tertiary{animation-delay:4s;background:linear-gradient(45deg,#4facfe,#00f2fe);bottom:20%;height:150px;left:20%;width:150px}.quantum-particle{animation:particle-drift 12s linear infinite;background:#ffffff1a;border-radius:50%;position:absolute}.particle-alpha{animation-delay:0s;height:8px;right:20%;top:30%;width:8px}.particle-beta{animation-delay:4s;bottom:40%;height:12px;left:15%;width:12px}.particle-gamma{animation-delay:8s;height:6px;right:30%;top:70%;width:6px}@keyframes quantum-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes particle-drift{0%{transform:translateX(0) translateY(0)}to{transform:translateX(100px) translateY(-50px)}}.quantum-content-wrapper{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:120px 40px;position:relative;z-index:2}.quantum-text-panel{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.quantum-fade-in{opacity:1;transform:translateY(0)}.quantum-main-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8b2d1);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.quantum-gradient-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.quantum-subtitle{color:#a8b2d1;font-size:1.2rem;line-height:1.6;margin-bottom:48px;max-width:500px}.quantum-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.quantum-feature-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:12px;padding:16px;transition:all .3s ease}.quantum-feature-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.quantum-feature-icon{font-size:1.5rem}.quantum-cta-section{align-items:center;display:flex;gap:16px}.quantum-btn{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease}.quantum-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quantum-btn-primary:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.quantum-btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.quantum-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.quantum-pulse{animation:quantum-pulse 2s infinite}@keyframes quantum-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quantum-visual-panel{opacity:0;transform:translateX(30px);transition:all .8s cubic-bezier(.23,1,.32,1) .2s}.quantum-slide-in{opacity:1;transform:translateX(0)}.quantum-visual-container{height:500px;position:relative}.quantum-floating-widget{animation:widget-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#99dbe8f2;border:1px solid #ffffff4d;box-shadow:0 20px 60px #0000004d;position:absolute}.widget-dashboard{animation-delay:0s;height:200px;left:0;top:50px;width:280px}.widget-analytics{animation-delay:2s;height:180px;right:20px;top:280px;width:240px}.widget-chat{animation-delay:4s;height:160px;right:0;top:120px;width:220px}@keyframes widget-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}.widget-content{display:flex;flex-direction:column;height:100%;padding:16px}.widget-header{margin-bottom:16px}.widget-controls span{background:#e0e0e0}.quantum-auth-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.quantum-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%}.quantum-modal-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 30px 80px #0006;max-width:450px;padding:40px;position:relative;width:90%}.quantum-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;transition:color .3s ease}.quantum-modal-close:hover{color:#333}.quantum-modal-header{margin-bottom:32px;text-align:center}.quantum-modal-header h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:8px}.quantum-modal-header p{color:#666;font-size:.95rem}.quantum-google-auth-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:12px;justify-content:center;margin-bottom:24px;padding:14px;transition:all .3s ease;width:100%}.quantum-google-auth-btn:hover{border-color:#ccc;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.quantum-divider{color:#999;font-size:.9rem;margin:24px 0;position:relative;text-align:center}.quantum-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.quantum-divider span{background:#fff;padding:0 16px}.quantum-auth-form{display:flex;flex-direction:column;gap:20px}.quantum-input-group{position:relative}.quantum-form-input,.quantum-form-select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:16px;transition:all .3s ease;width:100%}.quantum-form-input:focus,.quantum-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quantum-input-label{background:#fff;color:#999;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:16px;transition:all .3s ease}.quantum-form-input:focus+.quantum-input-label,.quantum-form-input:not(:placeholder-shown)+.quantum-input-label,.quantum-form-select:focus+.quantum-input-label,.quantum-form-select:not([value=""])+.quantum-input-label{color:#667eea;font-size:.8rem;top:-8px}.quantum-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease}.quantum-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.quantum-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quantum-timer-text{color:#666;font-size:.9rem;margin:8px 0;text-align:center}.quantum-resend-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;margin:8px 0;text-decoration:underline}.quantum-resend-link:hover{color:#764ba2}.quantum-message-banner{border-radius:8px;font-size:.9rem;margin-top:16px;padding:12px 16px;text-align:center}.quantum-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.quantum-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:1024px){.quantum-content-wrapper{gap:60px;grid-template-columns:1fr;text-align:center}.quantum-main-headline{font-size:2.8rem}.quantum-features-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:300px}}@media (max-width:768px){.quantum-content-wrapper{padding:80px 20px}.quantum-main-headline{font-size:2.2rem}.quantum-cta-section{flex-direction:column}.quantum-modal-card{margin:20px;padding:30px 20px}}.widget-image-container{border-radius:12px 12px 0 0;height:200px;overflow:hidden;position:relative}.widget-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.widget-overlay{background:linear-gradient(180deg,#0000001a 0,#0000004d);bottom:0;left:0;position:absolute;right:0;top:0}.quantum-floating-widget:hover .widget-image{transform:scale(1.05)}.quantum-floating-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.quantum-floating-widget:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px) scale(1.02)}.widget-content{padding:1rem}.widget-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.widget-controls span{background:#e2e8f0;border-radius:50%;display:inline-block;height:8px;margin-left:4px;width:8px}.widget-progress{background:#f1f5f9;border-radius:3px;height:6px;margin:.5rem 0;overflow:hidden}.progress-indicator{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;width:75%}.widget-items{display:flex;gap:.5rem;margin-top:.5rem}.widget-item{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px}.widget-item:first-child{background:#667eea}.widget-item:nth-child(2){background:#764ba2}.widget-item:nth-child(3){background:#f093fb}.widget-stats{display:flex;gap:.5rem;margin:.5rem 0}.stat-item{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:20px}.widget-chart{align-items:end;display:flex;gap:.25rem;height:40px;margin-top:.5rem}.chart-column{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:2px 2px 0 0;flex:1 1;min-height:10px}.chart-column:first-child{height:60%}.chart-column:nth-child(2){height:80%}.chart-column:nth-child(3){height:40%}.chart-column:nth-child(4){height:70%}.widget-avatars{display:flex;gap:.25rem;margin-bottom:.5rem}.avatar-circle{background:#e2e8f0;border-radius:50%;height:24px;width:24px}.avatar-circle:first-child{background:#667eea}.avatar-circle:nth-child(2){background:#764ba2}.avatar-circle:nth-child(3){background:#f093fb}.avatar-circle:nth-child(4){background:#4fd1c7}.widget-messages{margin:.5rem 0}.message-line{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:.25rem}.message-line:first-child{background:#667eea;width:80%}.message-line:nth-child(2){background:#764ba2;width:60%}.widget-input{background:#e2e8f0;border-radius:4px;height:8px;margin-top:.5rem}@media (max-width:768px){.widget-image-container{height:100px}.widget-content{padding:.75rem}}.policy-loading-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);flex-direction:column;height:100vh}.policy-loading-animation,.policy-loading-container{align-items:center;display:flex;justify-content:center}.policy-loading-animation{height:120px;position:relative;width:120px}.policy-pulse-ring{animation:policy-pulse 2s cubic-bezier(.36,.11,.89,.32) infinite;border:4px solid #6366f1;border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.policy-delay-1{animation-delay:.5s}.policy-delay-2{animation-delay:1s}@keyframes policy-pulse{0%{opacity:.8;transform:scale(.1)}to{opacity:0;transform:scale(1.2)}}.policy-logo-icon{z-index:10}.policy-loading-text{animation:policy-fadeInOut 1.5s infinite alternate;color:#4b5563;font-size:18px;font-weight:500;margin-top:20px}@keyframes policy-fadeInOut{0%{opacity:.6}to{opacity:1}}.policy-page-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;overflow-x:hidden;position:relative}.policy-animated-background{height:100%;left:0;opacity:.6;position:fixed;top:0;width:100%;z-index:0}.policy-content-container{margin:0 auto;max-width:1200px;opacity:0;padding:2rem;position:relative;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;z-index:10}.policy-content-visible{opacity:1;transform:translateY(0)}.policy-header-section{margin-bottom:2.5rem;padding:2rem 0;text-align:center}.policy-main-title{-webkit-text-fill-color:#0000;animation:policy-gradientShift 8s infinite alternate;background:linear-gradient(90deg,#6366f1,#10b981 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:.5rem}@keyframes policy-gradientShift{0%{background-position:0 50%}to{background-position:100% 50%}}.policy-title-word{display:inline-block;margin:0 .25rem}.policy-title-word-1{animation:policy-bounce 2s .2s infinite}.policy-title-word-2{animation:policy-bounce 2s .4s infinite}.policy-title-word-3{animation:policy-bounce 2s .6s infinite}@keyframes policy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.policy-header-subtitle{color:#4b5563;font-size:1.25rem;font-weight:400}.policy-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:1rem}.policy-nav-item{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex-direction:column;min-width:120px;padding:1rem 1.5rem;transition:all .3s ease}.policy-nav-item:hover{box-shadow:0 8px 20px #6366f126;transform:translateY(-5px)}.policy-nav-active{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 8px 20px #6366f14d;color:#fff}.policy-nav-icon{font-size:1.8rem;margin-bottom:.5rem}.policy-nav-text{font-size:.9rem;font-weight:600}.policy-main-content{margin-bottom:3rem}.policy-content-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.policy-content-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.policy-card-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.policy-content-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin:0}.policy-content-icon{font-size:2.5rem}.policy-content-text{color:#4b5563;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.policy-expandable-details{border-top:1px solid #f3f4f6;padding-top:2rem}.policy-detail-section{margin-bottom:2rem}.policy-detail-title{color:#6366f1;font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.policy-detail-text{color:#6b7280;font-size:1rem;line-height:1.6}.policy-image-placeholder{background:#f9fafb;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.policy-image-content{display:inline-block;margin-bottom:1rem}.policy-image-caption{color:#9ca3af;font-size:.9rem;font-style:italic}.policy-footer-section{border-top:1px solid #e5e7eb;padding:2rem 0;text-align:center}.policy-footer-text{color:#6b7280;margin-bottom:1rem}.policy-footer-links{display:flex;gap:1.5rem;justify-content:center}.policy-footer-link{color:#6366f1;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.policy-footer-link:hover{color:#10b981}.policy-footer-link:after{background-color:#10b981;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.policy-footer-link:hover:after{width:100%}@media (max-width:768px){.policy-content-container{padding:1rem}.policy-main-title{font-size:2.5rem}.policy-navigation{gap:.5rem}.policy-nav-item{min-width:100px;padding:.75rem 1rem}.policy-nav-icon{font-size:1.5rem}.policy-nav-text{font-size:.8rem}.policy-content-card{padding:1.5rem}.policy-content-title{font-size:1.5rem}.policy-footer-links{flex-direction:column;gap:.75rem}}@media (max-width:480px){.policy-main-title{font-size:2rem}.policy-header-subtitle{font-size:1rem}.policy-navigation{justify-content:flex-start;overflow-x:auto;padding:.75rem}.policy-nav-item{min-width:90px;padding:.5rem}}:root{--hr-primary:#2c3e50;--hr-primary-dark:#1a252f;--hr-primary-light:#34495e;--hr-secondary:#3498db;--hr-accent:#2980b9;--hr-success:#27ae60;--hr-warning:#f39c12;--hr-error:#e74c3c;--hr-dark:#2c3e50;--hr-darker:#1a252f;--hr-light:#ecf0f1;--hr-gray:#95a5a6;--hr-border:#bdc3c7;--hr-shadow:#2c3e501a;--hr-card-bg:#fffffff2}.hr-portal-header-navigation-enhanced,.hr-portal-header-navigation-enhanced *{font-family:Raleway,sans-serif}.hr-portal-header-navigation-enhanced{background-color:#fff;box-shadow:0 2px 10px #1e23301a;margin-top:-78px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.hr-portal-header-content-enhanced{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:15px 0}.hr-portal-brand-identity-enhanced{align-items:center;display:flex;gap:15px}.hr-portal-logo-container-enhanced{align-items:center;display:flex;height:50px;justify-content:center;position:relative;width:50px}.hr-portal-logo-enhanced{border-radius:8px;height:100%;object-fit:contain;width:100%}.hr-portal-logo-placeholder-enhanced{align-items:center;background:linear-gradient(135deg,#c62828,#ff5252);border-radius:8px;box-shadow:0 4px 12px #c628284d;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.hr-portal-logo-glow-effect-enhanced{background:radial-gradient(circle,#c6282833 0,#0000 70%);border-radius:12px;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}.hr-portal-brand-text-enhanced{display:flex;flex-direction:column}.hr-portal-company-title-enhanced{color:#1e2330;font-size:20px;font-weight:700;line-height:1.2;margin:0}.hr-portal-portal-subtitle-enhanced{color:#c62828;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hr-portal-user-navigation-enhanced{align-items:center;display:flex;gap:20px}.hr-portal-user-profile-enhanced{align-items:flex-end;display:flex;flex-direction:column}.hr-portal-user-greeting-enhanced{color:#1e2330;font-size:14px;font-weight:600}.hr-portal-user-role-enhanced{background-color:#c628281a;border-radius:10px;color:#c62828;font-size:12px;font-weight:500;margin-top:2px;padding:2px 8px}.hr-portal-user-avatar-container-enhanced{height:40px;width:40px}.hr-portal-user-avatar-enhanced{align-items:center;background:linear-gradient(135deg,#1e2330,#2d3748);border-radius:50%;box-shadow:0 4px 8px #1e233033;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.hr-portal-avatar-status-indicator-enhanced{background-color:#4caf50;border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.hr-portal-logout-action-btn-enhanced{align-items:center;background-color:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.hr-portal-logout-action-btn-enhanced:hover{background-color:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.hr-portal-logout-action-btn-enhanced:active{transform:translateY(0)}.hr-portal-logout-icon-enhanced{font-size:16px}.hr-portal-container-enhanced{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding-top:80px}.hr-portal-main-interface-enhanced{display:flex;min-height:calc(100vh - 80px)}.hr-portal-quick-actions-panel,.hr-portal-quick-actions-panel *{font-family:Raleway,sans-serif}.hr-portal-quick-actions-panel{background-color:#fff;border:1px solid #c628281a;border-radius:12px;box-shadow:0 4px 12px #1e23301a;margin-bottom:20px;padding:20px}.hr-portal-sidebar-title{border-bottom:2px solid #c62828;color:#1e2330;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 20px;padding-bottom:10px;text-transform:uppercase}.hr-portal-action-button{background-color:#fff;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;cursor:pointer;font-size:14px;font-weight:600;gap:12px;margin-bottom:10px;padding:12px 16px;text-align:left;width:100%}.hr-portal-action-button:hover{background-color:#c628280d;border-color:#c62828;box-shadow:0 4px 8px #c628281a;transform:translateX(5px)}.hr-portal-action-button:active{transform:translateX(2px)}.hr-portal-action-button:last-child{margin-bottom:0}.hr-portal-action-button.active{background-color:#c62828}.hr-portal-action-button{align-items:center;background:#0000;color:#374151;display:flex;gap:10px;transition:all .3s ease}.hr-portal-action-button.active{background-color:#2563eb}.hr-portal-action-button svg{stroke:currentColor}.hr-portal-action-button.active svg{stroke:#000}.hr-portal-action-button:hover{background-color:#e0e7ff}.hr-portal-action-icon{font-size:18px;width:24px}.hr-portal-action-button:nth-child(2){border-left:4px solid #c62828}.hr-portal-action-button:nth-child(3){border-left:4px solid #1e2330}.hr-portal-action-button:nth-child(4){border-left:4px solid #c62828}.hr-portal-action-button:nth-child(5){border-left:4px solid #1e2330}.hr-portal-action-button:nth-child(6){border-left:4px solid #c62828}.hr-portal-action-button:nth-child(7){border-left:4px solid #1e2330}.hr-portal-action-button:nth-child(8){border-left:4px solid #c62828}.hr-portal-action-button:nth-child(9){border-left:4px solid #1e2330}.hr-portal-action-button:nth-child(10){border-left:4px solid #c62828}.hr-portal-action-button:nth-child(11){border-left:4px solid #1e2330}.hr-portal-action-button.active{background:linear-gradient(135deg,#c62828,#d32f2f);border-color:#c62828;box-shadow:0 4px 12px #c6282833;color:#fff}.hr-portal-action-button.active .hr-portal-action-icon{filter:brightness(0) invert(1)}.hr-portal-content-area-enhanced{flex:1 1;overflow-y:auto;padding:2rem}.hr-portal-content-wrapper-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--hr-card-bg);border:1px solid #bdc3c7;border:1px solid var(--hr-border);border-radius:15px;box-shadow:0 4px 20px #2c3e501a;box-shadow:0 4px 20px var(--hr-shadow);min-height:500px}.hr-portal-enhanced-dashboard{padding:2rem}.hr-portal-dashboard-hero{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--hr-secondary),var(--hr-accent));border-radius:20px;box-shadow:0 10px 30px #3498db4d;color:#fff;margin-bottom:2rem;padding:2rem}.hr-portal-hero-content h2{font-size:2rem;margin-bottom:.5rem}.hr-portal-hero-content p{margin-bottom:1.5rem;opacity:.9}.hr-portal-hero-stats{display:flex;gap:2rem}.hr-portal-hero-stat{text-align:center}.hr-portal-hero-stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.hr-portal-hero-stat-label{display:block;font-size:.9rem;opacity:.8}.hr-portal-dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.hr-portal-dashboard-card{background:#fff;border:1px solid #bdc3c7;border:1px solid var(--hr-border);border-radius:15px;box-shadow:0 4px 15px #2c3e501a;box-shadow:0 4px 15px var(--hr-shadow);padding:1.5rem;transition:all .3s ease}.hr-portal-dashboard-card:hover{border-color:#3498db;border-color:var(--hr-secondary);box-shadow:0 8px 25px #3498db26;transform:translateY(-5px)}.hr-portal-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.hr-portal-card-header h3{color:#2c3e50;color:var(--hr-dark);font-size:1.2rem;font-weight:600;margin:0}.hr-portal-card-badge{background:#3498db;background:var(--hr-secondary);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.hr-portal-card-content p{color:#95a5a6;color:var(--hr-gray);margin-bottom:1rem}.hr-portal-card-action{background:none;border:none;color:#3498db;color:var(--hr-secondary);cursor:pointer;font-weight:600;transition:all .3s ease}.hr-portal-card-action:hover{color:#2980b9;color:var(--hr-accent);transform:translateX(5px)}.hr-portal-employee-card-enhanced{background:#fff;border:1px solid #bdc3c7;border:1px solid var(--hr-border);border-radius:15px;box-shadow:0 4px 15px #2c3e501a;box-shadow:0 4px 15px var(--hr-shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.hr-portal-employee-card-enhanced:hover{border-color:#3498db;border-color:var(--hr-secondary);box-shadow:0 8px 25px #3498db26;transform:translateY(-3px)}.hr-portal-employee-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.hr-portal-employee-avatar-section{position:relative}.hr-portal-employee-avatar-large{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--hr-secondary),var(--hr-accent));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.hr-portal-employee-status-indicator{border:2px solid #fff;border-radius:50%;bottom:5px;height:12px;position:absolute;right:5px;width:12px}.hr-portal-employee-status-indicator.active{background:#27ae60;background:var(--hr-success)}.hr-portal-employee-status-indicator.inactive{background:#95a5a6;background:var(--hr-gray)}.hr-portal-employee-basic-info{flex:1 1}.hr-portal-employee-name{color:#2c3e50;color:var(--hr-dark);font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.hr-portal-employee-role{color:#3498db;color:var(--hr-secondary);font-weight:500;margin:0 0 .5rem}.hr-portal-employee-id{display:block;margin-bottom:.25rem}.hr-portal-employee-department{background:#ecf0f1;background:var(--hr-light);border-radius:8px;color:#2c3e50;color:var(--hr-dark);font-size:.8rem;padding:.25rem .5rem}.hr-portal-profile-completion-badge{text-align:center}.hr-portal-completion-circle{display:inline-block;position:relative}.hr-portal-completion-percent{color:#2c3e50;color:var(--hr-dark);font-size:.7rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hr-portal-employee-card-body{margin-bottom:1rem}.hr-portal-contact-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.hr-portal-contact-item{align-items:center;display:flex;gap:.5rem}.hr-portal-contact-icon{font-size:1rem}.hr-portal-contact-value,.hr-portal-recent-activity h5{color:#2c3e50;color:var(--hr-dark);font-size:.9rem}.hr-portal-recent-activity h5{font-weight:600;margin-bottom:.5rem}.hr-portal-activity-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.hr-portal-activity-icon{color:#3498db;color:var(--hr-secondary);font-weight:700}.hr-portal-activity-text{color:#2c3e50;color:var(--hr-dark);flex:1 1;font-size:.8rem}.hr-portal-activity-time{color:#95a5a6;color:var(--hr-gray);font-size:.7rem}.hr-portal-employee-card-actions{display:flex;gap:.5rem}.hr-portal-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.hr-portal-action-btn.hr-portal-primary{background:#3498db;background:var(--hr-secondary);color:#fff}.hr-portal-action-btn.hr-portal-primary:hover{background:#2980b9;background:var(--hr-accent);transform:translateY(-2px)}.hr-portal-action-btn.hr-portal-secondary{background:#ecf0f1;background:var(--hr-light);border:1px solid #bdc3c7;border:1px solid var(--hr-border);color:#2c3e50;color:var(--hr-dark)}.hr-portal-action-btn.hr-portal-secondary:hover{background:#bdc3c7;background:var(--hr-border);transform:translateY(-2px)}.hr-portal-employee-grid-enhanced{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.hr-portal-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.hr-portal-quick-view-modal{background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.hr-portal-modal-header{align-items:center;border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--hr-light);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.hr-portal-modal-header h3{color:#2c3e50;color:var(--hr-dark);font-size:1.5rem;font-weight:600;margin:0}.hr-portal-modal-close{background:none;border:none;color:#95a5a6;color:var(--hr-gray);cursor:pointer;font-size:1.5rem;transition:color .3s ease}.hr-portal-modal-close:hover{color:#e74c3c;color:var(--hr-error)}.hr-portal-employee-summary{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.hr-portal-summary-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--hr-secondary),var(--hr-accent));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.hr-portal-summary-details h4{color:#2c3e50;color:var(--hr-dark);font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.hr-portal-summary-details p{color:#95a5a6;color:var(--hr-gray);margin:0 0 .5rem}.hr-portal-employee-id{color:#95a5a6;color:var(--hr-gray);font-size:.8rem}.hr-portal-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.hr-portal-detail-item{display:flex;flex-direction:column;gap:.25rem}.hr-portal-detail-item label{color:#95a5a6;color:var(--hr-gray);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hr-portal-detail-item span{color:#2c3e50;color:var(--hr-dark);font-size:.9rem;font-weight:500}.hr-portal-status-badge{border-radius:8px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.hr-portal-status-active{background:#27ae601a;color:#27ae60;color:var(--hr-success)}.hr-portal-status-inactive{background:#95a5a61a;color:#95a5a6;color:var(--hr-gray)}.hr-portal-quick-actions{display:flex;gap:.5rem}.hr-portal-stat-card-enhanced{align-items:center;background:#fff;border:1px solid #bdc3c7;border:1px solid var(--hr-border);border-radius:15px;box-shadow:0 4px 15px #2c3e501a;box-shadow:0 4px 15px var(--hr-shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.hr-portal-stat-card-enhanced:hover{border-color:#3498db;border-color:var(--hr-secondary);box-shadow:0 8px 25px #3498db26;transform:translateY(-3px)}.hr-portal-stat-icon{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--hr-secondary),var(--hr-accent));color:#fff;font-size:2rem;height:60px;width:60px}.hr-portal-stat-content h3{color:#2c3e50;color:var(--hr-dark);font-size:2rem;font-weight:700;margin:0 0 .25rem}.hr-portal-stat-content p{color:#95a5a6;color:var(--hr-gray);font-size:.9rem;margin:0 0 .5rem}.hr-portal-stat-trend{color:#27ae60;color:var(--hr-success)}.hr-portal-employee-stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.hr-portal-section-header{align-items:center;border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--hr-light);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.hr-portal-section-header h3{color:#2c3e50;color:var(--hr-dark);font-size:1.5rem;font-weight:600;margin:0}.hr-portal-section-actions{display:flex;gap:.5rem}.hr-portal-primary-btn{align-items:center;background:#3498db;background:var(--hr-secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hr-portal-primary-btn:hover{background:#2980b9;background:var(--hr-accent);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.hr-portal-secondary-btn{align-items:center;background:#ecf0f1;background:var(--hr-light);border:1px solid #bdc3c7;border:1px solid var(--hr-border);border-radius:8px;color:#2c3e50;color:var(--hr-dark);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hr-portal-secondary-btn:hover{background:#bdc3c7;background:var(--hr-border);transform:translateY(-2px)}.hr-portal-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.hr-portal-loading-spinner{animation:spin 1s linear infinite;border:3px solid #3498db4d;border-radius:50%;border-top-color:#3498db;border-top:3px solid var(--hr-secondary);height:50px;margin-bottom:1rem;width:50px}.hr-portal-empty-state{padding:3rem 2rem;text-align:center}.hr-portal-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.hr-portal-empty-state h4{color:#2c3e50;color:var(--hr-dark);font-size:1.5rem;margin-bottom:1rem}.hr-portal-empty-state p{color:#95a5a6;color:var(--hr-gray);margin-bottom:2rem}@media (max-width:1200px){.hr-portal-nav-enhanced{gap:.25rem}.hr-portal-dropdown-toggle-enhanced{font-size:.8rem;min-width:120px;padding:.5rem 1rem}}@media (max-width:768px){.hr-portal-header-navigation-enhanced{padding:1rem}.hr-portal-nav-enhanced{display:none}.hr-portal-header-content-enhanced{justify-content:space-between}.hr-portal-content-area-enhanced{padding:1rem}.hr-portal-dashboard-grid,.hr-portal-employee-grid-enhanced{grid-template-columns:1fr}.hr-portal-hero-stats{flex-direction:column;gap:1rem}.hr-portal-sidebar-enhanced{width:250px}}@media (max-width:480px){.hr-portal-company-title-enhanced{font-size:1rem}.hr-portal-user-details{display:none}.hr-portal-dropdown-toggle-enhanced{min-width:100px;padding:.5rem .75rem}.hr-portal-dropdown-menu-enhanced{min-width:150px}.hr-portal-detail-grid{grid-template-columns:1fr}.hr-portal-quick-actions{flex-direction:column}}.hr-portal-container-enhanced{position:relative;z-index:1}.hr-portal-dropdown-menu-enhanced{z-index:1001}.emp-manager-dashboard{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.emp-manager-header{align-items:flex-start;border-bottom:2px solid #d32f2f;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.emp-manager-title-section{flex:1 1}.emp-manager-main-title{color:#d32f2f;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-align:justify;text-transform:uppercase}.emp-manager-subtitle{color:#666;font-size:1rem;font-weight:400;margin:0;text-align:justify}.emp-manager-action-buttons{align-items:center;display:flex;gap:1rem}.emp-action-btn{border-radius:6px;font-size:.95rem;gap:8px;letter-spacing:.5px;text-transform:uppercase}.emp-primary-action{background:#d32f2f;box-shadow:0 2px 8px #d32f2f4d;color:#fff}.emp-primary-action:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.emp-export-action{background:#212121;border:2px solid #212121;color:#fff}.emp-export-action:hover:not(:disabled){background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.emp-secondary-action{background:#0000;border:2px solid #d32f2f;color:#d32f2f}.emp-secondary-action:hover:not(:disabled){background:#ffebee;transform:translateY(-2px)}.emp-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.emp-btn-icon{font-size:1.1rem}.emp-controls-panel{align-items:center;background:#f8f9fa;border-left:4px solid #d32f2f;border-radius:10px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.emp-search-wrapper{flex:1 1;position:relative}.emp-search-field{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.85rem 1rem .85rem 3rem;transition:all .3s ease;width:100%}.emp-search-field:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.emp-search-icon{color:#666;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.emp-filter-wrapper{min-width:200px}.emp-department-filter{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.emp-department-filter:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.emp-results-counter{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.9rem;font-weight:500;padding:.5rem 1rem;white-space:nowrap}.emp-hired-candidates-panel{background:#fff;border:2px solid #212121;border-radius:12px;margin-bottom:2rem;overflow:hidden}.emp-panel-header{background:linear-gradient(135deg,#212121,#424242);justify-content:space-between;padding:1.5rem}.emp-panel-header,.emp-panel-title1{align-items:center;color:#fff;display:flex}.emp-panel-title1{font-size:1.3rem;font-weight:600;gap:10px;margin:0}.emp-count-badge{background:#d32f2f;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.emp-panel-controls{align-items:center;display:flex;gap:1rem}.emp-toggle-btn{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.emp-toggle-btn:hover{background:#ffffff1a;border-color:#fff}.emp-toggle-active{background:#d32f2f33;border-color:#d32f2f}.emp-refresh-candidates-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.emp-refresh-candidates-btn:hover:not(:disabled){background:#ffffff1a;transform:rotate(180deg)}.emp-refresh-candidates-btn:disabled{cursor:not-allowed;opacity:.5}.emp-hired-candidates-content{padding:1.5rem}.emp-loading-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.emp-loading-spinner{animation:empSpin 1s linear infinite;border-top-color:#d32f2f;height:50px;margin-bottom:1rem;width:50px}@keyframes empSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.emp-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:10px;padding:3rem 2rem;text-align:center}.emp-empty-hired{background:#fff3e0;border-color:#ff9800}.emp-empty-icon{color:#d32f2f;font-size:4rem;margin-bottom:1rem}.emp-empty-state h4{color:#212121;font-size:1.5rem;margin:0 0 1rem}.emp-empty-state p{color:#666;line-height:1.6;margin:0 auto 2rem;max-width:500px}.emp-empty-actions{display:flex;gap:1rem;justify-content:center}.emp-candidates-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.emp-stat-mini-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:120px;padding:1rem;text-align:center;transition:all .3s ease}.emp-stat-mini-card:hover{border-color:#d32f2f;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.emp-stat-number{color:#d32f2f;display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.emp-stat-label{color:#666;font-size:.9rem;font-weight:500}.emp-candidates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.emp-candidate-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.emp-candidate-card:hover{border-color:#d32f2f;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.emp-onboarded-card{background:linear-gradient(90deg,#f1f8e9 0,#fff 20%);border-left:4px solid #4caf50}.emp-candidate-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.emp-candidate-avatar{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.emp-candidate-info{flex:1 1}.emp-candidate-name{color:#212121;font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.emp-candidate-role{color:#d32f2f;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.emp-id-display{align-items:center;display:flex;gap:.5rem}.emp-id-label{color:#666;font-size:.85rem;font-weight:500}.emp-id-value{background:#212121;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;padding:.2rem .6rem}.emp-candidate-status{margin-left:auto}.emp-status-tag{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.emp-status-hired{background:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}.emp-status-complete{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.emp-candidate-details{margin-bottom:1.5rem}.emp-detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.emp-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.emp-detail-name{color:#666;font-size:.9rem;font-weight:500}.emp-detail-value{color:#212121;font-size:.9rem}.emp-joining-date{color:#d32f2f;font-weight:600}.emp-onboarding-done{color:#4caf50;font-weight:600}.emp-onboarding-waiting{color:#ff9800;font-weight:600}.emp-id-badge{background:#f5f5f5;border-radius:3px;color:#666;font-size:.8rem;margin-left:.5rem;padding:.1rem .4rem}.emp-candidate-actions{margin-bottom:1.5rem}.emp-action-group{display:flex;gap:.75rem}.emp-edit-details-btn,.emp-start-onboarding-btn,.emp-view-offer-btn,.emp-view-profile-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;text-align:center;transition:all .3s ease}.emp-view-profile-btn{background:#212121;color:#fff}.emp-view-profile-btn:hover{background:#000;transform:translateY(-2px)}.emp-edit-details-btn{background:#0000;border:2px solid #e0e0e0;color:#666}.emp-edit-details-btn:hover{background:#f5f5f5;border-color:#d32f2f;color:#d32f2f;transform:translateY(-2px)}.emp-start-onboarding-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;color:#fff}.emp-start-onboarding-btn:hover{box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.emp-view-offer-btn{background:#0000;border:2px solid #d32f2f;color:#d32f2f}.emp-view-offer-btn:hover{background:#ffebee;transform:translateY(-2px)}.emp-candidate-source{border-top:1px solid #f0f0f0;padding-top:1rem}.emp-source-tag{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:.85rem;padding:.3rem .8rem}.emp-bulk-actions-panel{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.emp-bulk-onboard-btn{background:#212121;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.emp-bulk-onboard-btn:hover:not(:disabled){background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.emp-bulk-onboard-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.emp-bulk-info{color:#666;font-size:.95rem;font-weight:500}.emp-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.emp-loading-container p{color:#666;margin-top:1rem}.emp-table-wrapper{background:#fff;border:2px solid #212121;border-radius:12px;margin-bottom:2rem;overflow:hidden}.emp-table-container{overflow-x:auto}.emp-data-table{border-collapse:collapse;min-width:1000px;width:100%}.emp-data-table thead{background:linear-gradient(135deg,#212121,#424242)}.emp-data-table th{border-bottom:2px solid #d32f2f;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.emp-data-table th:first-child{padding-left:1.5rem}.emp-data-table th:last-child{padding-right:1.5rem}.emp-data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:all .3s ease}.emp-data-table tbody tr:hover{background:#f9f9f9}.emp-data-table td{color:#333;font-family:sans-serif;font-size:.95rem;padding:1.25rem 1rem}.emp-data-table td:first-child{padding-left:1.5rem}.emp-data-table td:last-child{padding-right:1.5rem}.emp-id-badge{border-radius:4px;color:#333;display:inline-block;font-family:sans-serif;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.emp-name-cell{align-items:center;display:flex;gap:.75rem}.emp-avatar-small{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:6px;color:#fff;flex-shrink:0;font-weight:600;height:36px;width:36px}.emp-name-link{color:#212121;font-weight:600;transition:all .3s ease}.emp-name-link:hover{color:#d32f2f}.emp-department-badge{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.mob{font-family:sans-serif}.emp-status-indicator{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.emp-status-active{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.emp-status-inactive{background:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}.emp-row-actions{display:flex;gap:.5rem}.emp-view-dashboard-btn{background:#0000;border:2px solid #d32f2f;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.emp-view-dashboard-btn:hover{background:#ffebee;transform:translateY(-2px)}.emp-summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.emp-summary-card{align-items:center;background:#fff;border:2px solid #212121;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.emp-summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.emp-summary-icon{align-items:center;background:#212121;border-radius:10px;color:#fff;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.emp-summary-content{flex:1 1}.emp-summary-count{color:#d32f2f;display:block;font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.emp-summary-text{color:#212121;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.emp-active-card .emp-summary-icon{background:#4caf50}.emp-inactive-card .emp-summary-icon{background:#ff9800}@media (max-width:768px){.emp-manager-dashboard{padding:1rem}.emp-manager-header{flex-direction:column;gap:1.5rem}.emp-manager-action-buttons{flex-wrap:wrap;width:100%}.emp-action-btn{flex:1 1;justify-content:center;min-width:200px}.emp-controls-panel{flex-direction:column;gap:1rem}.emp-filter-wrapper,.emp-search-wrapper{width:100%}.emp-candidates-grid,.emp-summary-cards{grid-template-columns:1fr}.emp-bulk-actions-panel{flex-direction:column;gap:1rem;text-align:center}.emp-empty-actions{flex-direction:column}}.dept-manager-dashboard{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.dept-manager-header{align-items:center;border-bottom:2px solid #d32f2f;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.dept-title-section{flex:1 1}.dept-main-title{color:#d32f2f;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-align:justify;text-transform:uppercase}.dept-subtitle{color:#1e2330;font-size:1rem;font-weight:500;margin:0;text-align:justify}.dept-header-actions{display:flex;gap:1rem}.dept-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.dept-primary-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 2px 8px #d32f2f4d;color:#fff}.dept-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.dept-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.dept-btn-icon{font-size:1.1rem;font-weight:700}.dept-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dept-modal-container{background:#fff;border:2px solid #212121;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;overflow:hidden;width:90%}.dept-modal-header{align-items:center;background:linear-gradient(135deg,#fff,#fff);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.dept-modal-title{font-size:1.3rem;font-weight:600;margin:0}.dept-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dept-modal-close:hover{background:#ffffff1a}.dept-form-group{padding:1.5rem}.dept-form-label{color:#666;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.dept-form-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.dept-form-input:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.dept-form-input::placeholder{color:#999}.dept-modal-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:1rem;padding:1.5rem}.dept-confirm-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;color:#fff;flex:1 1}.dept-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.dept-cancel-btn{background:#0000;border:2px solid #e0e0e0;color:#666;flex:1 1}.dept-cancel-btn:hover{background:#f5f5f5;border-color:#d32f2f;color:#d32f2f;transform:translateY(-2px)}.dept-grid-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dept-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.dept-empty-icon{color:#d32f2f;font-size:4rem;margin-bottom:1.5rem}.dept-empty-title{color:#212121;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.dept-empty-description{color:#666;line-height:1.6;margin:0 auto 2rem;max-width:400px}.dept-card{background:#fff;border:2px solid #212121;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.dept-card:hover{border-color:#d32f2f;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.dept-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.dept-card-icon{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.dept-card-info{flex:1 1}.dept-card-name{color:#212121;font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-transform:uppercase}.dept-creation-date{color:#666;display:block;font-size:.85rem;font-weight:500}.dept-card-actions{border-top:1px solid #e0e0e0;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.dept-edit-btn{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem;transition:all .3s ease}.dept-edit-btn:hover{background:#f5f5f5;border-color:#d32f2f;color:#d32f2f;transform:translateY(-2px)}.dept-delete-btn{align-items:center;background:#0000;border:2px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem;transition:all .3s ease}.dept-delete-btn:hover{background:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.dept-manager-dashboard{padding:1rem}.dept-manager-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.dept-header-actions{width:100%}.dept-action-btn{justify-content:center;width:100%}.dept-grid-layout{grid-template-columns:1fr}.dept-modal-actions{flex-direction:column}.dept-cancel-btn,.dept-confirm-btn{width:100%}.dept-card{padding:1.25rem}.dept-card-header{flex-direction:column;text-align:center}.dept-card-icon{margin:0 auto}.dept-card-actions{flex-direction:column}}@media (min-width:769px) and (max-width:1024px){.dept-grid-layout{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.dept-grid-layout{grid-template-columns:repeat(3,1fr)}}@keyframes deptCardHover{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(-4px)}}.dept-card:hover{animation:deptCardHover .3s ease forwards}.dept-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.dept-loading-spinner{animation:deptSpin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#d32f2f;height:50px;width:50px}@keyframes deptSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reports-dashboard{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.reports-header-section{align-items:flex-start;border-bottom:2px solid #d32f2f;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.reports-title-content{flex:1 1}.reports-main-title{color:#d32f2f;font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-align:justify;text-transform:uppercase}.reports-subtitle{color:#666;font-size:.9rem;font-weight:400;margin:0;max-width:600px;text-align:justify}.reports-action-buttons{align-items:center;display:flex;gap:1rem}.report-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.report-generate-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 2px 8px #d32f2f4d;color:#fff}.report-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.report-export-btn{background:#212121;border:2px solid #212121;color:#fff}.report-export-btn:hover:not(:disabled){background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.report-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.reports-content-area{display:flex;flex-direction:column;gap:2rem}.report-section-card{background:#fff;border:2px solid #212121;border-radius:12px;padding:1.5rem;transition:all .3s ease}.report-section-card:hover{box-shadow:0 8px 25px #0000001a}.report-section-title{border-bottom:1px solid #e0e0e0;color:#d32f2f;font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1.5rem;padding-bottom:.75rem;text-transform:uppercase}.stats-grid-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card-main{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card-main:hover{border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f1a;transform:translateY(-2px)}.stat-content-wrapper h3{color:#212121;font-size:2rem;font-weight:700;line-height:1;margin:0 0 .25rem}.stat-content-wrapper p{color:#666;font-size:.95rem;font-weight:500;margin:0}.data-completion-section{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.completion-title{color:#212121;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.completion-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.completion-stat-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.completion-label{color:#666;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.completion-value{color:#212121;display:block;font-size:.85rem;font-weight:500;margin-bottom:.75rem}.completion-bar-container{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.completion-bar-fill{border-radius:4px;height:100%}.completion-academic{background:linear-gradient(90deg,#d32f2f,#ff5252)}.completion-experience{background:linear-gradient(90deg,#212121,#424242)}.completion-passport{background:linear-gradient(90deg,#1976d2,#42a5f5)}.completion-personal{background:linear-gradient(90deg,#388e3c,#4caf50)}.employee-profiles-container{display:flex;flex-direction:column;gap:1.5rem}.employee-profile-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.employee-profile-card:hover{border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f1a}.employee-basic-info-section{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.employee-avatar-container{flex-shrink:0;position:relative}.employee-avatar-large{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:12px;height:80px;overflow:hidden;position:relative;width:80px}.avatar-fallback{font-size:2rem}.avatar-hidden{display:none}.avatar-upload-label{align-items:center;background:#212121;border-radius:50%;bottom:-8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-8px;transition:all .3s ease;width:32px;z-index:10}.avatar-upload-label:hover{background:#000;transform:scale(1.1)}.upload-icon{font-size:1rem}.avatar-upload-indicator{background:#000000b3;border-radius:8px;left:50%;padding:.5rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:24px;width:24px}.employee-details-main{flex:1 1}.employee-name{font-size:1.3rem;margin:0 0 .25rem}.employee-id-display{color:#d32f2f;font-size:.9rem;margin:0 0 .75rem}.employee-meta-info{gap:.5rem;margin-bottom:.75rem}.meta-tag{background:#f5f5f5;border-radius:4px;color:#666;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.employee-contact-info{gap:.25rem}.employee-action-buttons{align-items:flex-end;gap:.75rem}.completion-percentage-badge{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:20px;font-size:.9rem;font-weight:600}.profile-completion-section{border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1.5rem}.completion-heading{color:#212121;font-size:1rem;font-weight:600;margin:0 0 1rem}.completion-bars-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.completion-bar-item{flex-direction:column;gap:.5rem}.completion-category{color:#666;font-size:.9rem;font-weight:500}.completion-bar-wrapper{background:#e0e0e0;border-radius:4px;height:8px;width:100%}.completion-fill{border-radius:4px}.completion-complete{background:linear-gradient(90deg,#388e3c,#4caf50)}.completion-incomplete{background:linear-gradient(90deg,#d32f2f,#ff5252)}.completion-status-text{font-size:.85rem;font-weight:500}.completion-complete+.completion-status-text{color:#388e3c}.completion-incomplete+.completion-status-text{color:#d32f2f}.details-preview-section{border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1.5rem}.details-preview-section:last-child{border-bottom:none}.details-section-header{margin-bottom:1rem}.details-title{color:#212121;font-size:1rem;font-weight:600;margin:0}.data-badge{background:#d32f2f;border-radius:4px;font-size:.8rem;padding:.25rem .75rem;text-transform:uppercase}.academic-preview-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.academic-item-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.academic-item-header{border-bottom:1px solid #e0e0e0;margin-bottom:.75rem;padding-bottom:.75rem}.academic-qualification{color:#212121;font-size:1rem;font-weight:600}.academic-year{color:#666;font-size:.85rem;font-weight:500}.academic-details-list{gap:.5rem}.academic-institution{color:#d32f2f;font-size:.9rem;font-weight:500}.academic-cgpa,.academic-description,.academic-grade,.academic-percentage,.academic-specialization{color:#666;font-size:.85rem}.academic-description{font-style:italic;line-height:1.4}.experience-preview-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.experience-item-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.experience-item-header{border-bottom:1px solid #e0e0e0;margin-bottom:.75rem;padding-bottom:.75rem}.company-name{color:#212121;font-size:1rem;font-weight:600}.experience-duration{color:#666;font-size:.85rem;font-weight:500}.experience-details-list{gap:.5rem}.experience-role{color:#d32f2f;font-size:.9rem;font-weight:500}.experience-description,.experience-location{color:#666;font-size:.85rem}.experience-description{line-height:1.4;margin-top:.5rem}.skills-label{color:#666;font-size:.85rem;font-weight:500}.skill-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.more-skills-indicator{color:#666;font-size:.85rem;font-style:italic}.passport-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.passport-item-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.passport-details-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.passport-detail-field{gap:.25rem}.passport-label{color:#666;font-size:.85rem;font-weight:500}.passport-value{color:#212121;font-size:.9rem}.personal-preview-grid{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.personal-details-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.personal-detail-field{gap:.25rem}.personal-label{font-size:.85rem}.personal-value{color:#212121;font-size:.9rem}.no-data-message{background:#f8f9fa;border:1px dashed #e0e0e0;border-radius:8px;padding:2rem}.no-data-icon{color:#666;font-size:3rem;margin-bottom:1rem}.no-data-text{color:#666;font-size:.95rem;margin:0 0 1rem}.department-analysis-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.department-analysis-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.department-analysis-card:hover{border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f1a;transform:translateY(-2px)}.dept-analysis-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.dept-name{color:#212121;font-size:1.1rem;margin:0}.dept-percentage{background:#ffebee;border-radius:20px;color:#d32f2f;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.dept-stats-container{display:flex;gap:1rem;margin-bottom:1rem}.dept-stat-item{flex:1 1;text-align:center}.dept-stat-number{color:#d32f2f;display:block;font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:.25rem}.dept-stat-label{color:#666;font-size:.85rem;font-weight:500}.dept-roles-section{border-top:1px solid #e0e0e0;padding-top:1rem}.roles-heading{color:#212121;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.roles-tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.role-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.more-roles-indicator{color:#666;font-size:.85rem;font-style:italic}.reports-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-state-description{max-width:500px;text-align:center}.reports-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.loading-text{margin:0 0 .5rem}.loading-subtext{color:#666;font-size:.95rem;margin:0}@media (max-width:768px){.reports-dashboard{padding:1rem}.reports-header-section{flex-direction:column;gap:1.5rem}.reports-action-buttons{flex-wrap:wrap;width:100%}.report-action-btn{flex:1 1;justify-content:center;min-width:200px}.employee-basic-info-section{align-items:center;flex-direction:column;text-align:center}.employee-details-main{text-align:center}.employee-meta-info{justify-content:center}.employee-action-buttons{align-items:center}.stats-grid-overview{grid-template-columns:repeat(2,1fr)}.academic-preview-grid,.completion-stats-grid,.department-analysis-grid,.experience-preview-grid,.passport-preview-grid,.personal-details-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.department-analysis-grid,.stats-grid-overview{grid-template-columns:repeat(2,1fr)}}.manager-dashboard{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.manager-header-section{align-items:flex-start;border-bottom:2px solid #d32f2f;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.manager-title-content{flex:1 1}.manager-main-title{color:#d32f2f;font-family:Raleway,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.1px;margin:0 0 .5rem;text-align:justify;text-transform:uppercase}.manager-subtitle{color:#666;font-size:1rem;font-weight:400;margin:0;text-align:justify}.manager-action-buttons{align-items:center;display:flex;gap:1rem}.manager-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.manager-primary-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 2px 8px #d32f2f4d;color:#fff}.manager-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.manager-secondary-btn{background:#0000;border:2px solid #d32f2f;color:#d32f2f}.manager-secondary-btn:hover:not(:disabled){background:#ffebee;transform:translateY(-2px)}.manager-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.manager-content-area{margin-bottom:2rem}.manager-loading-container{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.loading-spinner{border-top-color:#d32f2f;margin-bottom:1.5rem}.loading-text{color:#212121;font-size:1.1rem;font-weight:600;margin:0}.manager-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;padding:4rem 2rem;text-align:center}.managers-grid-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.manager-profile-card{background:#fff;border:2px solid #212121;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:4.5rem;transition:all .3s ease}.manager-profile-card:hover{border-color:#d32f2f;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.manager-basic-info-section{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;padding-bottom:1.5rem}.manager-avatar-container{flex-shrink:0;position:relative}.manager-avatar-large{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:10px;height:70px;overflow:hidden;position:relative;width:70px}.manager-profile-image{height:100%;object-fit:cover;width:100%}.manager-avatar-fallback{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:100%;justify-content:center;width:100%}.manager-status-indicator{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.manager-status-indicator.online{background:#4caf50}.manager-status-indicator.offline{background:#f44336}.manager-details-main{flex:1 1}.manager-name{font-size:1.3rem;margin:0 0 .25rem}.manager-title{color:#d32f2f;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.manager-company{background:#f5f5f5;border-radius:4px;color:#666;display:block;display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:.75rem;padding:.25rem .75rem}.manager-contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{color:#666;font-size:.9rem}.team-summary-section{border-bottom:1px solid #e0e0e0;padding-bottom:1.5rem}.summary-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.summary-stat-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:.75rem;text-align:center;transition:all .3s ease}.summary-stat-card:hover{border-color:#d32f2f;transform:translateY(-2px)}.stat-value{color:#d32f2f}.stat-label{font-size:.85rem}.team-members-detailed-section{border-bottom:1px solid #e0e0e0;padding-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-title{color:#212121;font-size:1rem;font-weight:600;margin:0}.team-stats-badge{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.no-team-members-message{background:#f8f9fa;border:1px dashed #e0e0e0;border-radius:8px;padding:2rem;text-align:center}.no-team-icon{color:#666;font-size:2.5rem;margin-bottom:1rem}.no-team-text{color:#666;font-size:.95rem;margin:0 0 1.5rem}.assign-team-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.assign-team-btn:hover{background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.team-members-grid{display:flex;flex-direction:column;gap:.75rem}.team-member-card{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.team-member-card:hover{border-color:#d32f2f;transform:translateX(4px)}.member-avatar-small{align-items:center;background:linear-gradient(135deg,#212121,#424242);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.member-details-compact{flex:1 1}.member-name{color:#212121;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.member-role{color:#666;font-size:.85rem;margin-bottom:.25rem}.member-meta{display:flex;gap:.75rem}.member-id{color:#d32f2f}.member-department,.member-id{font-size:.8rem;font-weight:500}.member-department{color:#666}.member-status-indicator{flex-shrink:0}.status-badge{padding:.25rem .5rem}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#d32f2f}.view-more-members-card{align-items:center;background:#f5f5f5;border:1px dashed #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.more-members-count{color:#666;font-size:.95rem;font-weight:600}.view-all-members-btn{background:#0000;border:2px solid #d32f2f;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.view-all-members-btn:hover{background:#ffebee;transform:translateY(-2px)}.manager-actions-section{display:flex;gap:.75rem}.action-button,.action-buttonm{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:.75rem;text-align:center;transition:all .3s ease}.primary-action{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.primary-action:hover{background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.secondary-action{background:#0000;border:2px solid #212121;color:#212121}.secondary-action:hover{background:#212121;color:#fff;transform:translateY(-2px)}.tertiary-action{background:#0000;border:2px solid #e0e0e0;color:#666}.tertiary-action:hover{background:#f5f5f5;border-color:#d32f2f;color:#d32f2f;transform:translateY(-2px)}.action-icon{font-size:1rem}.quick-actions-panel{background:#fff;border:2px solid #212121;border-radius:12px;margin-top:2rem;padding:1.5rem}.actions-panel-header{border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:.75rem}.actions-panel-header h4{color:#d32f2f;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{background:#f8f9fa;border:1px solid #e0e0e0;flex-direction:column;gap:.75rem;padding:1.5rem 1rem}.quick-action-btn:hover{border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f1a;transform:translateY(-4px)}.quick-action-icon{color:#d32f2f;font-size:2rem}.quick-action-text{color:#212121;font-size:.95rem;font-weight:600;text-align:center}@media (max-width:768px){.manager-dashboard{padding:1rem}.manager-header-section{flex-direction:column;gap:1.5rem}.manager-action-buttons{flex-wrap:wrap;width:100%}.manager-action-btn{flex:1 1;justify-content:center;min-width:200px}.managers-grid-layout{grid-template-columns:1fr}.summary-stats-grid{grid-template-columns:repeat(3,1fr)}.actions-grid{grid-template-columns:repeat(2,1fr)}.manager-actions-section,.team-member-card{flex-direction:column}.team-member-card{gap:.5rem;text-align:center}.member-meta{justify-content:center}}@media (min-width:769px) and (max-width:1024px){.managers-grid-layout{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1025px){.managers-grid-layout{grid-template-columns:repeat(3,1fr)}}.leave-manager-dashboard{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.leave-header-section{align-items:flex-start;border-bottom:2px solid #d32f2f;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.leave-title-content{flex:1 1}.leave-main-title{color:#d32f2f;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-align:justify;text-transform:uppercase}.leave-subtitle{color:#666;font-size:1rem;font-weight:400;margin:0;text-align:justify}.leave-action-buttons{gap:1rem}.leave-action-btn{border-radius:6px;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase}.leave-refresh-btn{background:#212121;border:2px solid #212121}.leave-refresh-btn:hover{background:#000;box-shadow:0 4px 12px #0003}.leave-export-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 2px 8px #d32f2f4d;color:#fff}.leave-export-btn:hover{background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.leave-primary-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;color:#fff}.leave-primary-btn:hover{background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.leave-stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.leave-stat-card{background:#fff;border:2px solid #212121;border-radius:12px;gap:1rem;padding:1.5rem;transition:all .3s ease}.leave-stat-card:hover{border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f1a;transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.stat-content-wrapper{flex:1 1}.stat-value{color:#212121;font-size:2rem;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.95rem}.leave-filters-panel{background:#f8f9fa;border:2px solid #212121;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.filters-header-section{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-title{color:#d32f2f;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.clear-filters-btn{background:#0000;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.clear-filters-btn:hover{background:#ffebee;border-color:#d32f2f;color:#d32f2f}.filters-grid-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.filter-item-wrapper{display:flex;flex-direction:column;gap:.5rem}.filter-item-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-dropdown-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.filter-dropdown-select:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.search-filter-wrapper{grid-column:span 2}.search-input-container{position:relative}.search-input-field{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.search-input-field:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.search-input-icon{color:#666;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filters-footer-section{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:1.5rem}.results-count-display{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.active-filters-container{display:flex;flex-wrap:wrap;gap:.5rem}.active-filter-tag{background:#ffebee;border:1px solid #ffcdd2;border-radius:20px;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.active-filter-tag,.filter-remove-btn{align-items:center;color:#d32f2f;display:flex}.filter-remove-btn{background:#fff;border-radius:50%;cursor:pointer;font-size:.7rem;font-weight:700;height:18px;justify-content:center;transition:all .3s ease;width:18px}.filter-remove-btn:hover{background:#d32f2f;color:#fff}.leave-requests-container{background:#fff;border:2px solid #212121;border-radius:12px;overflow:hidden}.leave-empty-state{padding:4rem 2rem}.empty-state-icon{color:#d32f2f;font-size:4rem;margin-bottom:1.5rem}.empty-state-title{color:#212121;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.empty-state-description{color:#666;line-height:1.6;margin:0 auto 2rem;max-width:400px}.leave-table-wrapper{overflow-x:auto}.leave-data-table{border-collapse:collapse;min-width:1200px;width:100%}.leave-data-table thead{background:linear-gradient(135deg,#212121,#424242)}.leave-data-table th{border-bottom:2px solid #d32f2f;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.leave-data-table th:first-child{padding-left:1.5rem}.leave-data-table th:last-child{padding-right:1.5rem}.leave-data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:all .3s ease}.leave-data-table tbody tr:hover{background:#f9f9f9}.leave-data-table td{color:#333;font-size:.95rem;padding:1rem;vertical-align:middle}.leave-data-table td:first-child{padding-left:1.5rem}.leave-data-table td:last-child{padding-right:1.5rem}.employee-info-cell{align-items:center;display:flex;gap:.75rem}.employee-avatar-small{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.employee-details-compact{flex:1 1}.employee-name{color:#212121}.employee-id-badge{background:#212121}.department-tag,.employee-id-badge{border-radius:4px;display:inline-block;font-size:.85rem;padding:.3rem .8rem}.department-tag{background:#f5f5f5;color:#666;font-weight:500}.leave-type-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.leave-duration{color:#d32f2f;font-weight:600}.leave-status-indicator{border:1px solid;border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-transform:capitalize}.leave-reason-text{color:#666;cursor:help;max-width:200px;white-space:nowrap}.reporting-manager{color:#666;font-weight:500}.leave-action-buttons{align-items:center;display:flex;gap:.5rem}.action-btn{border-radius:4px;font-size:.85rem;padding:.5rem .75rem;white-space:nowrap}.approve-action-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.approve-action-btn:hover{background:linear-gradient(135deg,#1b5e20,#388e3c);box-shadow:0 4px 12px #2e7d324d;transform:translateY(-2px)}.reject-action-btn{background:linear-gradient(135deg,#d32f2f,#f44336);color:#fff}.reject-action-btn:hover{background:linear-gradient(135deg,#b71c1c,#d32f2f);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.action-completed-badge{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#666;font-size:.85rem;font-weight:500;padding:.5rem .75rem}@media (max-width:768px){.leave-manager-dashboard{padding:1rem}.leave-header-section{flex-direction:column;gap:1.5rem}.leave-action-buttons{flex-wrap:wrap;width:100%}.leave-action-btn{flex:1 1;justify-content:center;min-width:200px}.leave-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid-layout{grid-template-columns:1fr}.search-filter-wrapper{grid-column:span 1}.filters-footer-section{align-items:flex-start;flex-direction:column;gap:1rem}.active-filters-container{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;width:100%}.leave-action-buttons{flex-direction:column;gap:.5rem}.action-btn{text-align:center;width:100%}}@media (min-width:769px) and (max-width:1024px){.filters-grid-layout{grid-template-columns:repeat(2,1fr)}.search-filter-wrapper{grid-column:span 2}}.manager-leaves-dashboard{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.manager-leaves-header{align-items:flex-start;border-bottom:2px solid #d32f2f;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.manager-leaves-title-section{flex:1 1}.manager-leaves-main-title{color:#d32f2f;font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem;text-align:justify;text-transform:uppercase}.manager-leaves-subtitle{color:#666;font-size:1rem;font-weight:400;margin:0;text-align:justify}.manager-leaves-action-buttons{align-items:center;display:flex;gap:1rem}.manager-leaves-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.manager-leaves-refresh-btn{background:#212121;border:2px solid #212121;color:#fff}.manager-leaves-refresh-btn:hover{background:#000;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.manager-leaves-export-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 2px 8px #d32f2f4d;color:#fff}.manager-leaves-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f66;transform:translateY(-2px)}.manager-leaves-export-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.manager-leaves-primary-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;color:#fff}.manager-leaves-primary-btn:hover{background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 4px 12px #d32f2f4d;transform:translateY(-2px)}.manager-leaves-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.manager-leaves-stat-card{align-items:center;background:#fff;border:2px solid #212121;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.manager-leaves-stat-card:hover{border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f1a;transform:translateY(-2px)}.manager-stat-icon{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.manager-stat-content{flex:1 1}.manager-stat-value{color:#212121;display:block;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.manager-stat-label{color:#666;font-size:.95rem;font-weight:500}.manager-leaves-filters-panel{background:#f8f9fa;border:2px solid #212121;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.manager-filters-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.manager-filters-title{color:#d32f2f;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.manager-filters-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.manager-filter-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;min-width:150px;padding:.75rem;transition:all .3s ease}.manager-filter-dropdown:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.manager-search-container{flex:1 1;min-width:300px;position:relative}.manager-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.manager-search-input:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.manager-search-icon{color:#666;font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.manager-filters-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:1.5rem}.manager-results-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.manager-active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.manager-active-filter-tag{align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:20px;color:#d32f2f;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.manager-filter-remove{align-items:center;background:#fff;border-radius:50%;color:#d32f2f;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;transition:all .3s ease;width:18px}.manager-filter-remove:hover{background:#d32f2f;color:#fff}.manager-leaves-content-area{background:#fff;border:2px solid #212121;border-radius:12px;overflow:hidden}.manager-leaves-empty-state{background:#f8f9fa;padding:4rem 2rem;text-align:center}.manager-empty-icon{color:#d32f2f;font-size:4rem;margin-bottom:1.5rem}.manager-empty-title{color:#212121;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.manager-empty-description{color:#666;line-height:1.6;margin:0 auto 2rem;max-width:400px}.manager-leaves-table-wrapper{overflow-x:auto}.manager-leaves-data-table{border-collapse:collapse;min-width:1200px;width:100%}.manager-leaves-data-table thead{background:linear-gradient(135deg,#212121,#424242)}.manager-leaves-data-table th{border-bottom:2px solid #d32f2f;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.manager-leaves-data-table th:first-child{padding-left:1.5rem}.manager-leaves-data-table th:last-child{padding-right:1.5rem}.manager-leaves-data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:all .3s ease}.manager-leaves-data-table tbody tr:hover{background:#f9f9f9}.manager-leaves-data-table td{color:#333;font-size:.95rem;padding:1rem;vertical-align:middle}.manager-leaves-data-table td:first-child{padding-left:1.5rem}.manager-leaves-data-table td:last-child{padding-right:1.5rem}.manager-info-cell{align-items:flex-start;display:flex;gap:1rem}.manager-avatar-medium{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.manager-details-compact{flex:1 1}.manager-name{color:#212121;font-size:1rem;font-weight:700;margin-bottom:.25rem}.manager-email{color:#666;font-size:.85rem;margin-bottom:.5rem}.manager-role-badge{background:#212121;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.manager-department-badge{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:.85rem;font-weight:500;padding:.3rem .8rem;text-transform:capitalize}.manager-contact-info{max-width:150px}.contact-detail{color:#666;font-size:.9rem;word-break:break-word}.manager-leave-type-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.leave-period-dates{display:flex;flex-direction:column;gap:.25rem}.leave-end-date,.leave-start-date{color:#333;font-size:.9rem}.leave-end-date strong,.leave-start-date strong{color:#d32f2f;font-weight:600;margin-right:.25rem}.leave-duration-badge{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.manager-leave-reason{color:#666;cursor:help;font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.application-date-info{color:#333;font-size:.9rem;font-weight:500}.handover-details{max-width:150px}.handover-person{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:.85rem;font-weight:500;padding:.3rem .8rem;word-break:break-word}.manager-leave-status{border:1px solid;border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-transform:capitalize}.status-pending{background:#fff3e0;border-color:#ffcc80;color:#ff9800}.status-approved{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.status-rejected{background:#ffebee;border-color:#ffcdd2;color:#d32f2f}@media (max-width:768px){.manager-leaves-dashboard{padding:1rem}.manager-leaves-header{flex-direction:column;gap:1.5rem}.manager-leaves-action-buttons{flex-wrap:wrap;width:100%}.manager-leaves-action-btn{flex:1 1;justify-content:center;min-width:200px}.manager-leaves-stats-grid{grid-template-columns:repeat(2,1fr)}.manager-filters-header{align-items:flex-start;flex-direction:column;gap:1rem}.manager-filters-controls{flex-direction:column;width:100%}.manager-filter-dropdown,.manager-search-container{min-width:0;min-width:auto;width:100%}.manager-filters-footer{align-items:flex-start;flex-direction:column;gap:1rem}.manager-active-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;width:100%}}@media (min-width:769px) and (max-width:1024px){.manager-leaves-stats-grid{grid-template-columns:repeat(4,1fr)}.manager-filters-controls{flex-wrap:wrap}.manager-search-container{min-width:250px}}@media (min-width:1025px){.manager-leaves-stats-grid{grid-template-columns:repeat(4,1fr)}}.hr-dashboard-hero-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:2rem;overflow:hidden;padding:3rem 2rem;position:relative}.hr-dashboard-hero-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.hr-dashboard-hero-text{color:#fff;flex:1 1}.hr-dashboard-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hr-dashboard-hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hr-dashboard-hero-subtitle{font-size:1.2rem;margin-bottom:0;opacity:.9}.hr-dashboard-hero-actions{align-items:center;display:flex;gap:1.5rem}.hr-dashboard-date-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem 1.5rem;text-align:center}.hr-dashboard-date-main{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.hr-dashboard-date-time{color:#ffd89b;font-size:1.5rem;font-weight:700}.hr-dashboard-quick-menu{position:relative}.hr-dashboard-menu-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hr-dashboard-menu-trigger:hover{background:#ffffff40;transform:translateY(-2px)}.hr-dashboard-menu-icon{font-size:1.2rem}.hr-dashboard-menu-arrow{font-size:.8rem;transition:transform .3s ease}.hr-dashboard-menu-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;margin-top:.5rem;min-width:280px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.hr-dashboard-quick-menu:hover .hr-dashboard-menu-dropdown{opacity:1;transform:translateY(0);visibility:visible}.hr-dashboard-menu-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background-color .2s ease}.hr-dashboard-menu-item:last-child{border-bottom:none}.hr-dashboard-menu-item:hover{background-color:#f8f9fa}.hr-dashboard-menu-item-icon{font-size:1.5rem;text-align:center;width:40px}.hr-dashboard-menu-item-title{color:#333;font-weight:600;margin-bottom:.25rem}.hr-dashboard-menu-item-desc{color:#666;font-size:.85rem}.hr-dashboard-menu-divider{background:#e0e0e0;height:1px;margin:.5rem 0}.hr-dashboard-refresh-btn{align-items:center;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hr-dashboard-refresh-btn:disabled{cursor:not-allowed;opacity:.7}.hr-dashboard-refresh-btn:hover:not(:disabled){box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.hr-dashboard-refresh-icon{font-size:1.2rem}.hr-dashboard-hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.hr-dashboard-floating-circle{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.hr-dashboard-floating-circle.circle-1{animation-delay:0s;height:100px;left:10%;top:20%;width:100px}.hr-dashboard-floating-circle.circle-2{animation-delay:2s;height:150px;right:15%;top:60%;width:150px}.hr-dashboard-floating-circle.circle-3{animation-delay:4s;bottom:20%;height:80px;left:20%;width:80px}.hr-dashboard-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.hr-dashboard-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}.hr-dashboard-loading-text{color:#666;font-size:1.1rem;margin-bottom:1rem}.hr-dashboard-loading-dots{display:flex;gap:.5rem}.hr-dashboard-loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.hr-dashboard-loading-dots span:first-child{animation-delay:-.32s}.hr-dashboard-loading-dots span:nth-child(2){animation-delay:-.16s}.hr-dashboard-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.hr-dashboard-stat-card-wrapper{transition:transform .3s ease}.hr-dashboard-stat-card-wrapper:hover{transform:translateY(-5px)}.hr-dashboard-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.hr-dashboard-glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.hr-dashboard-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.hr-dashboard-panel-title-section{align-items:center;display:flex;gap:1rem}.hr-dashboard-panel-title{color:#333;font-size:1.5rem;font-weight:700;margin:0}.hr-dashboard-activity-indicator{background:#4caf50;border-radius:50%;height:12px;position:relative;width:12px}.hr-dashboard-header-actions{align-items:center;display:flex;gap:1rem}.hr-dashboard-panel-badge{background:#667eea;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.hr-dashboard-filter-dropdown{position:relative}.hr-dashboard-filter-trigger{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.hr-dashboard-filter-trigger:hover{border-color:#667eea}.hr-dashboard-filter-icon{font-size:1rem}.hr-dashboard-filter-arrow{font-size:.8rem;transition:transform .3s ease}.hr-dashboard-filter-menu{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:.5rem;min-width:160px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.hr-dashboard-filter-dropdown:hover .hr-dashboard-filter-menu{opacity:1;transform:translateY(0);visibility:visible}.hr-dashboard-filter-option{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.hr-dashboard-filter-option:last-child{border-bottom:none}.hr-dashboard-filter-option:hover{background-color:#f8f9fa}.hr-dashboard-filter-option.active{background-color:#f0f4ff}.hr-dashboard-filter-dot{background:#667eea;border-radius:50%;height:8px;width:8px}.hr-dashboard-filter-dot.hiring{background:#4caf50}.hr-dashboard-filter-dot.onboarding{background:#ff9800}.hr-dashboard-filter-dot.updates{background:#9c27b0}.hr-dashboard-activity-stream{max-height:400px;overflow-y:auto}.hr-dashboard-activity-item-wrapper{animation:slideInRight .5s ease forwards;margin-bottom:1rem;opacity:0}.hr-dashboard-empty-activity{color:#666;padding:3rem 2rem;text-align:center}.hr-dashboard-empty-activity-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.hr-dashboard-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.hr-dashboard-action-card-wrapper{transition:transform .3s ease}.hr-dashboard-action-card-wrapper:hover{transform:translateY(-3px)}.hr-dashboard-panel-icon{font-size:1.5rem}.hr-dashboard-employee-section{margin-bottom:2rem}.hr-dashboard-employee-count-badge{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:flex;gap:.5rem;padding:.5rem 1rem}.hr-dashboard-count{font-size:1.2rem;font-weight:700}.hr-dashboard-label{font-size:.85rem;opacity:.9}.hr-dashboard-view-dropdown{position:relative}.hr-dashboard-view-trigger{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.hr-dashboard-view-trigger:hover{border-color:#667eea}.hr-dashboard-view-icon{font-size:1rem}.hr-dashboard-view-arrow{font-size:.8rem;transition:transform .3s ease}.hr-dashboard-view-menu{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:.5rem;min-width:160px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.hr-dashboard-view-dropdown:hover .hr-dashboard-view-menu{opacity:1;transform:translateY(0);visibility:visible}.hr-dashboard-view-option{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.hr-dashboard-view-option:last-child{border-bottom:none}.hr-dashboard-view-option:hover{background-color:#f8f9fa}.hr-dashboard-view-option.active{background-color:#f0f4ff}.hr-dashboard-view-option-icon{font-size:1.1rem}.hr-dashboard-view-all-btn{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hr-dashboard-gradient-hover:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.hr-dashboard-btn-text{font-size:.95rem}.hr-dashboard-btn-arrow{font-size:1.1rem;transition:transform .3s ease}.hr-dashboard-primary-btn{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.hr-dashboard-btn-icon{font-size:1.2rem}.hr-dashboard-employee-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.hr-dashboard-empty-state{color:#666;grid-column:1/-1;padding:4rem 2rem;text-align:center}.hr-dashboard-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.hr-dashboard-employee-card{position:relative;transition:transform .3s ease}.hr-dashboard-employee-card:hover{transform:translateY(-5px)}.hr-dashboard-employee-card-inner{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:1.5rem;position:relative;transition:all .3s ease;z-index:2}.hr-dashboard-hover-lift:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.hr-dashboard-employee-avatar-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.hr-dashboard-avatar-container{position:relative}.hr-dashboard-employee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:70px;justify-content:center;position:relative;width:70px}.hr-dashboard-gradient-avatar{background:linear-gradient(45deg,#667eea,#764ba2)}.hr-dashboard-avatar-status{border:2px solid #fff;border-radius:50%;bottom:5px;height:16px;position:absolute;right:5px;width:16px}.hr-dashboard-online-indicator{background:#4caf50}.hr-dashboard-presence-dot{animation:pulse 2s infinite;background:#4caf50;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.hr-dashboard-employee-actions{position:relative}.hr-dashboard-actions-trigger{background:none;border:none;border-radius:6px;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.hr-dashboard-actions-trigger:hover{background-color:#f5f5f5}.hr-dashboard-actions-icon{color:#666;font-size:1.2rem}.hr-dashboard-actions-menu{background:#fff;border-radius:8px;box-shadow:0 5px 20px #00000026;margin-top:.5rem;min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.hr-dashboard-employee-actions:hover .hr-dashboard-actions-menu{opacity:1;transform:translateY(0);visibility:visible}.hr-dashboard-action-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease}.hr-dashboard-action-item:last-child{border-bottom:none}.hr-dashboard-action-item:hover{background-color:#f8f9fa}.hr-dashboard-action-item-icon{font-size:1.1rem;text-align:center;width:20px}.hr-dashboard-action-divider{background:#e0e0e0;height:1px;margin:.25rem 0}.hr-dashboard-danger{color:#e74c3c}.hr-dashboard-danger:hover{background-color:#fdf2f2}.hr-dashboard-employee-info{margin-bottom:1.5rem}.hr-dashboard-employee-name{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.hr-dashboard-employee-role{color:#666;font-size:.95rem;margin-bottom:1rem}.hr-dashboard-employee-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hr-dashboard-employee-department{background:#e3f2fd;color:#1976d2}.hr-dashboard-employee-department,.hr-dashboard-employee-id{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.hr-dashboard-employee-id{background:#f3e5f5;color:#7b1fa2}.hr-dashboard-employee-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.hr-dashboard-meta-item{display:flex;flex-direction:column;gap:.25rem}.hr-dashboard-meta-label{color:#999;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hr-dashboard-meta-value{color:#333;font-size:.9rem;font-weight:600}.hr-dashboard-status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-align:center}.hr-dashboard-status-badge.active{background:#e8f5e8;color:#2e7d32}.hr-dashboard-card-actions{margin-top:1rem}.hr-dashboard-profile-btn{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.hr-dashboard-card-hover-layer{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:16px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.hr-dashboard-employee-card:hover .hr-dashboard-card-hover-layer{opacity:.05}.hr-dashboard-grid-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:1.5rem}.hr-dashboard-footer-stats{display:flex;gap:2rem}.hr-dashboard-stat-item{color:#666;font-size:.9rem}.hr-dashboard-stat-item strong{color:#333}.hr-dashboard-footer-actions{display:flex;gap:1rem}.hr-dashboard-export-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.hr-dashboard-export-btn:hover{border-color:#667eea;color:#667eea}.hr-dashboard-floating-action{bottom:2rem;position:fixed;right:2rem;z-index:1000}.hr-dashboard-fab-main{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 20px #667eea66;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.hr-dashboard-fab-main:hover{box-shadow:0 6px 25px #667eea99;transform:scale(1.1)}.hr-dashboard-fab-icon{color:#fff;font-size:1.5rem;font-weight:700}.hr-dashboard-fab-menu{bottom:70px;display:flex;flex-direction:column;gap:.5rem;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden}.hr-dashboard-floating-action:hover .hr-dashboard-fab-menu{opacity:1;transform:translateY(0);visibility:visible}.hr-dashboard-fab-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:25px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.hr-dashboard-fab-item:hover{box-shadow:0 4px 15px #00000026;transform:translateX(-5px)}.hr-dashboard-fab-item-icon{font-size:1.2rem}.hr-dashboard-fab-item-text{color:#333;font-size:.9rem;font-weight:600}.animate-fade-in{animation:fadeIn .8s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.animate-scale-in{animation:scaleIn .5s ease forwards}.animate-bounce-in{animation:bounceIn .6s ease forwards}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-stagger{animation:stagger .5s ease forwards}.animate-stagger-card{animation:staggerCard .6s ease forwards}.pulse-animation{animation:pulse 2s infinite}.spin-animation{animation:spin 1s linear infinite}.flash-animation{animation:flash 1.5s ease-in-out infinite}.bounce-animation{animation:bounce 1s ease infinite}.floating-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes stagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerCard{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@media (max-width:768px){.hr-dashboard-hero-content{flex-direction:column;gap:2rem;text-align:center}.hr-dashboard-hero-actions{flex-direction:column;width:100%}.hr-dashboard-actions-grid,.hr-dashboard-content-grid,.hr-dashboard-employee-grid{grid-template-columns:1fr}.hr-dashboard-grid-footer{align-items:flex-start;flex-direction:column;gap:1rem}.hr-dashboard-footer-stats{flex-direction:column;gap:.5rem}}.hr-metrics-grid-container{grid-gap:1.5rem;background:#f8fafc;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem}.hr-metric-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.hr-metric-card-item:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.animate-progressive-fade{animation:professionalFadeIn .6s ease-out forwards;opacity:0}@keyframes professionalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-workspace-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:1.5rem}@media (max-width:1024px){.hr-workspace-layout{gap:1.5rem;grid-template-columns:1fr}}.hr-ui-glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:all .3s ease}.hr-ui-glass-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.hr-panel-header-container{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.hr-panel-title-group{align-items:center;display:flex;gap:.75rem}.hr-panel-main-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.hr-live-indicator{background:#48bb78;border-radius:50%;height:8px;width:8px}.hr-pulse-glow{animation:hrPulseGlow 2s infinite}@keyframes hrPulseGlow{0%,to{opacity:1;transform:scale(1)}50%{box-shadow:0 0 10px #48bb78;opacity:.7;transform:scale(1.2)}}.hr-header-controls{align-items:center;display:flex;gap:1rem}.hr-counter-badge{background:#4299e1;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.hr-bounce-entrance{animation:hrBounceEntrance .6s ease-out}@keyframes hrBounceEntrance{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.hr-filter-selector{display:inline-block;position:relative}.hr-filter-toggle-btn{align-items:center;background:#fffc;border:1px solid #0000001a;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.hr-filter-toggle-btn:hover{background:#fff;border-color:#0003}.hr-filter-icon{font-size:.875rem}.hr-dropdown-chevron{font-size:.75rem;transition:transform .2s ease}.hr-filter-toggle-btn:hover .hr-dropdown-chevron{transform:rotate(180deg)}.hr-filter-options-panel{background:#fff;border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:.5rem;min-width:160px;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:10}.hr-filter-selector:hover .hr-filter-options-panel{opacity:1;transform:translateY(0);visibility:visible}.hr-filter-option-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;transition:background .2s ease}.hr-filter-option-item:hover{background:#0000000d}.hr-option-active{background:#4299e11a;color:#4299e1;font-weight:500}.hr-option-indicator{background:#a0aec0;border-radius:50%;height:6px;width:6px}.hr-option-active .hr-option-indicator{background:#4299e1}.hr-hiring-indicator{background:#ed8936}.hr-onboarding-indicator{background:#48bb78}.hr-updates-indicator{background:#9f7aea}.hr-activity-feed{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.hr-activity-entry-wrapper{animation:hrSlideInUp .5s ease-out forwards;opacity:0}@keyframes hrSlideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-empty-state{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.hr-empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.hr-empty-state p{font-weight:500;margin:0 0 .5rem}.hr-empty-state small{opacity:.7}.hr-action-icon{font-size:1.25rem}.hr-flash-sparkle{animation:hrFlashSparkle 2s infinite}@keyframes hrFlashSparkle{0%,to{opacity:1;transform:scale(1)}50%{filter:brightness(1.2);opacity:.7;transform:scale(1.1)}}.hr-actions-grid-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.hr-actions-grid-layout{grid-template-columns:1fr}}.hr-action-tile-wrapper{animation:hrFadeInScale .6s ease-out forwards;opacity:0}.hr-stagger-animate:first-child{animation-delay:.1s}.hr-stagger-animate:nth-child(2){animation-delay:.2s}.hr-stagger-animate:nth-child(3){animation-delay:.3s}.hr-stagger-animate:nth-child(4){animation-delay:.4s}@keyframes hrFadeInScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hr-activity-feed::-webkit-scrollbar{width:6px}.hr-activity-feed::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.hr-activity-feed::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.hr-activity-feed::-webkit-scrollbar-thumb:hover{background:#0000004d}.hr-actions-command-center{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#fffffff2,#f8fafceb 50%,#fffffffa);border:1px solid #fffc;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000001a,inset 0 1px 0 #fffc;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.hr-actions-command-center:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hr-actions-command-center:hover:before{left:100%}.hr-actions-command-center:hover{border-color:#ffffffe6;box-shadow:0 12px 20px -6px #0000001f,0 20px 25px -5px #00000026,0 30px 35px -8px #0003,inset 0 1px 0 #ffffffe6;transform:translateY(-4px)}.hr-ui-glass-panel{-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);background:linear-gradient(135deg,#ffffffeb,#f9fafbe0);border:1.5px solid #fff9;border-radius:24px;position:relative}.hr-ui-glass-panel:after{background:linear-gradient(135deg,#ffffff1a,#fff0 50%,#ffffff0d);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hr-command-header{align-items:center;border-bottom:1px solid #e2e8f0cc;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;z-index:2}.hr-command-header:after{background:linear-gradient(90deg,#4299e1,#667eea);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}.hr-command-title-section{align-items:center;display:flex;gap:1rem}.hr-command-main-title{background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;position:relative}.hr-command-main-title:after{background:linear-gradient(90deg,#4299e1,#667eea);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.hr-actions-command-center:hover .hr-command-main-title:after{width:100%}.hr-command-spark-icon{filter:drop-shadow(0 2px 8px rgba(255,215,0,.4));font-size:1.75rem;position:relative;z-index:2}.hr-energy-pulse{animation:hrProfessionalPulse 2.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes hrProfessionalPulse{0%,to{filter:drop-shadow(0 2px 8px rgba(255,215,0,.4));opacity:1;transform:scale(1) rotate(0deg)}25%{filter:drop-shadow(0 4px 12px rgba(255,215,0,.6));transform:scale(1.15) rotate(8deg)}50%{filter:drop-shadow(0 6px 16px rgba(255,215,0,.8));opacity:.9;transform:scale(1.1) rotate(-4deg)}75%{filter:drop-shadow(0 4px 12px rgba(255,215,0,.6));transform:scale(1.12) rotate(4deg)}}.hr-actions-command-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);position:relative;z-index:2}@media (max-width:1024px){.hr-actions-command-grid{gap:1.25rem}}@media (max-width:768px){.hr-actions-command-grid{gap:1rem;grid-template-columns:1fr}}.hr-command-tile-container{animation:hrProfessionalTileEntrance .8s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(30px) scale(.92);transition:all .3s cubic-bezier(.4,0,.2,1)}.hr-command-tile-container:hover{transform:translateY(-6px) scale(1.02);z-index:10}.hr-cascade-animate:first-child{animation-delay:.1s}.hr-cascade-animate:nth-child(2){animation-delay:.2s}.hr-cascade-animate:nth-child(3){animation-delay:.3s}.hr-cascade-animate:nth-child(4){animation-delay:.4s}@keyframes hrProfessionalTileEntrance{0%{opacity:0;transform:translateY(30px) scale(.92)}50%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.hr-actions-command-center{border-radius:20px;margin:0 1rem;padding:1.5rem}.hr-command-main-title{font-size:1.25rem}.hr-command-spark-icon{font-size:1.5rem}.hr-actions-command-grid{gap:1rem}}.hr-actions-command-center:focus-within{box-shadow:0 0 0 3px #4299e11a,0 12px 20px -6px #0000001f,0 20px 25px -5px #00000026}.hr-actions-command-center.loading{opacity:.7;pointer-events:none}.hr-actions-command-center.loading:after{animation:hrProfessionalShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:5}@keyframes hrProfessionalShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hr-quick-action-card{animation:hr-card-entrance .6s ease-out .1s forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1.5px solid #fffc;border-radius:20px;box-shadow:0 2px 4px #00000005,0 4px 8px #0000000a,0 8px 16px #0000000f,inset 0 1px 0 #fffc;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:100%;opacity:0;overflow:hidden;padding:1.75rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.hr-quick-action-card:before{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.hr-quick-action-card:after{background:linear-gradient(90deg,#0000,#4299e11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hr-quick-action-card:hover{border-color:#4299e14d;box-shadow:0 8px 25px #4299e126,0 15px 35px #0000001a,0 25px 45px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-6px) scale(1.02)}.hr-quick-action-card:hover:after{left:100%}.hr-quick-action-card-primary{border-left:4px solid #4299e1}.hr-quick-action-card-primary:hover{background:linear-gradient(135deg,#4299e108,#fffffffa)}.hr-quick-action-card-icon{align-items:center;border-radius:18px;box-shadow:0 4px 12px #4299e133,inset 0 1px 0 #fff9;display:flex;font-size:1.75rem;height:64px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px;z-index:2}.hr-quick-action-card-primary .hr-quick-action-card-icon{background:linear-gradient(135deg,#4299e1,#667eea);color:#fff}.hr-quick-action-card:hover .hr-quick-action-card-icon{box-shadow:0 6px 20px #4299e14d,inset 0 1px 0 #fffc;transform:scale(1.1) rotate(5deg)}.hr-quick-action-card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;position:relative;z-index:2}.hr-quick-action-card-title{color:#2d3748;font-size:1.125rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0;transition:color .3s ease}.hr-quick-action-card-primary .hr-quick-action-card-title{color:#2b6cb0}.hr-quick-action-card-description{color:#718096;font-size:.875rem;font-weight:500;line-height:1.5;margin:0;transition:color .3s ease}.hr-quick-action-card-primary:hover .hr-quick-action-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2b6cb0,#4299e1);-webkit-background-clip:text;background-clip:text;color:#1a4d8c}.hr-quick-action-card-primary:hover .hr-quick-action-card-description{color:#4a5568}@keyframes hr-card-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hr-quick-action-card:focus{box-shadow:0 0 0 3px #4299e126,0 8px 25px #4299e11f,0 15px 35px #0000001a;outline:none}.hr-quick-action-card:focus-visible{outline:2px solid #4299e1;outline-offset:2px}.hr-quick-action-card:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}@media (max-width:768px){.hr-quick-action-card{border-radius:18px;gap:.875rem;padding:1.5rem}.hr-quick-action-card-icon{border-radius:16px;font-size:1.5rem;height:56px;width:56px}.hr-quick-action-card-title{font-size:1rem}.hr-quick-action-card-description{font-size:.8125rem}}@media (max-width:480px){.hr-quick-action-card{border-radius:16px;padding:1.25rem}.hr-quick-action-card-icon{border-radius:14px;font-size:1.25rem;height:48px;width:48px}}.hr-quick-action-card-loading{pointer-events:none}.hr-quick-action-card-loading:before{animation:hr-card-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#4299e11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}@keyframes hr-card-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hr-quick-action-card-success{animation:hr-card-success .6s ease-out}@keyframes hr-card-success{0%{box-shadow:0 0 0 0 #48bb7866}70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 0 0 #48bb7800}}.hrcd-hero-wrapper,.hrcd-hero-wrapper *{font-family:Raleway,sans-serif}.hrcd-hero-wrapper{margin-bottom:30px;width:100%}.hrcd-hero-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #c628281a;border-radius:16px;box-shadow:0 8px 24px #1e23301a;overflow:hidden;padding:30px;position:relative}.hrcd-hero-content-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;position:relative;z-index:2}.hrcd-hero-text-block{flex:1 1;min-width:300px}.hrcd-hero-heading{color:#1e2330;font-size:32px;font-weight:700;line-height:1.3;margin:0 0 12px}.hrcd-hero-username.hrcd-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c62828,#ff5252);-webkit-background-clip:text;background-clip:text;font-weight:800}.hrcd-hero-description{color:#1e2330;font-size:16px;font-weight:500;line-height:1.6;margin:0;opacity:.9}.hrcd-hero-description strong{color:#c62828;font-weight:700}.hrcd-hero-actions-wrapper{align-items:flex-end;display:flex;flex-direction:column;gap:15px}.hrcd-date-time-display{background:#fff;border:2px solid #1e23301a;border-radius:12px;box-shadow:0 4px 12px #1e23300d;min-width:200px;padding:15px 20px;text-align:center;transition:all .3s ease}.hrcd-date-time-display:hover{border-color:#c62828;box-shadow:0 6px 16px #c628281a;transform:translateY(-2px)}.hrcd-date-primary{color:#1e2330;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.hrcd-time-secondary{font-feature-settings:"tnum";color:#c62828;font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.hrcd-refresh-action-btn{align-items:center;background:linear-gradient(135deg,#c62828,#d32f2f);border:none;border-radius:10px;box-shadow:0 4px 12px #c6282833;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.hrcd-refresh-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 6px 20px #c628284d;transform:translateY(-2px)}.hrcd-refresh-action-btn:active:not(:disabled){transform:translateY(0)}.hrcd-refresh-action-btn:disabled{cursor:not-allowed;opacity:.6}.hrcd-refresh-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.hrcd-hero-background-layer{bottom:0;pointer-events:none;right:0}.hrcd-floating-orb{filter:blur(40px);opacity:.15}.hrcd-orb-one{animation:floatOrbOne 20s ease-in-out infinite;background:linear-gradient(135deg,#c62828,#0000 70%);height:200px;right:-50px;top:-100px;width:200px}.hrcd-orb-two{animation:floatOrbTwo 25s ease-in-out infinite;background:linear-gradient(135deg,#1e2330,#0000 70%);bottom:-50px;height:150px;width:150px}.hrcd-orb-three{animation:floatOrbThree 30s ease-in-out infinite;background:linear-gradient(135deg,#c6282880,#0000 70%);height:120px;width:120px}.hrcd-fade-in{animation:fadeIn 1s ease-out}.hrcd-slide-up{animation:slideUp .8s ease-out .2s both}.hrcd-scale-in{animation:scaleIn .6s ease-out .4s both}.hrcd-pulse{animation:pulse 2s ease-in-out infinite}.hrcd-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.hrcd-spin{animation:spin 1s linear infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatOrbOne{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,30px) rotate(90deg)}50%{transform:translateY(60px) rotate(180deg)}75%{transform:translate(-30px,30px) rotate(270deg)}}@keyframes floatOrbTwo{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-20px) scale(1.1)}66%{transform:translate(-20px,40px) scale(.9)}}@keyframes floatOrbThree{0%,to{transform:translate(0)}50%{transform:translate(50px,-30px)}}@media (max-width:768px){.hrcd-hero-content-area{flex-direction:column}.hrcd-hero-actions-wrapper{align-items:stretch;width:100%}.hrcd-date-time-display{min-width:auto}.hrcd-hero-heading{font-size:26px}}@media (max-width:480px){.hrcd-hero-container{padding:20px}.hrcd-hero-heading{font-size:22px}.hrcd-hero-description{font-size:14px}}.hrcd-quick-actions-menu{margin-top:20px;position:relative}.hrcd-menu-trigger-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 20px;transition:all .3s ease}.hrcd-menu-trigger-btn:hover{background:#ffffff4d;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.hrcd-menu-icon-spark{animation:hrcd-spark-pulse 2s ease-in-out infinite;font-size:18px}.hrcd-menu-arrow-down{font-size:12px;transition:transform .3s ease}.hrcd-quick-actions-menu:hover .hrcd-menu-arrow-down{transform:rotate(180deg)}.hrcd-menu-dropdown-panel{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;left:0;min-width:300px;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 12px);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:100}.hrcd-quick-actions-menu:hover .hrcd-menu-dropdown-panel{opacity:1;transform:translateY(0);visibility:visible}.hrcd-menu-action-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.hrcd-menu-action-item:last-child{border-bottom:none}.hrcd-menu-action-item:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.hrcd-menu-action-item:hover .hrcd-action-subtitle,.hrcd-menu-action-item:hover .hrcd-action-title{color:#fff}.hrcd-menu-action-item span[class*=icon]{flex-shrink:0;font-size:24px}.hrcd-action-title{color:#1a202c;font-size:15px;font-weight:600;margin-bottom:2px}.hrcd-action-subtitle{color:#718096;font-size:13px}.hrcd-menu-divider-line{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;margin:8px 0}.hrcd-hero-background-layer{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.hrcd-floating-orb{animation:hrcd-float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d,#0000);border-radius:50%;position:absolute}.hrcd-orb-one{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.hrcd-orb-two{animation-delay:5s;bottom:-100px;height:200px;left:10%;width:200px}.hrcd-orb-three{animation-delay:10s;height:250px;right:20%;top:50%;width:250px}.hrcd-loading-overlay{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:80px 20px}.hrcd-loading-spinner-ring{animation:hrcd-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.hrcd-loading-message{color:#4a5568;font-size:18px;font-weight:600;margin:0}.hrcd-loading-dots-animation{display:flex;gap:8px}.hrcd-loading-dots-animation span{animation:hrcd-bounce 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.hrcd-loading-dots-animation span:first-child{animation-delay:-.32s}.hrcd-loading-dots-animation span:nth-child(2){animation-delay:-.16s}.hrcd-metrics-grid-wrapper{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:32px}.hrcd-metric-card-box{min-height:140px}.hrcd-workspace-main-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-bottom:32px}.hrcd-activity-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00000014;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:28px}.hrcd-panel-header-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.hrcd-panel-title-container{align-items:center;display:flex;gap:12px}.hrcd-panel-heading{color:#1a202c;font-size:22px;font-weight:700;margin:0}.hrcd-live-status-dot{background:#48bb78;border-radius:50%;box-shadow:0 0 0 0 #48bb78b3;height:10px;width:10px}.hrcd-pulse-indicator{animation:hrcd-pulse-ring 2s infinite}.hrcd-panel-controls-group{align-items:center;display:flex;gap:12px}.hrcd-activity-count-badge{align-items:center;background:linear-gradient(135deg,#c62828,#c62828);border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 8px}.hrcd-filter-control-wrapper{position:relative}.hrcd-filter-toggle-button{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.hrcd-filter-toggle-button:hover{background:#edf2f7;border-color:#cbd5e0}.hrcd-filter-chevron{font-size:10px;transition:transform .3s ease}.hrcd-filter-control-wrapper:hover .hrcd-filter-chevron{transform:rotate(180deg)}.hrcd-filter-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 40px #0000001a;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:50}.hrcd-filter-control-wrapper:hover .hrcd-filter-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.hrcd-filter-option{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s ease}.hrcd-filter-option:hover{background:#f7fafc}.hrcd-option-selected{background:#edf2f7;color:#667eea;font-weight:600}.hrcd-option-check-indicator{border:2px solid #cbd5e0;border-radius:3px;height:12px;transition:all .2s ease;width:12px}.hrcd-option-selected .hrcd-option-check-indicator{background:#667eea;border-color:#667eea}.hrcd-hiring-color{background:#f6ad55;border-color:#f6ad55}.hrcd-onboarding-color{background:#4299e1;border-color:#4299e1}.hrcd-updates-color{background:#48bb78;border-color:#48bb78}.hrcd-activity-feed-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.hrcd-activity-feed-list::-webkit-scrollbar{width:6px}.hrcd-activity-feed-list::-webkit-scrollbar-track{background:#f7fafc;border-radius:10px}.hrcd-activity-feed-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.hrcd-activity-feed-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.hrcd-activity-item-wrapper{animation:hrcd-slide-in .5s ease-out backwards}.hrcd-empty-state-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.hrcd-empty-icon-large{font-size:64px;margin-bottom:16px;opacity:.4}.hrcd-empty-text-primary{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.hrcd-empty-text-secondary{color:#a0aec0;font-size:14px}.hrcd-quick-actions-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00000014;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:28px}.hrcd-actions-header-section{margin-bottom:24px}.hrcd-actions-title-group{align-items:center;display:flex;gap:12px}.hrcd-actions-heading{color:#1a202c;font-size:22px;font-weight:700;margin:0}.hrcd-actions-spark-icon{animation:hrcd-spark-pulse 2s ease-in-out infinite;font-size:24px}.hrcd-actions-grid-layout{grid-gap:16px;display:grid;gap:16px}.hrcd-action-card-wrapper{animation:hrcd-cascade .6s ease-out backwards}.hrcd-glass-card,.hrcd-glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d}.hrcd-glassmorphism-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #0000000f;border-radius:24px;box-shadow:0 8px 32px #00000014;padding:32px}.hrcd-employees-section{margin-bottom:32px}.hrcd-section-header-container{flex-wrap:wrap;gap:20px;margin-bottom:28px}.hrcd-section-title-area{gap:16px}.hrcd-section-heading{color:#1a202c;font-size:28px}.hrcd-employee-count-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;min-width:70px}.hrcd-count-number{font-size:24px;font-weight:700}.hrcd-count-label{font-size:11px;opacity:.9}.hrcd-header-actions-group{flex-wrap:wrap;gap:12px}.hrcd-view-selector-trigger{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;transition:all .2s ease}.hrcd-view-selector-trigger:hover{background:#edf2f7;border-color:#cbd5e0}.hrcd-view-arrow-indicator{font-size:10px}.hrcd-view-options-menu{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 40px #0000001a;min-width:180px;overflow:hidden;top:calc(100% + 8px);z-index:50}.hrcd-view-option-item{color:#4a5568;padding:12px 16px}.hrcd-view-option-item:hover{background:#f7fafc}.hrcd-view-active{background:#edf2f7;color:#667eea;font-weight:600}.hrcd-view-option-icon{font-size:18px}.hrcd-view-all-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #667eea4d;gap:8px;padding:10px 20px}.hrcd-view-all-button:hover{box-shadow:0 8px 24px #667eea66}.hrcd-employees-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:28px}.hrcd-employee-card-container{animation:hrcd-stagger .6s ease-out backwards}.hrcd-employee-card-inner{border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.hrcd-hover-lift:hover{border-color:#667eea;box-shadow:0 20px 50px #0000001f;transform:translateY(-8px)}.hrcd-employee-avatar-wrapper{align-items:flex-start;justify-content:space-between}.hrcd-employee-avatar-circle{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;font-size:28px;height:72px;width:72px}.hrcd-avatar-status-indicator{background:#48bb78}.hrcd-online-status{animation:hrcd-pulse-scale 2s infinite}.hrcd-presence-dot-indicator{animation:hrcd-pulse-ring 2s infinite;background:#48bb78;bottom:4px;height:16px;right:4px;width:16px}.hrcd-employee-actions-menu{position:relative}.hrcd-actions-menu-trigger{background:#f7fafc;border:1px solid #e2e8f0;transition:all .2s ease}.hrcd-actions-menu-trigger:hover{background:#edf2f7;border-color:#cbd5e0}.hrcd-actions-dots-icon{color:#4a5568;font-size:20px}.hrcd-actions-dropdown-menu{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 40px #00000026;min-width:200px;overflow:hidden;top:calc(100% + 8px);z-index:50}.hrcd-action-menu-item{color:#4a5568;padding:12px 16px}.hrcd-action-menu-item:hover{background:#f7fafc}.hrcd-danger-action{color:#e53e3e}.hrcd-danger-action:hover{background:#fff5f5}.hrcd-action-menu-item span[class*=icon]{font-size:18px}.hrcd-action-menu-divider{background:#e2e8f0}.hrcd-employee-name-text{color:#1a202c;font-size:20px;margin:0 0 6px}.hrcd-employee-role-text{color:#718096;font-size:15px}.hrcd-employee-department-tag,.hrcd-employee-id-tag{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.hrcd-employee-department-tag{background:#edf2f7;color:#4a5568}.hrcd-employee-id-tag{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.hrcd-employee-metadata-section{grid-gap:16px;background:#f7fafc;border-radius:12px;gap:16px;padding:16px}.hrcd-metadata-label{color:#a0aec0;font-size:12px}.hrcd-metadata-value{color:#4a5568;font-size:14px}.hrcd-status-badge{align-items:center;border-radius:6px;display:inline-flex;justify-content:center}.hrcd-status-active{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 0 0 0 #48bb78b3;color:#fff}.hrcd-pulse-glow{animation:hrcd-pulse-ring 2s infinite}.hrcd-card-actions-footer{gap:8px}.hrcd-profile-view-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-size:14px;padding:12px 20px}.hrcd-profile-view-btn:hover{box-shadow:0 8px 20px #667eea66}.hrcd-btn-icon-view{font-size:16px}.hrcd-card-hover-overlay{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:20px;height:100%;width:100%}.hrcd-employee-card-container:hover .hrcd-card-hover-overlay{opacity:1}.hrcd-empty-employees-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.hrcd-empty-icon-animated{font-size:80px;margin-bottom:24px;opacity:.5}.hrcd-empty-heading{color:#2d3748;font-size:24px}.hrcd-empty-description{color:#718096;font-size:16px;margin:0 0 28px}.hrcd-primary-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 16px #667eea4d;font-size:16px}.hrcd-primary-action-btn:hover{box-shadow:0 8px 28px #667eea66;transform:translateY(-3px)}.hrcd-btn-icon-add{font-size:20px}.hrcd-grid-footer-section{border-top:2px solid #e2e8f0;flex-wrap:wrap;gap:16px}.hrcd-footer-stats-display{flex-wrap:wrap}.hrcd-stat-item-display{color:#718096}.hrcd-stat-item-display strong{color:#2d3748;font-weight:700}.hrcd-export-action-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.hrcd-export-action-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.hrcd-btn-icon-export{font-size:16px}.hrcd-floating-action-button{bottom:32px;position:fixed;right:32px;z-index:1000}.hrcd-fab-main-button{align-items:center;background:linear-gradient(135deg,#c62828,#c62828);border:none;border-radius:50%;box-shadow:0 8px 24px #667eea66;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.hrcd-fab-main-button:hover{box-shadow:0 12px 32px #667eea80;transform:scale(1.1) rotate(90deg)}.hrcd-fab-icon-plus{color:#fff;font-size:32px;font-weight:300;transition:transform .3s ease}.hrcd-fab-menu-items{bottom:80px;display:flex;flex-direction:column;gap:12px;opacity:0;position:absolute;right:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.hrcd-floating-action-button:hover .hrcd-fab-menu-items{opacity:1;transform:translateY(0);visibility:visible}.hrcd-fab-menu-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50px;box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;gap:12px;padding:12px 20px 12px 12px;transition:all .3s ease;white-space:nowrap}.hrcd-fab-menu-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px #667eea4d;transform:translateX(-8px)}.hrcd-fab-menu-item:hover .hrcd-fab-item-label{color:#fff}.hrcd-fab-item-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.hrcd-fab-menu-item:hover .hrcd-fab-item-icon{background:#fff}.hrcd-fab-item-label{color:#2d3748;font-size:14px;font-weight:600;transition:color .3s ease}.hrcd-gradient-hover{overflow:hidden;position:relative}.hrcd-gradient-hover:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hrcd-gradient-hover:hover:before{left:100%}@keyframes hrcd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hrcd-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcd-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes hrcd-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes hrcd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hrcd-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes hrcd-float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-30px) translateX(20px)}66%{transform:translateY(15px) translateX(-15px)}}@keyframes hrcd-pulse-ring{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 0 0 #0000}}@keyframes hrcd-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes hrcd-spark-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes hrcd-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcd-stagger{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcd-cascade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hrcd-fade-in{animation:hrcd-fade-in .6s ease-out}.hrcd-slide-up{animation:hrcd-slide-up .6s ease-out .2s backwards}.hrcd-scale-in{animation:hrcd-scale-in .5s ease-out .3s backwards}.hrcd-bounce-in{animation:hrcd-bounce-in .6s ease-out .4s backwards}.hrcd-bounce-enter{animation:hrcd-bounce-in .6s ease-out}.hrcd-progressive-fade{animation:hrcd-fade-in .6s ease-out backwards}.hrcd-stagger-card{animation:hrcd-stagger .6s ease-out backwards}.hrcd-cascade-animate{animation:hrcd-cascade .6s ease-out backwards}.hrcd-spin{animation:hrcd-spin 1s linear infinite}.hrcd-pulse{animation:hrcd-pulse-scale 2s ease-in-out infinite}.hrcd-floating{animation:hrcd-float 3s ease-in-out infinite}.hrcd-energy-pulse{animation:hrcd-spark-pulse 2s ease-in-out infinite}@media (max-width:1200px){.hrcd-workspace-main-layout{grid-template-columns:1fr}.hrcd-quick-actions-panel{order:-1}}@media (max-width:992px){.hrcd-hero-wrapper{padding:32px 24px}.hrcd-hero-heading{font-size:28px}.hrcd-hero-description{font-size:16px}.hrcd-metrics-grid-wrapper{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hrcd-employees-grid-container{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.hrcd-hero-wrapper{border-radius:16px;padding:24px 16px}.hrcd-hero-actions-wrapper{flex-direction:column;width:100%}.hrcd-date-time-display{min-width:auto;width:100%}.hrcd-quick-actions-menu,.hrcd-refresh-action-btn{justify-content:center;width:100%}.hrcd-metrics-grid-wrapper{grid-template-columns:1fr}.hrcd-section-header-container{align-items:flex-start;flex-direction:column}.hrcd-header-actions-group{flex-direction:column;width:100%}.hrcd-view-all-button,.hrcd-view-selector-dropdown{width:100%}.hrcd-view-all-button{justify-content:center}.hrcd-employees-grid-container{grid-template-columns:1fr}.hrcd-activity-panel,.hrcd-glassmorphism-card,.hrcd-quick-actions-panel{padding:20px}.hrcd-grid-footer-section,.hrcd-panel-header-wrapper{align-items:flex-start;flex-direction:column}.hrcd-floating-action-button{bottom:20px;right:20px}.hrcd-fab-main-button{height:56px;width:56px}.hrcd-fab-icon-plus{font-size:28px}}@media (max-width:480px){.hrcd-hero-wrapper{padding:20px 12px}.hrcd-hero-heading{font-size:24px}.hrcd-hero-description{font-size:14px}.hrcd-section-heading{font-size:22px}.hrcd-actions-heading,.hrcd-panel-heading{font-size:18px}.hrcd-employee-card-inner{padding:16px}.hrcd-employee-avatar-circle{font-size:22px;height:56px;width:56px}.hrcd-employee-name-text{font-size:18px}.hrcd-employee-metadata-section{gap:12px;grid-template-columns:1fr}.hrcd-fab-menu-items{right:-8px}.hrcd-fab-menu-item{padding:10px 16px 10px 10px}.hrcd-fab-item-icon{font-size:16px;height:32px;width:32px}.hrcd-fab-item-label{font-size:13px}}@media print{.hrcd-card-actions-footer,.hrcd-employee-actions-menu,.hrcd-floating-action-button,.hrcd-hero-background-layer,.hrcd-quick-actions-menu,.hrcd-refresh-action-btn{display:none!important}.hrcd-hero-wrapper{background:#f7fafc;box-shadow:none}.hrcd-employee-card-inner{break-inside:avoid;page-break-inside:avoid}}.hrcd-actions-menu-trigger:focus,.hrcd-filter-toggle-button:focus,.hrcd-menu-trigger-btn:focus,.hrcd-refresh-action-btn:focus,.hrcd-view-selector-trigger:focus{outline:3px solid #667eea;outline-offset:2px}button:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.hrcd-employee-card-inner,.hrcd-hero-wrapper{border:2px solid #000}.hrcd-glass-card,.hrcd-glass-panel{background:#fff;border:2px solid #000}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hrcd-floating-orb{animation:none}}.hr-portal-quick-action-card{border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 2px 8px #00000014;max-width:320px;min-height:100px;padding:1.5rem}.hr-portal-quick-action-card:hover:not(.hr-portal-action-disabled):not(.hr-portal-action-loading){border-color:#0000;box-shadow:0 8px 25px #00000026}.hr-portal-quick-action-card:active:not(.hr-portal-action-disabled):not(.hr-portal-action-loading){transition-duration:.1s}.hr-portal-action-glow{background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px}.hr-portal-quick-action-card:hover .hr-portal-action-glow{opacity:.6}.hr-portal-action-content-wrapper{gap:1rem}.hr-portal-action-icon{border:1px solid #f1f3f4;border:1px solid var(--icon-border,#f1f3f4);flex-shrink:0;height:48px;width:48px}.hr-portal-action-content h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.hr-portal-action-content p{color:#666;font-size:.875rem;line-height:1.5;margin:0;opacity:.8}.hr-portal-action-arrow{background:#f8f9fa;border-radius:8px;flex-shrink:0;height:32px;width:32px}.hr-portal-quick-action-card:hover .hr-portal-action-arrow{background:#1a1a1a;transform:translateX(4px)}.hr-portal-action-blue{--icon-bg:#e3f2fd;--icon-bg-light:#f3f9ff;--icon-border:#bbdefb}.hr-portal-action-blue:hover{border-color:#2196f3}.hr-portal-action-green{--icon-bg:#e8f5e8;--icon-bg-light:#f4fbf4;--icon-border:#c8e6c9}.hr-portal-action-green:hover{border-color:#4caf50}.hr-portal-action-purple{--icon-bg:#f3e5f5;--icon-bg-light:#faf5fb;--icon-border:#e1bee7}.hr-portal-action-purple:hover{border-color:#9c27b0}.hr-portal-action-orange{--icon-bg:#fff3e0;--icon-bg-light:#fffaf5;--icon-border:#ffe0b2}.hr-portal-action-orange:hover{border-color:#ff9800}.hr-portal-action-disabled{opacity:.6;transform:none!important}.hr-portal-action-disabled:hover{border-color:#e1e5e9!important;box-shadow:0 2px 8px #00000014!important}.hr-portal-action-loading{cursor:wait}.hr-portal-action-spinner{border-radius:16px}.hr-portal-spinner-circle{animation:hr-portal-spin 1s linear infinite;border:2px solid #f3f3f3;border-top-color:#2196f3;height:24px;width:24px}@keyframes hr-portal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hr-portal-quick-action-card:focus{box-shadow:0 0 0 3px #2196f31a;outline:none}.hr-portal-quick-action-card:focus-visible{outline:2px solid #2196f3;outline-offset:2px}@media (max-width:768px){.hr-portal-quick-action-card{min-height:88px;padding:1.25rem}.hr-portal-action-icon{height:40px;width:40px}.hr-portal-action-content h4{font-size:1rem}.hr-portal-action-content p{font-size:.8rem}}.hr-portal-stat-tile{border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 2px 12px #0000000f;min-height:140px;padding:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.hr-portal-stat-clickable:hover{border-color:#0000;box-shadow:0 12px 40px #00000026;transform:translateY(-6px)}.hr-portal-stat-clickable:active{transform:translateY(-3px);transition-duration:.1s}.hr-portal-stat-clickable:focus{box-shadow:0 0 0 3px #2196f326}.hr-portal-stat-clickable:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hr-portal-stat-small{min-height:120px;padding:1.25rem}.hr-portal-stat-medium{min-height:140px;padding:1.5rem}.hr-portal-stat-large{min-height:160px;padding:2rem}.hr-portal-stat-glow-effect{background:linear-gradient(90deg,#0000,#fff6,#0000);left:-100%;transition:left .6s ease;width:100%}.hr-portal-stat-clickable:hover .hr-portal-stat-glow-effect{left:100%}.hr-portal-stat-inner{gap:1rem;height:100%}.hr-portal-stat-icon{background:linear-gradient(135deg,#f8f9fa,#fff);background:linear-gradient(135deg,var(--stat-icon-bg,#f8f9fa),var(--stat-icon-bg-light,#fff));border:1px solid #f1f3f4;border:1px solid var(--stat-icon-border,#f1f3f4);border-radius:14px;position:relative;z-index:2}.hr-portal-stat-clickable:hover .hr-portal-stat-icon{transform:scale(1.1) rotate(5deg)}.hr-portal-stat-pulse{animation:hr-portal-stat-pulse 2s infinite;background:#e3f2fd;background:var(--stat-pulse-color,#e3f2fd);border-radius:16px}@keyframes hr-portal-stat-pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.hr-portal-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.hr-portal-stat-small .hr-portal-stat-value{font-size:1.5rem}.hr-portal-stat-large .hr-portal-stat-value{font-size:2.5rem}.hr-portal-stat-label{color:#666;font-size:.9rem;font-weight:500;line-height:1.4;margin:0 0 .75rem}.hr-portal-stat-trend{background:#f8f9fa;background:var(--trend-bg,#f8f9fa);border-radius:8px;font-size:.8rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.hr-portal-stat-trend-positive{--trend-bg:#e8f5e8}.hr-portal-stat-trend-negative{--trend-bg:#ffebee}.hr-portal-stat-trend-neutral{--trend-bg:#f3f3f3;color:#666}.hr-portal-stat-trend-icon{font-size:.7rem}.hr-portal-stat-arrow{background:#f8f9fa;border-radius:8px;color:#666;flex-shrink:0;margin-left:auto}.hr-portal-stat-clickable:hover .hr-portal-stat-arrow{background:#1a1a1a;color:#fff;transform:translateX(4px)}.hr-portal-stat-progress-bar{background:#f0f0f0;height:3px}.hr-portal-stat-progress-fill{background:linear-gradient(90deg,#2196f3,#64b5f6);background:linear-gradient(90deg,var(--progress-color,#2196f3),var(--progress-color-light,#64b5f6));border-radius:0 2px 2px 0;transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}.hr-portal-stat-blue{--stat-icon-bg:#e3f2fd;--stat-icon-bg-light:#f3f9ff;--stat-icon-border:#bbdefb;--stat-pulse-color:#e3f2fd;--progress-color:#2196f3;--progress-color-light:#64b5f6}.hr-portal-stat-green{--stat-icon-bg:#e8f5e8;--stat-icon-bg-light:#f4fbf4;--stat-icon-border:#c8e6c9;--stat-pulse-color:#e8f5e8;--progress-color:#4caf50;--progress-color-light:#81c784}.hr-portal-stat-purple{--stat-icon-bg:#f3e5f5;--stat-icon-bg-light:#faf5fb;--stat-icon-border:#e1bee7;--stat-pulse-color:#f3e5f5;--progress-color:#9c27b0;--progress-color-light:#ba68c8}.hr-portal-stat-orange{--stat-icon-bg:#fff3e0;--stat-icon-bg-light:#fffaf5;--stat-icon-border:#ffe0b2;--stat-pulse-color:#fff3e0;--progress-color:#ff9800;--progress-color-light:#ffb74d}.hr-portal-stat-skeleton{align-items:flex-start;display:flex;gap:1rem;height:100%}.hr-portal-skeleton-icon{animation:hr-portal-skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:14px;height:56px;width:56px}.hr-portal-skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.hr-portal-skeleton-value{border-radius:6px;height:2rem;width:60%}.hr-portal-skeleton-label,.hr-portal-skeleton-value{animation:hr-portal-skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.hr-portal-skeleton-label{border-radius:4px;height:1rem;width:80%}@keyframes hr-portal-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.hr-portal-stat-tile{min-height:120px;padding:1.25rem}.hr-portal-stat-icon{height:48px;width:48px}.hr-portal-stat-value{font-size:1.75rem}.hr-portal-stat-label{font-size:.85rem}}.hr-portal-activity-stream-item{animation:hr-portal-activity-appear .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--animation-delay);border:1px solid #f8f9fa;border-radius:16px;display:flex;gap:1rem;margin-bottom:.75rem;opacity:0;padding:1.25rem 1.5rem;transform:translateY(20px)}.hr-portal-activity-stream-item:last-child{margin-bottom:0}.hr-portal-activity-clickable{cursor:pointer}.hr-portal-activity-clickable:hover{border-color:#e9ecef;box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.hr-portal-activity-clickable:active{transform:translateY(0);transition-duration:.1s}.hr-portal-activity-clickable:focus{box-shadow:0 0 0 3px #2196f31a;outline:none}.hr-portal-activity-clickable:focus-visible{outline:2px solid #2196f3;outline-offset:2px}.hr-portal-activity-timeline{left:2.5rem}.hr-portal-activity-timeline-line{background:linear-gradient(180deg,#0000,#e9ecef 20%,#e9ecef 80%,#0000);left:50%;transform:translateX(-50%)}.hr-portal-activity-stream-item:first-child .hr-portal-activity-timeline-line{background:linear-gradient(180deg,#e9ecef,#e9ecef 80%,#0000)}.hr-portal-activity-stream-item:last-child .hr-portal-activity-timeline-line{background:linear-gradient(180deg,#0000,#e9ecef 20%,#e9ecef)}.hr-portal-activity-indicator{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;position:relative;width:24px}.hr-portal-activity-dot{background:#6c757d;background:var(--activity-color,#6c757d);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #6c757d;box-shadow:0 0 0 2px var(--activity-color,#6c757d);height:12px;position:relative;transition:all .3s ease;width:12px;z-index:2}.hr-portal-activity-dot-inner{background:#fff;border-radius:50%;height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.hr-portal-activity-clickable:hover .hr-portal-activity-dot{transform:scale(1.2)}.hr-portal-activity-ripple{animation:hr-portal-activity-ripple 2s infinite;background:#6c757d;background:var(--activity-color,#6c757d);border-radius:50%;height:24px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.hr-portal-activity-new .hr-portal-activity-ripple{animation:hr-portal-activity-ripple 1s infinite}.hr-portal-activity-new-badge{align-items:center;animation:hr-portal-activity-pulse 2s infinite;background:#f44;border:2px solid #fff;border-radius:50%;display:flex;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.hr-portal-activity-new-badge span{color:#fff;font-size:8px;line-height:1}.hr-portal-activity-content{flex:1 1;min-width:0}.hr-portal-activity-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.hr-portal-activity-action-wrapper{align-items:center;display:flex;flex:1 1;gap:.5rem}.hr-portal-activity-action{color:#1a1a1a;font-size:.95rem;font-weight:600;line-height:1.4}.hr-portal-activity-priority-badge{align-items:center;animation:hr-portal-activity-pulse 1.5s infinite;background:#f44;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;width:18px}.hr-portal-activity-time-wrapper{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.hr-portal-activity-time{color:#6c757d;font-size:.8rem;font-weight:500;white-space:nowrap}.hr-portal-activity-duration{background:#f8f9fa;border-radius:4px;color:#8d8d8d;font-size:.75rem;padding:.1rem .4rem}.hr-portal-activity-body{display:flex;flex-direction:column;gap:.75rem}.hr-portal-activity-person-info{align-items:center;display:flex;gap:.75rem}.hr-portal-activity-person{color:#495057;font-size:.9rem;font-weight:500}.hr-portal-activity-avatar{align-items:center;background:#e9ecef;border-radius:50%;color:#6c757d;display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;width:24px}.hr-portal-activity-description{color:#666;font-size:.85rem}.hr-portal-activity-meta{display:flex;flex-wrap:wrap;gap:.75rem}.hr-portal-activity-meta-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:.8rem;gap:.4rem;padding:.3rem .6rem}.hr-portal-activity-meta-icon{font-size:.7rem;opacity:.7}.hr-portal-activity-department,.hr-portal-activity-location,.hr-portal-activity-role{color:#495057;font-weight:500}.hr-portal-activity-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.hr-portal-activity-action-btn{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.hr-portal-activity-action-btn:hover{background:#f8f9fa;border-color:#ced4da;transform:translateY(-1px)}.hr-portal-activity-action-view{background:#007bff;border-color:#007bff}.hr-portal-activity-action-view:hover{background:#0056b3;border-color:#0056b3}.hr-portal-activity-action-arrow{transition:transform .2s ease}.hr-portal-activity-action-btn:hover .hr-portal-activity-action-arrow{transform:translateX(2px)}.hr-portal-activity-hire{--activity-color:#28a745}.hr-portal-activity-update{--activity-color:#17a2b8}.hr-portal-activity-leave{--activity-color:#ffc107}.hr-portal-activity-promotion{--activity-color:#6f42c1}.hr-portal-activity-termination{--activity-color:#dc3545}.hr-portal-activity-training{--activity-color:#20c997}.hr-portal-activity-high{background:linear-gradient(90deg,#fff5f5,#fff);border-left:3px solid #dc3545}.hr-portal-activity-medium{background:linear-gradient(90deg,#fffbf0,#fff);border-left:3px solid #ffc107}.hr-portal-activity-low{background:linear-gradient(90deg,#f0fff4,#fff);border-left:3px solid #28a745}.hr-portal-activity-new{background:linear-gradient(90deg,#f8f9ff,#fff);border-color:#e3f2fd}.hr-portal-activity-read{opacity:.8}.hr-portal-activity-read .hr-portal-activity-action{font-weight:500}.hr-portal-activity-compact{gap:.75rem;padding:.875rem 1rem}.hr-portal-activity-compact .hr-portal-activity-header{margin-bottom:.25rem}.hr-portal-activity-compact .hr-portal-activity-action{font-size:.875rem}.hr-portal-activity-compact .hr-portal-activity-person{font-size:.825rem}@keyframes hr-portal-activity-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hr-portal-activity-ripple{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes hr-portal-activity-pulse{0%,to{opacity:1}50%{opacity:.6}}.hr-portal-activity-hover-effect{background:linear-gradient(90deg,#0000,#2196f305,#0000);border-radius:16px}.hr-portal-activity-clickable:hover .hr-portal-activity-hover-effect{opacity:1}@media (max-width:768px){.hr-portal-activity-stream-item{gap:.75rem;padding:1rem}.hr-portal-activity-header{align-items:flex-start;flex-direction:column;gap:.5rem}.hr-portal-activity-time-wrapper{align-items:flex-start}.hr-portal-activity-meta{gap:.5rem}.hr-portal-activity-actions{flex-direction:column}.hr-portal-activity-action-btn{justify-content:center}}.hr-portal-stat-tile,.hr-portal-stat-tile *{font-family:Raleway,sans-serif}.hr-portal-stat-tile{background:#fff;border:2px solid #1e23301a;border-radius:14px;display:flex;flex-direction:column;min-height:160px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hr-portal-stat-tile:hover{border-color:#c62828;box-shadow:0 12px 28px #c6282826;transform:translateY(-4px)}.hr-portal-stat-clickable{cursor:pointer}.hr-portal-stat-clickable:focus{box-shadow:0 0 0 3px #c6282833;outline:none}.hr-portal-stat-large{min-height:180px;padding:28px}.hr-portal-stat-small{min-height:140px;padding:20px}.hr-portal-stat-primary{border-left:4px solid #c62828}.hr-portal-stat-secondary{border-left:4px solid #1e2330}.hr-portal-stat-accent{border-left:4px solid #c62828}.hr-portal-stat-info{border-left:4px solid #1e2330}.hr-portal-stat-glow-effect{background:linear-gradient(135deg,#0000,#c6282808);height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hr-portal-stat-tile:hover .hr-portal-stat-glow-effect{opacity:1}.hr-portal-stat-particles{background-image:radial-gradient(#c62828 1px,#0000 0);background-size:20px 20px;bottom:0;left:0;opacity:.02;pointer-events:none;position:absolute;right:0;top:0}.hr-portal-stat-inner{align-items:flex-start;display:flex;flex:1 1;gap:16px;position:relative;z-index:2}.hr-portal-stat-icon-wrapper{flex-shrink:0;position:relative}.hr-portal-stat-icon{align-items:center;background:#1e23300d;border-radius:12px;color:#1e2330;display:flex;font-size:28px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.hr-portal-stat-tile:hover .hr-portal-stat-icon{background:#c628281a;transform:scale(1.1)}.hr-portal-stat-pulse{background:#c628281a;border-radius:50%;height:64px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:64px}.hr-portal-stat-pulse-active{animation:statPulse 1.5s ease-out infinite}@keyframes statPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.hr-portal-stat-content{flex:1 1;min-width:0}.hr-portal-stat-value{color:#1e2330;font-size:36px;font-weight:800;line-height:1;margin:0 0 4px}.hr-portal-stat-large .hr-portal-stat-value{font-size:42px}.hr-portal-stat-small .hr-portal-stat-value{font-size:32px}.hr-portal-stat-label{color:#1e2330;font-size:14px;font-weight:600;margin:0 0 8px;opacity:.8}.hr-portal-stat-trend{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-top:4px;padding:4px 10px}.hr-portal-stat-trend-positive{background:#4caf501a;color:#2e7d32}.hr-portal-stat-trend-negative{background:#f443361a;color:#c62828}.hr-portal-stat-trend-icon{font-size:10px}.hr-portal-stat-arrow{align-items:center;background:#c628281a;border-radius:50%;bottom:20px;color:#c62828;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;opacity:0;position:absolute;right:20px;transform:translateX(-10px);transition:all .3s ease;width:32px}.hr-portal-stat-arrow-active{opacity:1;transform:translateX(0)}.hr-portal-stat-tile:hover .hr-portal-stat-arrow{background:#c62828;color:#fff}.hr-portal-stat-progress-bar{background:#1e23301a;border-radius:0 0 12px 12px;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.hr-portal-stat-progress-fill{background:linear-gradient(90deg,#c62828,#ff5252);border-radius:0 0 12px 12px;height:100%}.hr-portal-stat-loading{pointer-events:none}.hr-portal-stat-loading-spinner{animation:statSpin 1s linear infinite;border:3px solid #c628281a;border-radius:50%;border-top-color:#c62828;height:24px;width:24px}@keyframes statSpin{to{transform:rotate(1turn)}}.hr-portal-stat-skeleton{animation:skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#1e23301a 25%,#1e23300d 50%,#1e23301a 75%);background-size:200% 100%;border-radius:4px}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hr-portal-stat-skeleton-value{height:40px;margin-bottom:12px;width:60%}.hr-portal-stat-skeleton-label{height:16px;width:80%}@media (max-width:768px){.hr-portal-stat-tile{min-height:140px;padding:20px}.hr-portal-stat-icon{font-size:24px;height:48px;width:48px}.hr-portal-stat-value{font-size:32px}.hr-portal-stat-inner{gap:12px}}.hr-portal-activity-stream-item,.hr-portal-activity-stream-item *{font-family:Raleway,sans-serif}.hr-portal-activity-stream-item{animation:slideIn .5s ease-out var(--animation-delay) both;background:#fff;border:2px solid #1e23301a;border-radius:12px;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hr-portal-activity-stream-item:hover{border-color:#c62828;box-shadow:0 8px 24px #c6282826;transform:translateX(5px)}.hr-portal-activity-stream-item.hr-portal-activity-clickable{cursor:pointer}.hr-portal-activity-stream-item.hr-portal-activity-clickable:hover{background:#c6282805}.hr-portal-activity-success{border-left:4px solid #c62828}.hr-portal-activity-warning{border-left:4px solid #ff9800}.hr-portal-activity-error{border-left:4px solid #c62828}.hr-portal-activity-info{border-left:4px solid #2196f3}.hr-portal-activity-high{border-top:3px solid #c62828}.hr-portal-activity-medium{border-top:3px solid #ff9800}.hr-portal-activity-low{border-top:3px solid #4caf50}.hr-portal-activity-new{background:linear-gradient(90deg,#c628280d,#fff);border:2px solid #c628284d}.hr-portal-activity-new:before{background:#c62828;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.hr-portal-activity-timeline{background:#1e23301a;bottom:0;left:24px;position:absolute;top:0;width:2px}.hr-portal-activity-timeline-line{background:linear-gradient(180deg,#c62828,#0000);height:100%;left:0;position:absolute;top:0;width:2px}.hr-portal-activity-timeline-marker{background:#c62828;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #c6282833;height:10px;left:-4px;position:absolute;top:30px;width:10px}.hr-portal-activity-card{position:relative;z-index:2}.hr-portal-activity-card-header{align-items:center;border-bottom:1px solid #1e23301a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.hr-portal-activity-type-section{align-items:center;display:flex;gap:10px}.hr-portal-activity-type-icon{align-items:center;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.hr-portal-activity-type-success{background:#4caf501a;color:#4caf50}.hr-portal-activity-type-warning{background:#ff98001a;color:#ff9800}.hr-portal-activity-type-error{background:#c628281a;color:#c62828}.hr-portal-activity-type-info{background:#2196f31a;color:#2196f3}.hr-portal-activity-type-badge{background:#1e23300d;border-radius:20px;color:#1e2330;font-size:12px;font-weight:600;padding:4px 12px}.hr-portal-activity-time-section{align-items:center;display:flex;flex-direction:column;gap:4px}.hr-portal-activity-time-ago{align-items:center;color:#1e2330;display:flex;font-size:13px;font-weight:500;gap:6px}.hr-portal-activity-clock-icon{font-size:12px}.hr-portal-activity-date{color:#666;font-size:11px;font-weight:400}.hr-portal-activity-header-actions{align-items:center;display:flex;gap:8px}.hr-portal-activity-new-indicator{position:relative}.hr-portal-new-dot{animation:pulseDot 2s infinite;background:#c62828;border-radius:50%;display:inline-block;height:8px;width:8px}.hr-portal-activity-important-icon{color:#ffc107;cursor:pointer;transition:transform .2s ease}.hr-portal-activity-important-icon:hover{transform:scale(1.2)}.hr-portal-activity-user-section{align-items:center;display:flex;gap:12px;margin-bottom:16px}.hr-portal-activity-user-avatar{flex-shrink:0;position:relative}.hr-portal-activity-avatar-initials{align-items:center;background:linear-gradient(135deg,#1e2330,#2d3748);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.hr-portal-activity-user-status{border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.hr-portal-status-online{background:#4caf50}.hr-portal-status-offline{background:#9e9e9e}.hr-portal-status-away{background:#ff9800}.hr-portal-activity-user-info{flex:1 1}.hr-portal-activity-user-main{align-items:center;display:flex;gap:8px;margin-bottom:4px}.hr-portal-activity-person-name{color:#1e2330;font-size:16px;font-weight:700}.hr-portal-activity-user-role{background:#c628281a;border-radius:12px;color:#c62828;font-size:11px;font-weight:600;padding:2px 8px}.hr-portal-activity-user-department{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.hr-portal-department-icon{font-size:12px}.hr-portal-activity-action-section{margin-bottom:16px}.hr-portal-activity-action-title{color:#1e2330;font-size:18px;font-weight:700;margin:0 0 8px}.hr-portal-activity-description-wrapper{position:relative}.hr-portal-activity-description{color:#1e2330;font-size:14px;line-height:1.5;margin:0;opacity:.9}.hr-portal-activity-expand-btn{align-items:center;background:none;border:none;color:#c62828;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-top:8px}.hr-portal-activity-expand-btn:after{content:"›";transition:transform .3s ease}.hr-portal-activity-expand-btn:hover:after{transform:rotate(90deg)}.hr-portal-activity-details-section{background:#1e233005;border:1px solid #1e23300d;border-radius:8px;margin:16px 0;padding:16px}.hr-portal-activity-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hr-portal-activity-details-header h5{color:#1e2330;font-size:14px;font-weight:700;margin:0}.hr-portal-activity-details-badge{font-size:16px}.hr-portal-activity-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hr-portal-activity-detail-item{align-items:center;display:flex;gap:10px}.hr-portal-activity-detail-icon{align-items:center;background:#c628281a;border-radius:8px;color:#c62828;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.hr-portal-activity-detail-content{flex:1 1}.hr-portal-activity-detail-label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:2px}.hr-portal-activity-detail-value{color:#1e2330;display:block;font-size:14px;font-weight:600}.hr-portal-activity-status-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.hr-portal-status-active{background:#4caf501a;color:#4caf50}.hr-portal-status-inactive{background:#9e9e9e1a;color:#9e9e9e}.hr-portal-status-pending{background:#ff98001a;color:#ff9800}.hr-portal-activity-attachments-section{margin:16px 0}.hr-portal-activity-attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hr-portal-activity-attachments-header h5{color:#1e2330;font-size:14px;font-weight:700;margin:0}.hr-portal-activity-attachments-list{display:flex;flex-direction:column;gap:8px}.hr-portal-activity-attachment-item{align-items:center;background:#fff;border:1px solid #1e23301a;border-radius:8px;display:flex;gap:12px;padding:10px;transition:all .3s ease}.hr-portal-activity-attachment-item:hover{background:#c6282805;border-color:#c62828}.hr-portal-attachment-icon{font-size:20px}.hr-portal-attachment-info{flex:1 1}.hr-portal-attachment-name{color:#1e2330;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.hr-portal-attachment-size{color:#666;display:block;font-size:11px}.hr-portal-attachment-download-btn{background:none;border:none;border-radius:4px;color:#c62828;cursor:pointer;font-size:16px;padding:4px;transition:all .3s ease}.hr-portal-attachment-download-btn:hover{background:#c628281a}.hr-portal-activity-tags-section{margin:16px 0}.hr-portal-activity-tags-list{display:flex;flex-wrap:wrap;gap:8px}.hr-portal-activity-tag{background:#1e23300d;border-radius:16px;color:#1e2330;font-size:11px;font-weight:600;padding:4px 10px}.hr-portal-activity-progress-section{margin:16px 0}.hr-portal-activity-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hr-portal-activity-progress-label{color:#1e2330;font-size:14px;font-weight:700}.hr-portal-activity-progress-percentage{color:#c62828;font-size:14px;font-weight:700}.hr-portal-activity-progress-bar{background:#1e23301a;border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.hr-portal-activity-progress-fill{background:linear-gradient(90deg,#c62828,#ff5252);border-radius:3px;height:100%;transition:width .5s ease}.hr-portal-activity-progress-steps{display:flex;justify-content:space-between;position:relative}.hr-portal-activity-progress-step{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.hr-portal-step-indicator{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.hr-portal-step-completed .hr-portal-step-indicator{background:#4caf50;color:#fff}.hr-portal-step-current .hr-portal-step-indicator{animation:pulse 2s infinite;background:#c62828;color:#fff}.hr-portal-step-pending .hr-portal-step-indicator{background:#1e23301a;color:#666}.hr-portal-step-label{color:#666;font-size:11px;max-width:80px;text-align:center}.hr-portal-activity-comments-section{margin:16px 0}.hr-portal-activity-comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hr-portal-activity-comments-header h5{color:#1e2330;font-size:14px;font-weight:700;margin:0}.hr-portal-activity-add-comment-btn{align-items:center;background:none;border:none;color:#c62828;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px}.hr-portal-activity-comments-list{display:flex;flex-direction:column;gap:12px}.hr-portal-activity-comment-item{display:flex;gap:12px}.hr-portal-comment-avatar{align-items:center;background:#1e23301a;border-radius:50%;color:#1e2330;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.hr-portal-comment-content{background:#1e233005;border-radius:8px;flex:1 1;padding:12px}.hr-portal-comment-header{display:flex;justify-content:space-between;margin-bottom:6px}.hr-portal-comment-user{color:#1e2330;font-size:13px;font-weight:600}.hr-portal-comment-time{color:#666;font-size:11px}.hr-portal-comment-text{color:#1e2330;font-size:13px;line-height:1.4;margin:0}.hr-portal-activity-view-all-comments{background:none;border:none;color:#c62828;cursor:pointer;font-size:12px;font-weight:600;padding:8px;text-align:left}.hr-portal-activity-card-footer{align-items:center;border-top:1px solid #1e23301a;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.hr-portal-activity-action-buttons{display:flex;gap:10px}.hr-portal-activity-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.hr-portal-activity-action-view{background:#c62828;color:#fff}.hr-portal-activity-action-view:hover{background:#b71c1c;transform:translateY(-2px)}.hr-portal-activity-custom-action-btn{align-items:center;background:#1e23300d;border:none;border-radius:6px;color:#1e2330;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.hr-portal-activity-custom-action-btn:hover{background:#c628281a;color:#c62828}.hr-portal-activity-utility-actions{align-items:center;display:flex;gap:8px}.hr-portal-activity-archive-btn,.hr-portal-activity-mark-read-btn,.hr-portal-activity-options-btn,.hr-portal-activity-share-btn{align-items:center;background:#1e23300d;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.hr-portal-activity-mark-read-btn:hover{background:#4caf501a;color:#4caf50}.hr-portal-activity-archive-btn:hover{background:#ff98001a;color:#ff9800}.hr-portal-activity-share-btn:hover{background:#2196f31a;color:#2196f3}.hr-portal-activity-options-btn:hover{background:#c628281a;color:#c62828}.hr-portal-activity-hover-effect{background:linear-gradient(135deg,#c6282808,#0000);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.hr-portal-activity-stream-item:hover .hr-portal-activity-hover-effect{opacity:1}.hr-portal-activity-glow-effect{background:radial-gradient(circle at center,#c628281a 0,#0000 70%);bottom:-10px;left:-10px;opacity:0;pointer-events:none;position:absolute;right:-10px;top:-10px;transition:opacity .3s ease}.hr-portal-activity-stream-item:hover .hr-portal-activity-glow-effect{opacity:.5}.hr-portal-activity-pulse-effect{border:2px solid #0000;border-radius:12px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.hr-portal-activity-new .hr-portal-activity-pulse-effect{animation:borderPulse 2s infinite}@keyframes borderPulse{0%,to{border-color:#c628284d}50%{border-color:#c628281a}}.hr-portal-activity-compact{padding:12px}.hr-portal-activity-compact .hr-portal-activity-card-content{display:none}.hr-portal-activity-compact .hr-portal-activity-card-footer{margin-top:12px;padding-top:12px}.hr-portal-activity-archived{background:#1e233005;opacity:.7}.hr-portal-activity-archived:hover{opacity:1}.hr-portal-activity-important{background:linear-gradient(90deg,#ffc1070d,#fff);border:2px solid #ffc1074d}@media (max-width:768px){.hr-portal-activity-stream-item{padding:16px}.hr-portal-activity-card-header{align-items:flex-start;flex-direction:column;gap:12px}.hr-portal-activity-header-actions{justify-content:flex-end;width:100%}.hr-portal-activity-details-grid{grid-template-columns:1fr}.hr-portal-activity-card-footer{flex-direction:column;gap:12px}.hr-portal-activity-action-buttons{flex-wrap:wrap;width:100%}.hr-portal-activity-utility-actions{justify-content:flex-end;width:100%}}.hr-portal-quick-action-card,.hr-portal-quick-action-card *{font-family:Raleway,sans-serif}.hr-portal-quick-action-card{align-items:center;background:#fff;border:2px solid #1e23301a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:120px;overflow:hidden;padding:24px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hr-portal-quick-action-card:hover:not(.hr-portal-action-disabled):not(.hr-portal-action-loading){border-color:#c62828;box-shadow:0 12px 28px #c6282826;transform:translateY(-4px)}.hr-portal-quick-action-card:active:not(.hr-portal-action-disabled):not(.hr-portal-action-loading){transform:translateY(-2px)}.hr-portal-action-primary{border-left:4px solid #c62828}.hr-portal-action-secondary{border-left:4px solid #1e2330}.hr-portal-action-accent{border-left:4px solid #c62828}.hr-portal-action-info{border-left:4px solid #1e2330}.hr-portal-action-outline{background:#0000;border:2px solid #1e233033}.hr-portal-action-outline.hr-portal-action-primary{border-color:#c628284d}.hr-portal-action-outline.hr-portal-action-secondary{border-color:#1e23304d}.hr-portal-action-gradient{background:linear-gradient(135deg,#fff,#f8f9fa);border:none;box-shadow:0 4px 16px #1e23301a}.hr-portal-action-minimal{background:#0000;border:1px solid #1e23300d;box-shadow:none}.hr-portal-action-minimal:hover{background:#c6282805}.hr-portal-action-glow{background:linear-gradient(135deg,#c6282808,#0000);height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.hr-portal-quick-action-card:hover .hr-portal-action-glow{opacity:1}.hr-portal-action-new-pulse{animation:actionPulse 2s ease-in-out infinite;background:#c62828;border-radius:50%;height:20px;position:absolute;right:-10px;top:-10px;width:20px}@keyframes actionPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.hr-portal-action-notification-badge{align-items:center;animation:badgeBounce .5s ease;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px;z-index:2}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hr-portal-action-custom-badge{background:#1e23301a;border-radius:12px;color:#1e2330;font-size:11px;font-weight:600;left:12px;padding:4px 10px;position:absolute;top:12px;z-index:2}.hr-portal-action-loading{opacity:.7;pointer-events:none}.hr-portal-action-spinner{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.hr-portal-spinner-circle{animation:spin 1s linear infinite;border:3px solid #c628281a;border-radius:50%;border-top-color:#c62828;height:40px;margin-bottom:10px;width:40px}.hr-portal-spinner-text{color:#1e2330;font-size:12px;font-weight:600}.hr-portal-action-content-wrapper{align-items:center;display:flex;gap:20px;position:relative;width:100%;z-index:2}.hr-portal-action-icon-container{flex-shrink:0;position:relative}.hr-portal-action-icon-backdrop{background:#1e23300d;border-radius:12px;height:56px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:56px}.hr-portal-action-primary .hr-portal-action-icon-backdrop{background:#c628281a}.hr-portal-action-secondary .hr-portal-action-icon-backdrop{background:#1e23301a}.hr-portal-quick-action-card:hover .hr-portal-action-icon-backdrop{transform:translate(-50%,-50%) scale(1.1)}.hr-portal-action-icon{align-items:center;border-radius:12px;color:#1e2330;display:flex;font-size:28px;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px;z-index:1}.hr-portal-action-primary .hr-portal-action-icon{color:#c62828}.hr-portal-quick-action-card:hover .hr-portal-action-icon{transform:scale(1.1)}.hr-portal-action-icon-glow{background:radial-gradient(circle,#c628281a 0,#0000 70%);border-radius:50%;height:64px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:64px}.hr-portal-quick-action-card:hover .hr-portal-action-icon-glow{opacity:1}.hr-portal-action-content{flex:1 1;min-width:0}.hr-portal-action-title-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.hr-portal-action-title{color:#1e2330;font-size:18px;font-weight:700;line-height:1.2;margin:0}.hr-portal-action-new-label{animation:newLabelPulse 2s infinite;background:#c62828;border-radius:10px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}@keyframes newLabelPulse{0%,to{opacity:1}50%{opacity:.7}}.hr-portal-action-description{color:#1e2330;font-size:14px;line-height:1.5;margin:0;opacity:.8}.hr-portal-action-progress{margin-top:12px}.hr-portal-action-progress-bar{background:#1e23301a;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.hr-portal-action-progress-fill{background:linear-gradient(90deg,#c62828,#ff5252);border-radius:2px;height:100%;transition:width .5s ease}.hr-portal-action-progress-text{color:#666;font-size:11px;font-weight:600}.hr-portal-action-arrow-container{flex-shrink:0;position:relative}.hr-portal-action-arrow{align-items:center;background:#1e23300d;border-radius:50%;color:#1e2330;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hr-portal-action-primary .hr-portal-action-arrow{background:#c628281a;color:#c62828}.hr-portal-quick-action-card:hover .hr-portal-action-arrow{background:#c62828;color:#fff;transform:translateX(5px)}.hr-portal-action-hover-text{background:#1e2330e6;border-radius:6px;color:#fff;font-size:12px;font-weight:600;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.hr-portal-quick-action-card:hover .hr-portal-action-hover-text{opacity:1;transform:translateY(-50%) translateX(-5px)}.hr-portal-action-hover-text:after{border-bottom:5px solid #0000;border-left:5px solid #1e2330e6;border-top:5px solid #0000;content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%)}.hr-portal-action-bottom-border{background:linear-gradient(90deg,#0000,#c62828,#0000);bottom:0;height:3px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.hr-portal-quick-action-card:hover .hr-portal-action-bottom-border{opacity:1}.hr-portal-action-hover-overlay{background:linear-gradient(135deg,#c6282805,#0000);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.hr-portal-quick-action-card:hover .hr-portal-action-hover-overlay{opacity:1}.hr-portal-action-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.hr-portal-action-disabled .hr-portal-action-description,.hr-portal-action-disabled .hr-portal-action-icon,.hr-portal-action-disabled .hr-portal-action-title{color:#666}.hr-portal-action-new{background:linear-gradient(135deg,#fff,#fff8f8);border:2px solid #c628284d}@media (max-width:768px){.hr-portal-quick-action-card{min-height:100px;padding:20px}.hr-portal-action-content-wrapper{gap:16px}.hr-portal-action-icon{font-size:24px;height:48px;width:48px}.hr-portal-action-icon-backdrop{height:48px;width:48px}.hr-portal-action-title{font-size:16px}.hr-portal-action-description{font-size:13px}.hr-portal-action-arrow{font-size:14px;height:36px;width:36px}.hr-portal-action-hover-text{display:none}}@media (max-width:480px){.hr-portal-quick-action-card{padding:16px}.hr-portal-action-content-wrapper,.hr-portal-quick-action-card{align-items:flex-start;flex-direction:column;gap:16px}.hr-portal-action-arrow-container{align-self:flex-end}}.hrcd-employees-section,.hrcd-employees-section *{font-family:Raleway,sans-serif}.hrcd-employees-section{background:#fff;border:1px solid #c628281a;border-radius:16px;box-shadow:0 8px 24px #1e23301a;margin-top:30px;overflow:hidden;padding:30px;position:relative}.hrcd-employees-section:before{background:linear-gradient(90deg,#c62828,#ff5252);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.hrcd-section-header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.hrcd-section-title-area{align-items:center;display:flex;gap:20px}.hrcd-section-heading{color:#1e2330;font-size:24px;font-weight:700;margin:0}.hrcd-employee-count-display{align-items:center;background:#c628281a;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:8px 16px}.hrcd-count-number{color:#c62828;font-size:28px;font-weight:800;line-height:1}.hrcd-count-label{color:#1e2330;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrcd-header-actions-group{align-items:center;display:flex;gap:20px}.hrcd-view-selector-dropdown{position:relative}.hrcd-view-selector-trigger{align-items:center;background:#1e23300d;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.hrcd-view-selector-trigger:hover{background:#c628280d;border-color:#c62828}.hrcd-view-icon-eye{font-size:16px}.hrcd-view-arrow-indicator{font-size:12px;transition:transform .3s ease}.hrcd-view-selector-dropdown:hover .hrcd-view-arrow-indicator{transform:rotate(180deg)}.hrcd-view-options-menu{background:#fff;border:2px solid #1e23301a;border-radius:8px;box-shadow:0 8px 24px #1e233026;left:0;margin-top:5px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.hrcd-view-selector-dropdown:hover .hrcd-view-options-menu{opacity:1;transform:translateY(0);visibility:visible}.hrcd-view-option-item{align-items:center;color:#1e2330;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;transition:all .2s ease}.hrcd-view-option-item:hover{background:#c628280d;color:#c62828}.hrcd-view-option-item.hrcd-view-active{background:#c628281a;color:#c62828;font-weight:600}.hrcd-view-option-icon{font-size:16px}.hrcd-view-all-button{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.hrcd-view-all-button:hover{background:#b71c1c;box-shadow:0 8px 20px #c628284d;transform:translateY(-2px)}.hrcd-view-all-button:active{transform:translateY(0)}.hrcd-button-arrow{font-size:16px;font-weight:700;transition:transform .3s ease}.hrcd-view-all-button:hover .hrcd-button-arrow{transform:translateX(4px)}.hrcd-employees-grid-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.hrcd-employee-card-container{position:relative}.hrcd-employee-card-inner{background:#fff;border:2px solid #1e23301a;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.hrcd-employee-card-inner:hover{border-color:#c62828;box-shadow:0 16px 32px #c6282826;transform:translateY(-8px)}.hrcd-employee-avatar-wrapper{margin-bottom:20px}.hrcd-avatar-display-container{height:80px;margin:0 auto;width:80px}.hrcd-employee-avatar-circle{background:linear-gradient(135deg,#1e2330,#2d3748);font-size:32px;height:80px;position:relative;width:80px;z-index:2}.hrcd-gradient-avatar{background:linear-gradient(135deg,#c62828,#ff5252)}.hrcd-avatar-status-indicator{background:#4caf50;border:3px solid #fff;bottom:5px;height:16px;right:5px;width:16px;z-index:3}.hrcd-online-status{background:#4caf50}.hrcd-offline-status{background:#9e9e9e}.hrcd-away-status{background:#ff9800}.hrcd-presence-dot-indicator{animation:pulseRing 2s ease-out infinite;border:2px solid #c6282833;height:80px;left:0;top:0;width:80px}.hrcd-avatar-ring-effect{background:linear-gradient(135deg,#c62828,#0000) border-box;border:2px solid #0000;border-radius:50%;height:90px;left:50%;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}.hrcd-employee-actions-menu{position:absolute;right:0;top:0;z-index:10}.hrcd-actions-menu-trigger{align-items:center;background:#1e23300d;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.hrcd-actions-menu-trigger:hover{background:#c628281a;border-color:#c62828;color:#c62828}.hrcd-actions-dropdown-menu{background:#fff;border:2px solid #1e23301a;border-radius:8px;box-shadow:0 8px 24px #1e233026;margin-top:5px;min-width:180px;opacity:0;padding:8px 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.hrcd-employee-actions-menu:hover .hrcd-actions-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.hrcd-action-menu-item{align-items:center;color:#1e2330;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;transition:all .2s ease}.hrcd-action-menu-item:hover{background:#c628280d;color:#c62828}.hrcd-action-menu-divider{background:#1e23301a;height:1px;margin:8px 0}.hrcd-danger-action{color:#c62828!important}.hrcd-danger-action:hover{background:#c628281a!important}.hrcd-employee-info-section{margin-bottom:20px;text-align:center}.hrcd-employee-name-text{color:#1e2330;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.hrcd-employee-role-text{color:#1e2330;font-size:14px;font-weight:500;margin:0 0 12px;opacity:.8}.hrcd-employee-tags-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hrcd-employee-department-tag{background:#c628281a;color:#c62828}.hrcd-employee-department-tag,.hrcd-employee-id-tag{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.hrcd-employee-id-tag{background:#1e23301a;color:#1e2330}.hrcd-employee-metadata-section{grid-gap:12px;background:#1e233005;border:1px solid #1e23300d;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:12px}.hrcd-metadata-item{display:flex;flex-direction:column;gap:4px}.hrcd-metadata-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrcd-metadata-value{color:#1e2330;font-size:13px;font-weight:600}.hrcd-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.hrcd-status-active{background:#4caf501a;color:#4caf50}.hrcd-status-inactive{background:#9e9e9e1a;color:#9e9e9e}.hrcd-status-pending{background:#ff98001a;color:#ff9800}.hrcd-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.hrcd-employee-contact-info{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.hrcd-contact-item{align-items:center;background:#1e233005;border:1px solid #1e23300d;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.hrcd-contact-icon{color:#666;font-size:14px}.hrcd-contact-value{color:#1e2330;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrcd-card-actions-footer{display:flex;gap:12px;margin-top:auto}.hrcd-profile-view-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.hrcd-profile-view-btn:hover{background:#b71c1c;box-shadow:0 6px 16px #c6282833;transform:translateY(-2px)}.hrcd-quick-view-btn{align-items:center;background:#0000;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.hrcd-quick-view-btn:hover{background:#c628280d;border-color:#c62828;color:#c62828}.hrcd-btn-icon-quick,.hrcd-btn-icon-view{font-size:14px}.hrcd-card-hover-overlay{background:linear-gradient(135deg,#c6282808,#0000);border-radius:12px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.hrcd-employee-card-inner:hover .hrcd-card-hover-overlay{opacity:1}.hrcd-card-glow-effect{background:radial-gradient(circle at center,#c628281a 0,#0000 70%);border-radius:16px;bottom:-5px;left:-5px;opacity:0;pointer-events:none;position:absolute;right:-5px;top:-5px;transition:opacity .3s ease;z-index:1}.hrcd-employee-card-inner:hover~.hrcd-card-glow-effect{opacity:1}.hrcd-empty-employees-state{grid-column:1/-1;padding:60px 20px;text-align:center}.hrcd-empty-icon-animated{display:inline-block;font-size:64px;margin-bottom:20px}.hrcd-floating{animation:float 3s ease-in-out infinite}.hrcd-empty-heading{color:#1e2330;font-size:20px;font-weight:700;margin:0 0 12px}.hrcd-empty-description{color:#666;font-size:15px;margin:0 auto 24px;max-width:400px}.hrcd-primary-action-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.hrcd-primary-action-btn:hover{background:#b71c1c;box-shadow:0 8px 20px #c628284d;transform:translateY(-2px)}.hrcd-btn-icon-add{font-size:16px}.hrcd-grid-footer-section{align-items:center;border-top:2px solid #1e23301a;display:flex;justify-content:space-between;padding-top:24px}.hrcd-footer-stats-display{display:flex;gap:24px}.hrcd-stat-item-display{color:#1e2330;font-size:14px}.hrcd-stat-item-display strong{color:#c62828;font-weight:800}.hrcd-footer-actions-group{display:flex;gap:12px}.hrcd-export-action-btn,.hrcd-refresh-action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.hrcd-export-action-btn{background:#1e23300d;border:2px solid #1e23301a;color:#1e2330}.hrcd-export-action-btn:hover{background:#1e23301a;border-color:#1e2330}.hrcd-refresh-action-btn{background:#c628281a;border:2px solid #c6282833;color:#c62828}.hrcd-refresh-action-btn:hover{background:#c6282833;border-color:#c62828}.hrcd-btn-icon-export,.hrcd-btn-icon-refresh{font-size:16px}@keyframes pulseRing{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #4caf5066}70%{box-shadow:0 0 0 6px #4caf5000}}.hrcd-fade-in{animation:slideIn .6s ease-out}.hrcd-stagger-card{animation:slideIn .6s ease-out forwards;opacity:0}@media (max-width:1024px){.hrcd-employees-grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.hrcd-section-header-container{align-items:flex-start;flex-direction:column;gap:20px}.hrcd-header-actions-group{justify-content:space-between;width:100%}.hrcd-employees-grid-container{gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hrcd-grid-footer-section{align-items:flex-start;flex-direction:column;gap:20px}.hrcd-footer-stats-display{flex-direction:column;gap:12px}.hrcd-footer-actions-group{justify-content:flex-start;width:100%}}@media (max-width:480px){.hrcd-employees-section{padding:20px}.hrcd-employees-grid-container{grid-template-columns:1fr}.hrcd-employee-card-inner{padding:20px}.hrcd-card-actions-footer{flex-direction:column}}:root{--warning-yellow:#f59e0b;--primary-red-dark:#b91c1c;--primary-red-light:#ef4444;--text-black:#1a1a1a;--text-gray:#4b5563;--bg-gray:#f9fafb;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition:all 0.3s ease}.mage-dashboard.mage-manager-dashboard{background:#fff;background:var(--bg-white);margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.mage-header-section.mage-manager-header{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.mage-title-content.mage-manager-title-content{flex:1 1}.mage-main-title.mage-manager-main-title{color:#1a1a1a;color:var(--text-black);font-size:24px;font-weight:700;line-height:1.2;margin:0 0 6px}.mage-subtitle.mage-manager-subtitle{color:#9ca3af;color:var(--text-light);font-size:14px;margin:0}.mage-action-buttons.mage-manager-actions{display:flex;flex-wrap:wrap;gap:10px}.mage-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:10px 18px;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.mage-primary-btn{background:#dc2626;background:var(--primary-red);color:#fff;color:var(--bg-white)}.mage-primary-btn:hover:not(:disabled){background:#b91c1c;background:var(--primary-red-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.mage-secondary-btn{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);color:#1a1a1a;color:var(--text-black)}.mage-secondary-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-gray);border-color:#1a1a1a;border-color:var(--text-black)}.mage-action-btn:disabled{cursor:not-allowed;opacity:.5}.mage-btn-icon{font-size:16px;line-height:1}.mage-loading-container.mage-manager-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.mage-loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#dc2626;border:4px solid var(--border-gray);border-radius:50%;border-top-color:var(--primary-red);height:48px;width:48px}.mage-loading-text{color:#9ca3af;color:var(--text-light);font-size:14px;margin:0}.mage-empty-state.mage-manager-empty{align-items:center;background:#f3f4f6;background:var(--bg-gray);border:2px dashed #e5e7eb;border:2px dashed var(--border-gray);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.mage-empty-icon.mage-manager-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.mage-empty-title.mage-manager-empty-title{color:#1a1a1a;color:var(--text-black);font-size:20px;font-weight:700;margin:0 0 8px}.mage-empty-description.mage-manager-empty-desc{color:#9ca3af;color:var(--text-light);font-size:14px;margin:0 0 20px;max-width:400px}.mage-grid-layout.mage-managers-grid{display:flex;flex-direction:column;left:0;position:relative}.mage-card.mage-manager-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:20px;padding:24px;transition:all .3s ease;transition:var(--transition)}.mage-card.mage-manager-card:hover{border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mage-basic-info.mage-manager-basic-info{align-items:flex-start;display:flex;gap:16px}.mage-avatar-container.mage-manager-avatar-container{flex-shrink:0;position:relative}.mage-avatar-large.mage-manager-avatar-large{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-dark));border:3px solid #fff;border:3px solid var(--bg-white);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.mage-profile-image.mage-manager-profile-img{height:100%;object-fit:cover;width:100%}.mage-avatar-fallback.mage-manager-avatar-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mage-status-indicator.mage-manager-status{background:#10b981;border:3px solid #fff;border:3px solid var(--bg-white);border-radius:50%;bottom:4px;height:16px;position:absolute;right:4px;width:16px}.mage-details-main.mage-manager-details{flex:1 1;min-width:0}.mage-name.mage-manager-name{color:#1a1a1a;color:var(--text-black);font-size:20px;font-weight:700;line-height:1.2;margin:0 0 4px}.mage-title.mage-manager-title{color:#dc2626;color:var(--primary-red);font-size:14px;font-weight:600;margin:0 0 4px}.mage-company.mage-manager-company{background:#f3f4f6;background:var(--bg-gray);border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-light);display:inline-block;font-size:13px;margin-bottom:8px;padding:4px 10px}.mage-contact-info.mage-manager-contact{display:flex;flex-direction:column;gap:4px;margin-top:8px}.mage-contact-item{align-items:center;color:#4b5563;color:var(--text-gray);display:flex;font-size:13px;gap:6px;word-break:break-all}.mage-team-summary.mage-manager-team-summary{background:#f3f4f6;background:var(--bg-gray);border-radius:8px;border-radius:var(--radius-md);padding:16px}.mage-stats-grid.mage-team-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.mage-stat-card.mage-team-stat-summary{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);padding:12px;text-align:center}.mage-stat-value.mage-team-stat-value{color:#dc2626;color:var(--primary-red);display:block;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.mage-stat-label.mage-team-stat-label{font-size:12px}.mage-team-section.mage-manager-team-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);padding-top:20px}.mage-section-header.mage-team-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.mage-section-title.mage-team-section-title{color:#1a1a1a;color:var(--text-black);font-size:16px;font-weight:700;margin:0}.mage-stats-badge.mage-team-active-badge{background:#dc26261a;border-radius:6px;border-radius:var(--radius-sm);color:#dc2626;color:var(--primary-red);font-size:12px;font-weight:600;padding:4px 10px}.mage-empty-team.mage-manager-empty-team{background:#f3f4f6;background:var(--bg-gray);border:2px dashed #e5e7eb;border:2px dashed var(--border-gray);border-radius:8px;border-radius:var(--radius-md);padding:32px 16px;text-align:center}.mage-team-icon.mage-manager-team-icon{font-size:48px;margin-bottom:12px;opacity:.4}.mage-team-text.mage-manager-team-text{color:#9ca3af;color:var(--text-light);font-size:14px;margin:0 0 16px}.mage-assign-btn.mage-manager-assign-btn{background:#dc2626;background:var(--primary-red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--bg-white);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;transition:var(--transition)}.mage-assign-btn.mage-manager-assign-btn:hover{background:#b91c1c;background:var(--primary-red-dark);transform:translateY(-1px)}.mage-team-grid.mage-manager-team-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.mage-member-card.mage-team-member-card{align-items:center;background:#f3f4f6;background:var(--bg-gray);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;padding:12px;transition:all .3s ease;transition:var(--transition)}.mage-member-card.mage-team-member-card:hover{background:#fff;background:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.mage-member-avatar.mage-team-member-avatar{align-items:center;background:linear-gradient(135deg,#1a1a1a,#4b5563);background:linear-gradient(135deg,var(--text-black),var(--text-gray));border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.mage-member-details.mage-team-member-details{flex:1 1;min-width:0}.mage-member-name.mage-team-member-name{color:#1a1a1a;color:var(--text-black);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mage-member-role.mage-team-member-role{color:#9ca3af;color:var(--text-light);font-size:12px;margin-bottom:4px}.mage-member-meta.mage-team-member-meta{display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.mage-member-dept.mage-team-member-dept,.mage-member-id.mage-team-member-id{background:#fff;background:var(--bg-white);border-radius:3px;color:#9ca3af;color:var(--text-light);padding:2px 6px}.mage-member-status.mage-team-member-status{flex-shrink:0}.mage-status-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.mage-status-active{background:#10b9811a;color:#059669}.mage-status-inactive{background:#6b72801a;color:#6b7280}.mage-view-more.mage-team-view-more{align-items:center;background:#fff;background:var(--bg-white);border:2px dashed #e5e7eb;border:2px dashed var(--border-gray);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:12px}.mage-more-count.mage-team-more-count{color:#4b5563;color:var(--text-gray);font-size:14px;font-weight:600}.mage-view-all-btn.mage-team-view-all-btn{background:#dc2626;background:var(--primary-red);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--bg-white);cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s ease;transition:var(--transition)}.mage-view-all-btn.mage-team-view-all-btn:hover{background:#b91c1c;background:var(--primary-red-dark)}.mage-actions-section.mage-manager-actions-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);display:flex;flex-direction:column;gap:10px;padding-top:20px}.mage-action-button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;transition:var(--transition)}.mage-primary-action{background:#dc2626;background:var(--primary-red);color:#fff;color:var(--bg-white)}.mage-primary-action:hover{background:#b91c1c;background:var(--primary-red-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.mage-secondary-action{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);color:#1a1a1a;color:var(--text-black)}.mage-secondary-action:hover{background:#f3f4f6;background:var(--bg-gray);border-color:#1a1a1a;border-color:var(--text-black)}.mage-action-icon{font-size:16px;line-height:1}.mage-quick-actions.mage-manager-quick-actions{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;border-radius:var(--radius-lg);margin-top:24px;padding:20px}.mage-actions-header.mage-quick-actions-header{margin-bottom:16px}.mage-quick-title{color:#1a1a1a;color:var(--text-black);font-size:18px;font-weight:700;margin:0}.mage-actions-grid.mage-quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.mage-quick-btn{align-items:center;background:#f3f4f6;background:var(--bg-gray);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease;transition:var(--transition)}.mage-quick-btn:hover{background:#fff;background:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.mage-quick-icon{font-size:24px;line-height:1}.mage-quick-text{color:#1a1a1a;color:var(--text-black);font-size:14px;font-weight:600}.mage-modal-overlay.mage-team-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.mage-modal-content.mage-team-modal-content{background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.mage-modal-header.mage-team-modal-header{align-items:flex-start;background:#f3f4f6;background:var(--bg-gray);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:flex;gap:16px;justify-content:space-between;padding:24px}.mage-modal-header-left{flex:1 1;min-width:0}.mage-modal-title{align-items:center;color:#1a1a1a;color:var(--text-black);display:flex;flex-wrap:wrap;font-size:22px;font-weight:700;gap:10px;margin:0 0 6px}.mage-modal-manager-icon{font-size:24px;line-height:1}.mage-modal-subtitle{color:#9ca3af;color:var(--text-light);font-size:14px;margin:0}.mage-modal-close.mage-team-close{align-items:center;background:#fff;background:var(--bg-white);border:none;border-radius:50%;color:#1a1a1a;color:var(--text-black);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;line-height:1;transition:all .3s ease;transition:var(--transition);width:36px}.mage-modal-close.mage-team-close:hover{background:#dc2626;background:var(--primary-red);color:#fff;color:var(--bg-white);transform:rotate(90deg)}.mage-manager-info.mage-team-manager-info{align-items:flex-start;background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:flex;flex-wrap:wrap;gap:20px;padding:24px}.mage-manager-avatar.mage-team-avatar{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-dark));border:3px solid #f3f4f6;border:3px solid var(--bg-gray);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.mage-manager-details.mage-team-details{flex:1 1;min-width:200px}.mage-manager-name.mage-team-manager-name{color:#1a1a1a;color:var(--text-black);font-size:20px;font-weight:700;margin:0 0 8px}.mage-manager-meta.mage-team-manager-meta{display:flex;flex-direction:column;gap:6px}.mage-meta-item.mage-team-meta-item{display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.mage-meta-label.mage-team-meta-label{color:#4b5563;color:var(--text-gray);font-weight:600;min-width:80px}.mage-meta-value.mage-team-meta-value{color:#1a1a1a;color:var(--text-black)}.mage-team-stats.mage-team-manager-stats{display:flex;flex-shrink:0;gap:12px}.mage-stat-card.mage-team-stat-card{background:#f3f4f6;background:var(--bg-gray);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);min-width:100px;padding:12px 16px;text-align:center}.mage-stat-number.mage-team-stat-number{color:#dc2626;color:var(--primary-red);display:block;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.mage-stat-label.mage-team-stat-label{color:#9ca3af;color:var(--text-light);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mage-filters-section.mage-team-filters{align-items:center;background:#f3f4f6;background:var(--bg-gray);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.mage-search-box.mage-team-search{flex:1 1;min-width:200px;position:relative}.mage-search-input.mage-team-search-input{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);font-size:14px;padding:10px 40px 10px 14px;transition:all .3s ease;transition:var(--transition);width:100%}.mage-search-input.mage-team-search-input:focus{border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc26261a;outline:none}.mage-search-icon.mage-team-search-icon{font-size:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.mage-filter-group.mage-team-filter-group{display:flex;flex-wrap:wrap;gap:10px}.mage-filter-select.mage-team-filter-select{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;min-width:150px;padding:10px 14px;transition:all .3s ease;transition:var(--transition)}.mage-filter-select.mage-team-filter-select:focus{border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc26261a;outline:none}.mage-export-btn.mage-team-export-btn{align-items:center;background:#dc2626;background:var(--primary-red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.mage-export-btn.mage-team-export-btn:hover{background:#b91c1c;background:var(--primary-red-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.mage-export-icon.mage-team-export-icon{font-size:16px;line-height:1}.mage-table-container.mage-team-table-container{flex:1 1;margin:20px 0;overflow:auto;padding:0 24px}.mage-data-table.mage-team-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.mage-data-table.mage-team-table thead{background:#fff;background:var(--bg-white);position:-webkit-sticky;position:sticky;top:0;z-index:10}.mage-data-table.mage-team-table th{background:#f3f4f6;background:var(--bg-gray);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-gray);color:#1a1a1a;color:var(--text-black);font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.mage-sortable.mage-team-sortable{cursor:pointer;transition:all .3s ease;transition:var(--transition);-webkit-user-select:none;user-select:none}.mage-sortable.mage-team-sortable:hover{background:#fff;background:var(--bg-white);color:#dc2626;color:var(--primary-red)}.mage-data-table.mage-team-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-gray);transition:all .3s ease;transition:var(--transition)}.mage-data-table.mage-team-table tbody tr:hover{background:#f3f4f6;background:var(--bg-gray)}.mage-data-table.mage-team-table td{padding:16px 12px;vertical-align:middle}.mage-id-cell.mage-team-id-cell{align-items:center;display:flex}.mage-id-badge.mage-team-id-badge{background:#f3f4f6;background:var(--bg-gray);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:6px;border-radius:var(--radius-sm);color:#1a1a1a;color:var(--text-black);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.mage-name-cell.mage-team-name-cell{align-items:center;display:flex;gap:12px}.mage-avatar.mage-team-avatar-small{align-items:center;background:linear-gradient(135deg,#1a1a1a,#4b5563);background:linear-gradient(135deg,var(--text-black),var(--text-gray));border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.mage-name-info.mage-team-name-info{min-width:0}.mage-employee-name.mage-team-employee-name{color:#1a1a1a;color:var(--text-black);font-weight:600;margin-bottom:2px}.mage-employee-role.mage-team-employee-role{color:#9ca3af;color:var(--text-light);font-size:12px}.mage-email-link.mage-team-email-link{color:#dc2626;color:var(--primary-red);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.mage-email-link.mage-team-email-link:hover{color:#b91c1c;color:var(--primary-red-dark);text-decoration:underline}.mage-action-buttons.mage-team-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.mage-action-btn.mage-email-btn,.mage-action-btn.mage-view-btn{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;gap:4px;padding:6px 12px}.mage-view-btn.mage-team-view-btn{background:#f3f4f6;background:var(--bg-gray);border:1px solid #e5e7eb;border:1px solid var(--border-gray);color:#1a1a1a;color:var(--text-black)}.mage-view-btn.mage-team-view-btn:hover{background:#1a1a1a;background:var(--text-black);border-color:#1a1a1a;border-color:var(--text-black);color:#fff;color:var(--bg-white)}.mage-email-btn.mage-team-email-btn{background:#dc2626;background:var(--primary-red);border:1px solid #dc2626;border:1px solid var(--primary-red);color:#fff;color:var(--bg-white)}.mage-email-btn.mage-team-email-btn:hover{background:#b91c1c;background:var(--primary-red-dark);border-color:#b91c1c;border-color:var(--primary-red-dark)}.mage-no-data.mage-team-no-data{padding:40px 20px}.mage-empty-state.mage-team-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.mage-empty-icon.mage-team-empty-icon{font-size:48px;opacity:.4}.mage-empty-text.mage-team-empty-text{color:#9ca3af;color:var(--text-light);font-size:14px;margin:0}.mage-reset-btn.mage-team-reset-btn{background:#dc2626;background:var(--primary-red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--bg-white);cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .3s ease;transition:var(--transition)}.mage-reset-btn.mage-team-reset-btn:hover{background:#b91c1c;background:var(--primary-red-dark)}.mage-modal-footer.mage-team-footer{align-items:center;background:#f3f4f6;background:var(--bg-gray);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-gray);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.mage-summary-info.mage-team-summary{color:#4b5563;color:var(--text-gray);font-size:14px;font-weight:500}.mage-primary-btn.mage-team-close-btn{padding:10px 24px}@media (min-width:768px){.mage-dashboard.mage-manager-dashboard{padding:24px}.mage-header-section.mage-manager-header{align-items:center;flex-direction:row;padding:24px}.mage-main-title.mage-manager-main-title{font-size:28px}.mage-subtitle.mage-manager-subtitle{font-size:15px}.mage-grid-layout.mage-managers-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.mage-team-grid.mage-manager-team-grid{grid-template-columns:repeat(2,1fr)}.mage-actions-section.mage-manager-actions-section{flex-direction:row}.mage-actions-grid.mage-quick-actions-grid{grid-template-columns:repeat(2,1fr)}.mage-manager-info.mage-team-manager-info{flex-wrap:nowrap}.mage-team-stats.mage-team-manager-stats{flex-direction:row}}@media (min-width:1024px){.mage-dashboard.mage-manager-dashboard{padding:32px}.mage-header-section.mage-manager-header{padding:28px}.mage-main-title.mage-manager-main-title{font-size:32px}.mage-grid-layout.mage-managers-grid{grid-template-columns:repeat(3,1fr)}.mage-actions-grid.mage-quick-actions-grid{grid-template-columns:repeat(4,1fr)}.mage-modal-content.mage-team-modal-content{max-height:85vh}}@media (min-width:1280px){.mage-grid-layout.mage-managers-grid{gap:28px;grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.mage-filters-section.mage-team-filters{align-items:stretch;flex-direction:column}.mage-filter-group.mage-team-filter-group,.mage-filter-select.mage-team-filter-select,.mage-search-box.mage-team-search{width:100%}.mage-export-btn.mage-team-export-btn{justify-content:center;width:100%}.mage-table-container.mage-team-table-container{padding:0 16px}.mage-data-table.mage-team-table{font-size:13px}.mage-data-table.mage-team-table td,.mage-data-table.mage-team-table th{padding:10px 8px}.mage-team-dept-cell,.mage-team-phone-cell,.mage-team-role-cell{display:none}.mage-manager-info.mage-team-manager-info{flex-direction:column}.mage-team-stats.mage-team-manager-stats{width:100%}.mage-modal-header.mage-team-modal-header{padding:20px 16px}.mage-modal-title{font-size:18px}.mage-modal-footer.mage-team-footer{align-items:stretch;flex-direction:column-reverse}.mage-primary-btn.mage-team-close-btn{width:100%}}@media print{.mage-modal-overlay.mage-team-modal{background:#fff;position:relative}.mage-action-buttons,.mage-export-btn,.mage-modal-close{display:none!important}}.emp-details-modal-overlay{animation:emp-fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.emp-details-modal{animation:emp-slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:85vh;max-width:900px;width:90%}.emp-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;padding:20px 24px}.emp-modal-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.emp-modal-avatar{background:#fff3;border:2px solid #fff;border-radius:50%;font-size:18px;height:40px;width:40px}.emp-modal-close{background:none;border:none;border-radius:50%;color:#fff;font-size:24px;height:32px;transition:background-color .2s;width:32px}.emp-modal-close:hover{background:#fff3}.emp-modal-content{padding:0}.emp-modal-loading{padding:60px 24px;text-align:center}.emp-details-container{padding:24px}.emp-details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px;padding:20px}.emp-section-title{color:#374151;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.emp-section-icon{font-size:18px}.emp-basic-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.emp-detail-item{gap:4px}.emp-detail-label{font-size:14px;font-weight:500}.emp-detail-value{color:#111827;font-size:15px;font-weight:500}.emp-status-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.emp-status-active{background:#dcfce7;color:#166534}.emp-status-inactive{background:#fee2e2;color:#991b1b}.emp-passport-info-grid,.emp-personal-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.emp-academic-list,.emp-documents-list,.emp-experience-list{display:flex;flex-direction:column;gap:12px}.emp-academic-item,.emp-experience-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.emp-degree-info,.emp-exp-header{color:#111827;font-size:15px;margin-bottom:4px}.emp-degree-details,.emp-exp-details{color:#6b7280;font-size:14px}.emp-exp-responsibilities{border-top:1px dashed #e5e7eb;color:#4b5563;font-size:14px;margin-top:8px;padding-top:8px}.emp-document-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:12px;padding:12px 16px}.emp-doc-icon{font-size:20px}.emp-doc-name{color:#111827;font-weight:500}.emp-doc-type{color:#6b7280;font-size:12px;text-transform:capitalize}.emp-doc-view-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px;text-decoration:none;transition:background-color .2s}.emp-doc-view-btn:hover{background:#2563eb}.emp-no-additional-data{color:#6b7280;padding:40px 20px}.emp-empty-icon{font-size:48px;margin-bottom:16px}.emp-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;gap:12px;padding:20px 24px}.emp-modal-btn{border-radius:6px;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.emp-close-btn{background:#e5e7eb;color:#374151}.emp-close-btn:hover{background:#d1d5db}.emp-full-profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.emp-full-profile-btn:hover{opacity:.9}@keyframes emp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes emp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.emp-details-modal{margin:10px;width:95%}.emp-basic-info-grid,.emp-passport-info-grid,.emp-personal-info-grid{grid-template-columns:1fr}.emp-modal-footer{flex-direction:column}.emp-modal-btn{width:100%}}.emp-view-dashboard-btn:disabled,.emp-view-profile-btn:disabled{background-color:#e5e7eb!important;cursor:not-allowed;opacity:.6}.emp-name-link{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s}.emp-name-link:hover{color:1d4ed8;text-decoration:underline}.emp-loading-spinner{animation:emp-spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#3b82f6;height:40px;margin:0 auto 15px;width:40px}:root{--primary-red:#dc2626;--primary-red-hover:#b91c1c;--primary-red-light:#fee2e2;--secondary-black:#1a1a1a;--text-primary:#1a1a1a;--text-light:#9ca3af;--bg-gray-light:#f9fafb;--border-hover:#d1d5db;--success-green:#10b981;--info-blue:#3b82f6;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.3s ease}.emp-details-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.emp-details-modal{animation:slideUp .3s ease;background-color:#fff;background-color:var(--bg-white);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:1200px;width:100%}.emp-modal-header{align-items:center;background:linear-gradient(135deg,#dc26260d,#1a1a1a08);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:2rem}.emp-modal-title-section{align-items:center;display:flex;flex:1 1;gap:1rem}.emp-modal-avatar{align-items:center;background:linear-gradient(135deg,#dc2626,#1a1a1a);background:linear-gradient(135deg,var(--primary-red) 0,var(--secondary-black) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;width:56px}.emp-modal-title{color:#1a1a1a;color:var(--secondary-black);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .25rem}.emp-modal-subtitle{font-size:1rem;font-weight:500;margin:0}.emp-modal-close,.emp-modal-subtitle{color:#6b7280;color:var(--text-secondary)}.emp-modal-close{align-items:center;background-color:#fff;background-color:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:44px;justify-content:center;transition:all .3s ease;transition:all var(--transition-normal);width:44px}.emp-modal-close:hover{background-color:#dc2626;background-color:var(--primary-red);border-color:#dc2626;border-color:var(--primary-red);color:#fff;transform:rotate(90deg)}.emp-modal-content{flex:1 1;overflow-y:auto;padding:2rem}.emp-modal-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:5rem 2rem}.emp-loading-spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-top-color:#dc2626;border:4px solid var(--bg-gray);border-radius:50%;border-top-color:var(--primary-red);height:48px;width:48px}.emp-modal-loading p{color:#6b7280;color:var(--text-secondary);font-size:1rem;margin:0}.emp-details-container{display:flex;flex-direction:column;gap:2rem}.emp-basic-info-card{background-color:#fff;background-color:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:12px;overflow:hidden}.emp-basic-header{align-items:flex-start;background:linear-gradient(135deg,#dc26260d,#1a1a1a08);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;padding:2rem}.emp-avatar-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:1rem}.emp-avatar-large{background:linear-gradient(135deg,#dc2626,#1a1a1a);background:linear-gradient(135deg,var(--primary-red) 0,var(--secondary-black) 100%);border-radius:16px;height:120px;width:120px}.profile-image-display{height:100%;object-fit:cover;width:100%}.avatar-fallback{font-size:3rem;height:100%;width:100%}.avatar-fallback.avatar-hidden{display:none}.employee-action-buttons{display:flex;flex-direction:column;gap:.5rem;width:120px}.completion-percentage-badge{background:linear-gradient(135deg,#dc2626,#1a1a1a);background:linear-gradient(135deg,var(--primary-red) 0,var(--secondary-black) 100%);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-size:.875rem;font-weight:700;padding:.5rem 1rem;text-align:center}.emp-details-main{flex:1 1;min-width:0}.employee-name{color:var(--secondary-black);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.employee-id-display{color:#6b7280;color:var(--text-secondary);font-family:Courier New,monospace;font-size:1rem;font-weight:600;margin:0 0 1rem}.employee-meta-info{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.meta-tag{background-color:#f9fafb;background-color:var(--bg-gray-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#1a1a1a;color:var(--secondary-black);font-weight:600}.meta-tag,.status-tag{border-radius:6px;font-size:.875rem;padding:.375rem .875rem}.status-tag{font-weight:700;text-transform:capitalize}.status-tag.status-active{background-color:#10b9811a;border:1px solid #10b981;border:1px solid var(--success-green);color:#10b981;color:var(--success-green)}.status-tag.status-inactive{background-color:#6b72801a;border:1px solid #6b7280;border:1px solid var(--text-secondary);color:#6b7280;color:var(--text-secondary)}.employee-contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:.9375rem;gap:.5rem}.contact-icon{font-size:1.125rem}.emp-basic-info-grid-detailed{grid-gap:1.5rem;background-color:#fff;background-color:var(--bg-white);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem}.emp-detail-item{background-color:#f9fafb;background-color:var(--bg-gray-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.375rem;padding:1rem;transition:all .3s ease;transition:all var(--transition-normal)}.emp-detail-item:hover{background-color:#fff;background-color:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.emp-detail-label{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.emp-detail-value{color:#1a1a1a;color:var(--secondary-black);font-size:1rem;font-weight:600}.emp-details-section{background-color:#fff;background-color:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:12px;overflow:hidden}.details-section-header{align-items:center;background-color:#f9fafb;background-color:var(--bg-gray-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.emp-section-title{align-items:center;color:#1a1a1a;color:var(--secondary-black);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.emp-section-icon{font-size:1.5rem}.data-badge{background:linear-gradient(135deg,#dc2626,#1a1a1a);background:linear-gradient(135deg,var(--primary-red) 0,var(--secondary-black) 100%);border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .875rem}.completion-bars-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;padding:2rem}.completion-bar-item{align-items:center;display:flex;gap:1rem}.completion-category{color:#1a1a1a;color:var(--secondary-black);font-size:.9375rem;font-weight:600;min-width:160px}.completion-bar-wrapper{background-color:#f3f4f6;background-color:var(--bg-gray);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;flex:1 1;height:32px;overflow:hidden}.completion-fill{border-radius:8px;height:100%;transition:width .3s ease;transition:width var(--transition-normal)}.completion-fill.completion-complete{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--success-green) 0,#059669 100%)}.completion-fill.completion-incomplete{background:linear-gradient(90deg,#9ca3af,#6b7280);background:linear-gradient(90deg,var(--text-light) 0,var(--text-secondary) 100%)}.completion-status-text{font-size:.875rem;font-weight:600;min-width:140px;text-align:right}.personal-preview-grid{padding:2rem}.personal-details-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.personal-detail-field{background-color:#f9fafb;background-color:var(--bg-gray-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.375rem;padding:1rem;transition:all .3s ease;transition:all var(--transition-normal)}.personal-detail-field:hover{background-color:#fff;background-color:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.personal-detail-field.full-width-field{grid-column:1/-1}.personal-label{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em}.personal-value{color:#1a1a1a;color:var(--secondary-black);font-size:1rem;font-weight:600}.academic-preview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;padding:2rem}.academic-item-card{background-color:#f9fafb;background-color:var(--bg-gray-light);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:10px;padding:1.5rem;transition:all .3s ease;transition:all var(--transition-normal)}.academic-item-card:hover{background-color:#fff;background-color:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.academic-item-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.academic-qualification{color:#1a1a1a;color:var(--secondary-black);flex:1 1;font-size:1.125rem;font-weight:700}.academic-year{background-color:#1a1a1a;background-color:var(--secondary-black);border-radius:6px;color:#fff;font-size:.875rem;font-weight:700;padding:.375rem .875rem}.academic-details-list{display:flex;flex-direction:column;gap:.625rem}.academic-institution{color:#dc2626;color:var(--primary-red);font-size:1rem;font-weight:600;margin-bottom:.5rem}.academic-cgpa,.academic-field,.academic-grade,.academic-percentage,.academic-specialization{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#1a1a1a;color:var(--text-primary);font-size:.9375rem;padding:.375rem .75rem}.academic-description{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);color:#6b7280;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-top:.75rem;padding-top:.75rem}.experience-preview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;padding:2rem}.experience-item-card{background-color:#f9fafb;background-color:var(--bg-gray-light);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:10px;padding:1.5rem;transition:all .3s ease;transition:all var(--transition-normal)}.experience-item-card:hover{background-color:#fff;background-color:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.experience-item-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.company-name{color:#1a1a1a;color:var(--secondary-black);flex:1 1;font-size:1.125rem}.experience-duration{background-color:#1a1a1a;background-color:var(--secondary-black);border-radius:6px;color:#fff;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;white-space:nowrap}.experience-details-list{display:flex;flex-direction:column;gap:.75rem}.experience-role{color:#dc2626;color:var(--primary-red);font-size:1rem;font-weight:600;margin-bottom:.25rem}.experience-location{color:#6b7280;color:var(--text-secondary);font-size:.9375rem;font-weight:500}.experience-description,.experience-responsibilities{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;margin-top:.75rem;padding:1rem}.experience-responsibilities strong{color:#1a1a1a;color:var(--secondary-black);display:block;font-size:.9375rem;margin-bottom:.5rem}.experience-description,.experience-responsibilities p{color:#6b7280;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.experience-skills-section{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.skills-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600}.skill-tag{background-color:#fff;background-color:var(--bg-white);border:1px solid #dc2626;border:1px solid var(--primary-red);color:#dc2626;color:var(--primary-red)}.more-skills-indicator,.skill-tag{border-radius:6px;font-size:.8125rem;padding:.375rem .75rem}.more-skills-indicator{background-color:#1a1a1a;background-color:var(--secondary-black);color:#fff;font-weight:600}.passport-preview-grid{padding:2rem}.passport-item-card{background-color:#f9fafb;background-color:var(--bg-gray-light);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:10px;padding:1.5rem}.passport-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.passport-detail-field{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.375rem;padding:1rem;transition:all .3s ease;transition:all var(--transition-normal)}.passport-detail-field:hover{border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.passport-label{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.passport-value{color:#1a1a1a;color:var(--secondary-black);font-size:1rem;font-weight:600}.emp-documents-list{grid-gap:1rem;display:grid;gap:1rem;padding:2rem}.emp-document-item{align-items:center;background-color:#f9fafb;background-color:var(--bg-gray-light);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:10px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease;transition:all var(--transition-normal)}.emp-document-item:hover{background-color:#fff;background-color:var(--bg-white);border-color:#dc2626;border-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.emp-doc-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#1a1a1a);background:linear-gradient(135deg,var(--primary-red) 0,var(--secondary-black) 100%);border-radius:12px;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.emp-doc-info{flex:1 1;min-width:0}.emp-doc-name{color:#1a1a1a;color:var(--secondary-black);font-size:1rem;font-weight:700;margin-bottom:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-doc-type{color:#dc2626;color:var(--primary-red);font-size:.8125rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.emp-doc-date,.emp-doc-size{color:#6b7280;color:var(--text-secondary);font-size:.8125rem}.emp-doc-actions{display:flex;flex-shrink:0;gap:.75rem}.emp-doc-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1rem;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.emp-doc-action-btn.emp-doc-view-btn{background-color:#1a1a1a;background-color:var(--secondary-black);color:#fff}.emp-doc-action-btn.emp-doc-view-btn:hover{background-color:#dc2626;background-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.emp-doc-action-btn.emp-doc-download-btn{background-color:#10b981;background-color:var(--success-green);color:#fff}.emp-doc-action-btn.emp-doc-download-btn:hover{background-color:#059669;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.emp-doc-no-url{color:#9ca3af;color:var(--text-light);font-size:.875rem;font-style:italic}.emp-no-additional-data{align-items:center;background-color:#f9fafb;background-color:var(--bg-gray-light);border:1.5px dashed #e5e7eb;border:1.5px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.emp-empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.no-data-text{color:#6b7280;color:var(--text-secondary);font-size:1rem;margin:0 0 2rem}.emp-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:all var(--transition-normal)}.emp-action-btn.emp-secondary-action{background-color:#1a1a1a;background-color:var(--secondary-black);color:#fff}.emp-action-btn.emp-secondary-action:hover{background-color:#dc2626;background-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.emp-modal-footer{align-items:center;background-color:#f9fafb;background-color:var(--bg-gray-light);border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.emp-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.emp-modal-btn.emp-primary-btn{background-color:#dc2626;background-color:var(--primary-red);color:#fff}.emp-modal-btn.emp-primary-btn:hover{background-color:#b91c1c;background-color:var(--primary-red-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.emp-modal-btn.emp-secondary-btn{background-color:#1a1a1a;background-color:var(--secondary-black);color:#fff}.emp-modal-btn.emp-secondary-btn:hover{background-color:#2d2d2d;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.emp-modal-btn.emp-close-btn{background-color:#fff;background-color:var(--bg-white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);color:#1a1a1a;color:var(--secondary-black)}.emp-modal-btn.emp-close-btn:hover{background-color:#f9fafb;background-color:var(--bg-gray-light);border-color:#1a1a1a;border-color:var(--secondary-black)}@media (max-width:1200px){.emp-basic-header{align-items:center;flex-direction:column;text-align:center}.emp-basic-info-grid-detailed,.passport-details-grid,.personal-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.emp-details-modal-overlay{padding:1rem}.emp-details-modal{max-height:95vh}.emp-modal-header{padding:1.5rem}.emp-modal-title-section{align-items:flex-start;flex-direction:column}.emp-modal-title{font-size:1.5rem}.emp-modal-content{padding:1.5rem}.emp-basic-header{gap:1.5rem;padding:1.5rem}.employee-name{font-size:1.5rem}.emp-basic-info-grid-detailed{gap:1rem;grid-template-columns:1fr}.completion-bar-item{align-items:flex-start;flex-direction:column}.completion-category{min-width:100%}.completion-status-text{text-align:left}.passport-details-grid,.personal-details-grid{grid-template-columns:1fr}.academic-item-header,.experience-item-header{align-items:flex-start;flex-direction:column;gap:.75rem}.academic-year,.experience-duration{text-align:center;width:100%}.emp-document-item{align-items:flex-start;flex-direction:column;gap:1rem}.emp-doc-info{width:100%}.emp-doc-actions{flex-direction:column;width:100%}.emp-doc-action-btn{justify-content:center;width:100%}.emp-modal-footer{flex-direction:column;gap:.75rem}.emp-modal-btn{justify-content:center;width:100%}}@media (max-width:480px){.emp-modal-avatar{font-size:1.25rem;height:48px;width:48px}.emp-modal-title{font-size:1.25rem}.emp-modal-subtitle{font-size:.875rem}.emp-avatar-large{height:100px;width:100px}.employee-name{font-size:1.25rem}.employee-action-buttons{width:100px}.emp-section-title{font-size:1rem}.emp-section-icon{font-size:1.25rem}.experience-skills-section{align-items:flex-start;flex-direction:column}.more-skills-indicator,.skill-tag{text-align:center;width:100%}}.emp-modal-content::-webkit-scrollbar{width:8px}.emp-modal-content::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-gray-light);border-radius:4px}.emp-modal-content::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:4px}.emp-modal-content::-webkit-scrollbar-thumb:hover{background:#dc2626;background:var(--primary-red)}@media print{.emp-details-modal-overlay{background-color:#fff;position:static}.emp-details-modal{border:1px solid #e5e7eb;border:1px solid var(--border-color);box-shadow:none;max-height:none}.emp-modal-close,.emp-modal-footer{display:none}.emp-modal-content{overflow:visible}}.hr-portal-subscription-bar-enhanced{align-items:center;display:flex;justify-content:center;margin:0 20px}.hr-portal-paid-status-enhanced,.hr-portal-trial-ended-enhanced,.hr-portal-trial-status-enhanced{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 16px}.hr-portal-trial-status-enhanced{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hr-portal-trial-ended-enhanced{animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.hr-portal-paid-status-enhanced{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.hr-portal-upgrade-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .3s ease}.hr-portal-upgrade-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.hr-portal-upgrade-btn.urgent{background:#ff4757;border-color:#ff4757}.hr-portal-manage-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.hr-portal-quick-actions-enhanced{align-items:center;display:flex;gap:10px;margin-right:15px}.hr-portal-help-btn,.hr-portal-notification-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.hr-portal-help-btn:hover,.hr-portal-notification-btn:hover{background:#fff3}.hr-portal-notification-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.hr-portal-user-avatar-container-enhanced{cursor:pointer;position:relative}.hr-portal-user-dropdown-enhanced{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;opacity:0;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:280px;z-index:1000}.hr-portal-user-avatar-container-enhanced:hover .hr-portal-user-dropdown-enhanced{opacity:1;transform:translateY(0);visibility:visible}.hr-portal-dropdown-header{border-bottom:1px solid #eee;padding:20px}.hr-portal-user-info-dropdown{align-items:center;display:flex;gap:12px;margin-bottom:15px}.hr-portal-user-avatar-dropdown{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.hr-portal-user-name-dropdown{color:#333;font-weight:600;margin:0}.hr-portal-user-email-dropdown{color:#666;font-size:12px;margin:4px 0 0}.hr-portal-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.hr-portal-badge.trial{background:#fff3cd;color:#856404}.hr-portal-badge.paid{background:#d1ecf1;color:#0c5460}.hr-portal-dropdown-menu{padding:10px 0}.hr-portal-dropdown-menu button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:10px;padding:12px 20px;text-align:left;transition:background .3s ease;width:100%}.hr-portal-dropdown-menu button:hover{background:#f8f9fa}.hr-portal-dropdown-divider{background:#eee;height:1px;margin:8px 0}.hr-portal-logout-dropdown{color:#dc3545}.profile-picture-upload-container{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.profile-picture-upload-container.has-image{animation:refreshImage .5s ease}@keyframes refreshImage{0%{opacity:.8}50%{opacity:.5}to{opacity:1}}.profile-picture-upload-container.has-image .avatar-fallback,.profile-picture-upload-container.has-image .hr-portal-avatar-initial{display:none!important}.profile-picture-upload-overlay{align-items:center;background:#00000080;border-radius:50%;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-picture-upload-container:hover .profile-picture-upload-overlay{opacity:.7}.upload-icon{font-size:20px;margin-bottom:5px}.upload-text{font-size:12px}.personal-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.personal-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.personal-detail-field{border-bottom:1px solid #f0f0f0;padding:10px 0}.personal-detail-field:last-child{border-bottom:none}.personal-label{color:#666;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.personal-value{color:#333;display:block;font-size:14px;font-weight:500}.full-width-field{grid-column:1/-1}.blood-group-badge{background:#ffebee;border-radius:20px;color:#c62828;display:inline-block;font-weight:600;padding:4px 12px}.emergency-contact{color:#d32f2f;font-weight:600}.data-badge{background:#1976d2;border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px}@media (max-width:768px){.personal-details-grid{grid-template-columns:1fr}}.hrcd-avatar-display-container{height:65px;margin-bottom:8px;position:relative;width:65px}.hrcd-employee-avatar-img{object-fit:cover}.hrcd-employee-avatar-circle,.hrcd-employee-avatar-img{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hrcd-employee-avatar-circle{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center}.hrcd-gradient-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.hrcd-avatar-status-indicator{border:2px solid #fff;border-radius:50%;bottom:4px;height:14px;position:absolute;right:4px;width:14px;z-index:2}.hrcd-online-status{background-color:#2ecc71}.hrcd-offline-status{background-color:#95a5a6}.hrcd-away-status{background-color:#f39c12}.hrcd-presence-dot-indicator{animation:pulse-dot 2s infinite;background-color:#e74c3c;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px;z-index:3}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #e74c3cb3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #e74c3c00;transform:scale(1)}to{box-shadow:0 0 0 0 #e74c3c00;transform:scale(.95)}}.hrcd-avatar-display-container:hover .hrcd-employee-avatar-circle,.hrcd-avatar-display-container:hover .hrcd-employee-avatar-img{transform:scale(1.05);transition:transform .3s ease}@media (max-width:768px){.hrcd-avatar-display-container{height:55px;width:55px}.hrcd-employee-avatar-circle{font-size:18px}}.hrcd-employee-avatar-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.hrcd-employee-avatar-img.loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.emp-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.emp-avatar-small .avatar-image{height:100%;object-fit:cover;width:100%}.emp-avatar-small .avatar-initials{color:#fff;font-size:16px;font-weight:700}.hr-portal-subscription-badge-container{margin-left:auto;margin-right:15px}.hr-portal-subscription-badge{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px;transition:all .3s ease}.hr-portal-subscription-badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hr-portal-subscription-badge.paid-active{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.hr-portal-subscription-badge.trial-active{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.hr-portal-subscription-badge.trial-ended{animation:pulse 2s infinite;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.hr-portal-subscription-badge.no-plan{background:linear-gradient(135deg,#9e9e9e,#616161);color:#fff}.hr-portal-badge-icon{font-size:14px}.hr-portal-badge-text{white-space:nowrap}.hr-portal-badge-status{background:#fff3;border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.hr-portal-upgrade-indicator{font-size:12px;margin-left:4px}.hr-portal-upgrade-indicator.urgent{animation:bounce 1s infinite;color:#ffeb3b}.hr-portal-header-navigation-unique{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;margin-top:-80px;position:-webkit-sticky;position:sticky;top:40;z-index:1000}.hr-portal-header-content-unique{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1920px;padding:1rem 2rem}.hr-portal-brand-identity-unique{align-items:center;display:flex;flex-shrink:0;gap:1rem}.hr-portal-logo-container-unique{height:50px;position:relative;width:50px}.hr-portal-logo-unique{object-fit:cover}.hr-portal-logo-placeholder-unique,.hr-portal-logo-unique{border-radius:10px;box-shadow:0 2px 8px #c6282833;height:100%;width:100%}.hr-portal-logo-placeholder-unique{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}.hr-portal-logo-glow-effect-unique{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#c6282833,#0000);border-radius:50%;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:-1}.hr-portal-brand-text-unique{display:flex;flex-direction:column;gap:.15rem}.hr-portal-company-title-unique{color:#1e2330;font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.hr-portal-portal-subtitle-unique{color:#666;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hr-portal-center-section-unique{align-items:center;display:flex;flex:1 1;justify-content:center}.hr-portal-user-subscription-wrapper-unique{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:1.5rem;padding:.75rem 1.5rem}.hr-portal-user-info-compact-unique{align-items:center;display:flex;gap:.75rem}.hr-portal-user-avatar-compact-unique{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 6px #667eea4d;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.hr-portal-avatar-img-unique{height:100%;object-fit:cover;width:100%}.hr-portal-avatar-initial-compact-unique{color:#fff;font-size:1rem;font-weight:700}.hr-portal-user-details-compact-unique{display:flex;flex-direction:column;gap:.15rem}.hr-portal-user-name-compact-unique{color:#1e2330;font-size:.95rem;font-weight:700}.hr-portal-company-name-compact-unique{color:#666;font-size:.8rem;font-weight:500}.hr-portal-subscription-badge-container-unique{align-items:center;display:flex}.hr-portal-subscription-badge-unique{align-items:center;border:2px solid #0000;border-radius:20px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.hr-portal-subscription-badge-unique:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.paid-active-unique{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.paid-active-unique:hover{border-color:#4caf50}.trial-active-unique{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.trial-active-unique:hover{border-color:#ffa726}.trial-ended-unique{animation:urgentPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#c62828,#e53935);color:#fff}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #c62828b3}50%{box-shadow:0 0 0 6px #c6282800}}.no-plan-unique:hover{background:#d0d0d0}.hr-portal-badge-icon-unique{font-size:1.1rem}.hr-portal-badge-text-unique{font-weight:600}.hr-portal-badge-status-unique{background:#ffffff4d;border-radius:10px;font-size:.75rem;font-weight:700;padding:.15rem .5rem}.hr-portal-upgrade-indicator-unique{animation:bounce 1s ease-in-out infinite;font-size:1.2rem;font-weight:700}.urgent-unique{color:#fff}.hr-portal-user-navigation-unique{align-items:center;display:flex;flex-shrink:0;gap:1.5rem}.hr-portal-quick-actions-unique{align-items:center;display:flex;gap:.5rem}.hr-portal-action-btn-unique{align-items:center;background:#f8f9fa;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1.3rem;height:42px;justify-content:center;position:relative;transition:all .3s ease;width:42px}.hr-portal-action-btn-unique:hover{background:#e9ecef;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.hr-portal-action-btn-unique:hover .hr-portal-action-tooltip-unique{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.hr-portal-action-icon-unique{font-size:1.2rem}.hr-portal-action-tooltip-unique{background:#1e2330;border-radius:6px;bottom:-35px;color:#fff;font-size:.75rem;font-weight:600;left:50%;opacity:0;padding:.4rem .8rem;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:100}.hr-portal-action-tooltip-unique:before{border-bottom:4px solid #1e2330;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.hr-portal-notification-btn-unique{position:relative}.hr-portal-notification-badge-unique{animation:notificationPulse 2s ease-in-out infinite;background:#c62828;border-radius:10px;box-shadow:0 2px 4px #c6282866;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.15rem .4rem;position:absolute;right:-4px;text-align:center;top:-4px}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hr-portal-logout-btn-unique:hover{background:#c628281a}.hr-portal-user-avatar-container-unique{cursor:pointer;position:relative}.hr-portal-user-avatar-unique{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:45px}.hr-portal-user-avatar-unique:hover{box-shadow:0 4px 12px #c628284d;transform:scale(1.05)}.hr-portal-avatar-initial-unique{color:#fff;font-size:1.2rem;font-weight:700}.profile-picture-upload-overlay-unique{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.hr-portal-user-avatar-unique:hover .profile-picture-upload-overlay-unique{opacity:1}.upload-icon-unique{font-size:1.2rem}.hr-portal-avatar-status-indicator-unique{animation:statusPulse 2s ease-in-out infinite;background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 0 0 2px #4caf504d;height:12px;position:absolute;right:2px;width:12px}.hr-portal-user-dropdown-unique{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;opacity:0;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:320px;z-index:1001}.hr-portal-user-avatar-container-unique:hover .hr-portal-user-dropdown-unique{opacity:1;transform:translateY(0);visibility:visible}.hr-portal-dropdown-header-unique{border-bottom:1px solid #e0e0e0;padding:1.5rem}.hr-portal-user-info-dropdown-unique{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.hr-portal-user-avatar-dropdown-unique{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-size:cover;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.profile-picture-dropdown-overlay-unique{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.hr-portal-user-avatar-dropdown-unique:hover .profile-picture-dropdown-overlay-unique{opacity:1}.upload-icon-small-unique{font-size:1.5rem}.hr-portal-user-name-dropdown-unique{color:#1e2330;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.hr-portal-user-email-dropdown-unique{color:#666;font-size:.85rem;margin:0 0 .5rem}.change-photo-btn-unique{background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.75rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.change-photo-btn-unique:hover{background:#a02020;box-shadow:0 2px 6px #c628284d;transform:translateY(-1px)}.hr-portal-subscription-status-dropdown-unique{display:flex;justify-content:flex-start}.hr-portal-badge-unique{border-radius:15px;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.trial-unique{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.paid-unique{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.no-plan-unique{background:#e0e0e0;color:#666}.hr-portal-dropdown-menu-unique{padding:.5rem}.hr-portal-dropdown-menu-unique button{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.hr-portal-dropdown-menu-unique button:hover{background:#f8f9fa}.hr-portal-dropdown-menu-unique button span{font-size:1.2rem}.hr-portal-logout-dropdown-unique:hover{background:#c628281a;color:#c62828}@media (max-width:1200px){.hr-portal-user-subscription-wrapper-unique{flex-direction:column;gap:.75rem;padding:.75rem 1rem}}@media (max-width:992px){.hr-portal-header-content-unique{padding:1rem 1.5rem}.hr-portal-center-section-unique{display:none}}@media (max-width:768px){.hr-portal-header-content-unique{gap:1rem;padding:.75rem 1rem}.hr-portal-brand-text-unique{display:none}.hr-portal-quick-actions-unique{gap:.25rem}.hr-portal-action-btn-unique{height:38px;width:38px}.hr-portal-user-dropdown-unique{width:280px}}@media (max-width:480px){.hr-portal-logo-container-unique,.hr-portal-user-avatar-unique{height:40px;width:40px}.hr-portal-action-btn-unique:first-child,.hr-portal-action-btn-unique:nth-child(3){display:none}.hr-portal-user-dropdown-unique{right:-10px;width:260px}}.hr-portal-tutorial-overlay-unique{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.hr-portal-tutorial-container-unique{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.hr-portal-tutorial-header-unique{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eaeaea;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.hr-portal-tutorial-header-unique h2{font-size:24px;font-weight:600;margin:0}.hr-portal-tutorial-skip-unique{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.hr-portal-tutorial-skip-unique:hover{background:#ffffff4d}.hr-portal-tutorial-content-unique{padding:32px}.hr-portal-tutorial-step-unique{animation:fadeIn .3s ease}.hr-portal-step-indicator-unique{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.hr-portal-step-indicator-unique span{align-items:center;background:#f0f0f0;border-radius:50%;color:#888;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.hr-portal-step-active-unique{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px #667eea66;color:#fff!important}.hr-portal-tutorial-step-unique h3{color:#333;font-size:22px;margin:0 0 16px}.hr-portal-tutorial-step-unique p{color:#666;font-size:16px;line-height:1.6;margin:0 0 24px}.hr-portal-instruction-card-unique{align-items:center;background:#f8f9ff;border:1px solid #e6e8ff;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:20px;transition:all .3s}.hr-portal-instruction-card-unique:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.hr-portal-instruction-icon-unique{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.hr-portal-action-glow-unique{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:10px 20px;transition:all .3s}.hr-portal-action-glow-unique:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.hr-portal-checklist-item-unique{align-items:center;background:#f9f9f9;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px}.hr-portal-checklist-item-unique input{height:18px;width:18px}.hr-portal-quick-setup-unique{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.hr-portal-setup-option-unique{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:20px;text-align:center;transition:all .3s}.hr-portal-setup-option-unique:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a}.hr-portal-setup-option-unique span{display:block;font-size:32px;margin-bottom:12px}.hr-portal-edit-btn-unique{background:#f0f2ff;border:1px solid #d6dcff;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;margin-top:12px;padding:6px 16px}.hr-portal-config-step-unique{align-items:center;background:#f8f9ff;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:20px}.hr-portal-step-number-unique{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.hr-portal-recommendations-unique{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:16px;margin:24px 0;padding:24px}.hr-portal-recommendation-unique{align-items:center;background:#fff;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:16px}.hr-portal-rec-icon-unique{align-items:center;background:#f0f2ff;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.hr-portal-tutorial-actions-unique{border-top:1px solid #eaeaea;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.hr-portal-back-btn-unique{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s}.hr-portal-back-btn-unique:hover{background:#e9ecef}.hr-portal-next-btn-unique{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 32px;transition:all .3s}.hr-portal-next-btn-unique:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-1px)}.hr-portal-complete-btn-unique{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 32px;transition:all .3s}.hr-portal-complete-btn-unique:hover{box-shadow:0 8px 25px #4caf5066;transform:translateY(-1px)}.hr-portal-tutorial-btn-unique{animation:pulse 2s infinite;position:relative}@media (max-width:768px){.hr-portal-tutorial-container-unique{margin:10px;max-height:95vh}.hr-portal-tutorial-header-unique{flex-direction:column;gap:12px;padding:16px 20px;text-align:center}.hr-portal-tutorial-content-unique{padding:20px}.hr-portal-quick-setup-unique{grid-template-columns:1fr}}.stat-card-icon{border-radius:12px;height:60px;margin-bottom:15px;width:60px}.stat-card-icon,.stat-icon-svg{align-items:center;display:flex;justify-content:center}.stat-icon-svg svg{stroke-width:2;fill:none;height:28px;width:28px}.stat-card-primary .stat-card-icon{background:#c628281a}.stat-card-primary .stat-icon-svg svg{stroke:#c62828}.stat-card-secondary .stat-card-icon{background:#2196f31a}.stat-card-secondary .stat-icon-svg svg{stroke:#2196f3}.stat-card-accent .stat-card-icon{background:#4caf501a}.stat-card-accent .stat-icon-svg svg{stroke:#4caf50}.stat-card-info .stat-card-icon{background:#ff98001a}.stat-card-info .stat-icon-svg svg{stroke:#ff9800}.hrcd-action-icon{stroke-width:1.5;height:28px;width:28px}.hrcd-action-card-wrapper[data-color=primary] .hrcd-action-icon{stroke:#3b82f6;stroke:var(--primary-color,#3b82f6)}.hrcd-action-card-wrapper[data-color=secondary] .hrcd-action-icon{stroke:#8b5cf6;stroke:var(--secondary-color,#8b5cf6)}.hrcd-action-card-wrapper[data-color=accent] .hrcd-action-icon{stroke:#10b981;stroke:var(--accent-color,#10b981)}.hrcd-action-card-wrapper[data-color=info] .hrcd-action-icon{stroke:#06b6d4;stroke:var(--info-color,#06b6d4)}.hrcd-action-card-wrapper[data-color=success] .hrcd-action-icon{stroke:#10b981;stroke:var(--success-color,#10b981)}.hrcd-action-card-wrapper[data-color=warning] .hrcd-action-icon{stroke:#f59e0b;stroke:var(--warning-color,#f59e0b)}.hrcd-action-card-wrapper[data-color=purple] .hrcd-action-icon{stroke:#8b5cf6;stroke:var(--purple-color,#8b5cf6)}.hrcd-action-card-wrapper[data-color=pink] .hrcd-action-icon{stroke:#ec4899;stroke:var(--pink-color,#ec4899)}.hrcd-action-card-wrapper:hover .hrcd-action-icon{transform:scale(1.1);transition:transform .3s ease}.hrcd-metrics-grid-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));margin-bottom:20px}.hrcd-metric-card-box{background:#fff;border:1px solid #c62828;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;padding:20px;transition:all .3s ease}.hrcd-metric-card-box:hover{border-color:#e0e0e0;box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.hrcd-metric-card-inline{align-items:flex-start;display:flex;gap:16px}.hrcd-metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;height:48px;justify-content:center;min-width:48px;padding:10px;width:48px}.hrcd-metric-icon svg{stroke-width:2;height:24px;width:24px}.hrcd-metric-content{flex:1 1;min-width:0}.hrcd-metric-main-line{align-items:baseline;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:8px;white-space:nowrap}.hrcd-metric-value{color:#1a1a1a;font-size:2.2rem;font-weight:700;line-height:1;white-space:nowrap}.hrcd-metric-label{color:#666;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:-30px;margin-left:-30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrcd-metric-trend{background:#10b9811a;border-radius:12px;color:#10b981;display:inline-block;font-size:.85rem;font-weight:500;margin-left:-290px;padding:4px 10px;text-align:start}.hrcd-metric-card-box:first-child .hrcd-metric-icon,.hrcd-metric-card-box:nth-child(2) .hrcd-metric-icon,.hrcd-metric-card-box:nth-child(3) .hrcd-metric-icon,.hrcd-metric-card-box:nth-child(4) .hrcd-metric-icon{background:linear-gradient(135deg,#c62828,#c62828)}.hrcd-metric-card-box:first-child .hrcd-metric-trend{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(155deg,#c6282859,#c6282826);border-radius:12px;color:#fff;padding:4px 10px}.hrcd-metric-card-box:nth-child(2) .hrcd-metric-trend,.hrcd-metric-card-box:nth-child(3) .hrcd-metric-trend,.hrcd-metric-card-box:nth-child(4) .hrcd-metric-trend{background:#c628282e;color:#fff}@media (max-width:1024px){.hrcd-metrics-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hrcd-metrics-grid-wrapper{gap:16px;grid-template-columns:1fr}.hrcd-metric-card-box{padding:16px}.hrcd-metric-value{font-size:2rem}.hrcd-metric-icon{height:44px;min-width:44px;width:44px}.hrcd-metric-icon svg{height:22px;width:22px}}@media (max-width:480px){.hrcd-metric-main-line{flex-wrap:wrap;gap:8px}.hrcd-metric-value{font-size:1.8rem}.hrcd-metric-label{font-size:.9rem}.hrcd-metric-trend{font-size:.8rem}}.logout-confirmation-modal{z-index:9999}.logout-confirmation-modal,.logout-modal-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.logout-modal-overlay{align-items:center;background:#00000080;display:flex;justify-content:center}.logout-modal-content{animation:modalFadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:24px;width:90%}.logout-modal-header h3{color:#333;font-size:20px;margin:0 0 16px}.logout-modal-body p{color:#666;line-height:1.5;margin:0 0 24px}.logout-modal-footer{display:flex;gap:12px;justify-content:flex-end}.logout-cancel-btn,.logout-confirm-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.logout-cancel-btn{background:#f5f5f5;color:#333}.logout-cancel-btn:hover{background:#e0e0e0}.logout-confirm-btn{background:#f44;color:#fff}.logout-confirm-btn:hover{background:#d33}.hr-portal-logout-btn-unique{background:#0000;border:1px solid #fff3;color:#ff6b6b}.hr-portal-logout-btn-unique:hover{background:#ff6b6b1a;border-color:#ff6b6b}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.event-list{display:flex;flex-direction:column;gap:10px}.event-card{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:14px 18px;transition:.3s ease}.event-card:hover{transform:translateY(-2px)}.event-date{color:#555;font-size:.95rem}.event-title{font-size:1rem;font-weight:600}.regular-card{background-color:#f2f6ff;border-left:4px solid #3f51b5}.birthday-card{background-color:#fff0f5;border-left:4px solid #e91e63;color:#d63384;font-weight:600}.no-events{color:#999;padding:20px}.employee-details-page{background-color:#fff;color:#1e2330;font-family:Raleway,sans-serif;margin-top:60px;min-height:100vh;padding:20px}.details-header{align-items:center;border-bottom:2px solid #c62828;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.details-header h2{color:#c62828;font-size:28px;font-weight:700;margin:0}.details-header p{color:#666;font-size:14px;margin:5px 0 0}.header-actions{display:flex;gap:10px}.back-btn,.refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn{background-color:#c62828;color:#fff}.refresh-btn:hover{background-color:#b71c1c;box-shadow:0 4px 12px #c6282833;transform:translateY(-2px)}.back-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#1e2330}.back-btn:hover{background-color:#e9e9e9}.details-main-container{display:flex;gap:30px;height:calc(100vh - 150px)}.employee-list-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;width:350px}.list-header{border-bottom:1px solid #eee;padding:20px}.list-header h3{color:#c62828;font-size:18px;font-weight:600;margin:0 0 15px}.search-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:Raleway,sans-serif;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.search-box:focus{background-color:#fff;border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.employee-scroll-list{flex:1 1;overflow-y:auto;padding:10px}.employee-list-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.employee-list-item:hover{background-color:#f9f9f9;border-color:#ddd;box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.employee-list-item.selected{background-color:#fff5f5;border-color:#c62828;border-left:4px solid #c62828}.item-avatar{background:linear-gradient(135deg,#c62828,#ff5252);font-weight:600;height:40px;margin-right:15px;width:40px}.item-info h4{color:#1e2330;font-size:16px;font-weight:600;margin:0 0 5px}.item-info p{color:#666;font-size:13px;margin:0 0 3px}.item-info small{color:#888;font-size:12px}.item-status{margin-left:auto}.status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.inactive{background-color:#ffebee;color:#c62828}.status.pending{background-color:#fff3e0;color:#ef6c00}.employee-details-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.employee-header{align-items:center;background:linear-gradient(135deg,#fff5f5,#fff);border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:25px 30px}.emp-avatar-large{background:linear-gradient(135deg,#c62828,#ff5252);font-size:28px;height:70px;width:70px}.employee-header h3{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 5px}.employee-header p{color:#666;font-size:14px;margin:0}.header-right{gap:10px}.dashboard-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.edit-btn{background-color:#1e2330;color:#fff}.edit-btn:hover{background-color:#0f1219}.dashboard-btn{background-color:#c62828}.dashboard-btn:hover{background-color:#b71c1c;transform:translateY(-2px)}.details-tabs{background:#f9f9f9;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;padding:0 30px}.tab-btn{color:#666;font-family:Raleway,sans-serif;padding:15px 25px;position:relative;text-transform:capitalize;transition:all .3s ease}.tab-btn.active:after{background-color:#c62828;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-content{flex:1 1;overflow-y:auto;padding:30px}.details-section{animation:fadeIn .3s ease}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.info-item{background:#f9f9f9;border-left:4px solid #c62828;border-radius:8px;padding:15px}.info-item label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.info-item span{color:#1e2330;display:block;font-size:16px;font-weight:500}.status-badge{padding:4px 12px}.status-badge.active,.status-badge.approved,.status-badge.present{background-color:#e8f5e9;color:#2e7d32}.status-badge.pending{background-color:#fff3e0;color:#ef6c00}.status-badge.absent,.status-badge.rejected{background-color:#ffebee;color:#c62828}.section-header{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.section-header h4{color:#c62828;font-size:20px;font-weight:600;gap:10px}.refresh-btn-sm{background-color:#1e2330;border-radius:6px;font-size:13px;gap:6px;padding:8px 15px}.refresh-btn-sm:hover{background-color:#0f1219}.stats-summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.stat-item{background:#fff;border:1px solid #eee;flex:1 1;min-width:120px;transition:transform .3s ease}.stat-item:hover{box-shadow:0 8px 16px #0000001a}.stat-number{font-size:32px;margin-bottom:5px}.stat-label{color:#666}.data-table{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden}.data-table th{background-color:#fff5f5;border-bottom:1px solid #eee;color:#c62828;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px}.data-table tr:hover{background-color:#f9f9f9}.data-table tr:last-child td{border-bottom:none}.leave-type{background-color:#e3f2fd;border-radius:15px;color:#1565c0;font-size:12px;padding:4px 12px}.days-count{color:#c62828;font-weight:600}.reason-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-data-message,.no-selection{color:#666;padding:60px 20px;text-align:center}.no-data-icon{font-size:60px;margin-bottom:20px;opacity:.3}.no-data-message p{font-size:18px;margin-bottom:10px}.no-data-subtext{color:#888;font-size:14px}.select-icon{font-size:80px;margin-bottom:20px;opacity:.3}.no-selection h4{color:#c62828;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.loading{font-style:italic;padding:40px;text-align:center}.modal-overlay{animation:fadeIn .3s ease;background:#000c}.modal-content{animation:slideUp .3s ease;max-height:90%;max-width:90%}.modal-header{background:#fff5f5;border-bottom:1px solid #eee;padding:20px}.modal-header h3{color:#1e2330;font-size:18px;margin:0}.close-btn{color:#c62828;font-size:28px;height:30px;padding:0;width:30px}.modal-body{max-height:70vh;overflow:auto;padding:20px}.employee-id-badge{background:#1e2330;color:#fff;font-weight:600}.employee-id-badge,.employee-mongo-id{border-radius:6px;font-size:12px;padding:6px 12px}.employee-mongo-id{background:#f0f0f0;color:#666;font-family:monospace}.summary-stats{display:flex;gap:20px;margin-bottom:20px}.summary-stats .stat{background:#f9f9f9;border-radius:8px;flex:1 1;padding:15px;text-align:center}.hours-badge{background:#e8f5e9;border-radius:15px;color:#2e7d32;font-weight:600;padding:4px 12px}.task-cell .employee-warning{color:#ff6b00;font-size:11px;margin-top:2px}.btn-small{background:#1e2330;border-radius:4px;font-size:12px;padding:6px 12px}.btn-small:hover{background:#0f1219}.experience-list,.qualification-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.experience-card,.qualification-card{background:#f9f9f9;border-left:4px solid #c62828;border-radius:8px;padding:20px}.exp-header,.qual-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.exp-header strong,.qual-header strong{color:#1e2330;font-size:16px}.exp-header span,.qual-header span{color:#666;font-size:14px}.exp-details p,.qual-details p{font-size:14px;margin:5px 0}.exp-details strong,.qual-details strong{color:#666}.no-data{color:#888;font-style:italic;padding:40px;text-align:center}.document-section{animation:fadeIn .3s ease}.document-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border:1px solid #eee;display:flex;gap:15px}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.stat-icon{font-size:32px}.stat-content h5{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.stat-content p{color:#c62828;font-size:24px;font-weight:700;margin:0}.document-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.document-card{border:1px solid #eee;border-radius:10px;overflow:hidden}.document-card:hover{border-color:#c62828;box-shadow:0 8px 25px #c6282826;transform:translateY(-5px)}.document-card-header{background:#fff5f5;justify-content:space-between;padding:15px}.document-icon{font-size:32px}.document-type-badge{align-items:center;background:#1e2330;border-radius:50%;color:#fff;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.document-card-content{padding:20px}.document-title{color:#1e2330;font-size:16px;font-weight:600;margin:0 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-details{margin-bottom:20px}.detail-item{font-size:13px;margin-bottom:8px}.detail-value{font-weight:500;max-width:60%;overflow:hidden;text-overflow:ellipsis}.document-actions{gap:10px}.action-btn{border-radius:6px;flex:1 1;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease}.view-btn{background-color:#e3f2fd;color:#1565c0}.view-btn:hover{background-color:#bbdefb}.download-btn{background-color:#e8f5e9;color:#2e7d32}.download-btn:hover{background-color:#c8e6c9}.info-btn{background-color:#f3e5f5;color:#7b1fa2}.info-btn:hover{background-color:#e1bee7}.btn-icon{font-size:14px}.quick-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding-top:20px}.quick-action-btn{align-items:center;background-color:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-weight:600;gap:10px;padding:12px 25px;transition:all .3s ease}.quick-action-btn:hover{background-color:#b71c1c;transform:translateY(-2px)}.quick-action-btn.secondary{background-color:#1e2330}.quick-action-btn.secondary:hover{background-color:#0f1219}.action-icon{font-size:16px}.empty-icon{color:#ddd;margin-bottom:20px}.empty-state h5{color:#1e2330;margin-bottom:10px}.empty-state p{margin-bottom:20px}.empty-action-btn{align-items:center;background-color:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-weight:600;gap:10px;margin:0 auto;padding:12px 25px;transition:all .3s ease}.empty-action-btn:hover{background-color:#b71c1c;transform:translateY(-2px)}.data-footer{border-top:1px solid #eee;color:#666;font-size:14px;margin-top:20px;padding-top:15px}@media (max-width:1200px){.details-main-container{flex-direction:column;height:auto}.employee-list-container{height:400px;width:100%}}@media (max-width:768px){.employee-details-page{padding:10px}.details-header{gap:15px}.details-header,.employee-header{flex-direction:column;text-align:center}.employee-header{gap:20px}.details-tabs{overflow-x:auto;padding:0 15px;white-space:nowrap}.tab-btn{font-size:14px;padding:12px 15px}.info-grid{grid-template-columns:1fr}.stats-summary{flex-direction:column}.data-table{overflow-x:auto}.data-table table{min-width:800px}.document-grid{grid-template-columns:1fr}.document-actions,.quick-actions{flex-direction:column}.header-actions{justify-content:center;width:100%}}@media (max-width:480px){.back-btn,.dashboard-btn,.edit-btn,.refresh-btn{font-size:14px;padding:8px 15px}.tab-content{padding:15px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-header h4{font-size:18px}}.item-avatar{align-items:center;background-color:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:45px;justify-content:center;overflow:hidden;position:relative;width:45px}.employee-avatar-img{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.avatar-initials{font-size:16px;height:100%;width:100%}.avatar-initials,.emp-avatar-large{align-items:center;background-color:#667eea;color:#fff;display:flex;font-weight:700;justify-content:center}.emp-avatar-large{border-radius:50%;flex-shrink:0;font-size:32px;height:80px;overflow:hidden;position:relative;width:80px}.employee-avatar-large-img{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.avatar-large-initials{align-items:center;background-color:#667eea;color:#fff;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.employee-list-item:hover .item-avatar{transform:scale(1.05);transition:transform .2s ease}.employee-list-item.selected .item-avatar{box-shadow:0 0 0 3px #667eea}.emp-avatar-large{box-shadow:0 4px 12px #0000001a}.header-left{align-items:center;display:flex;gap:20px}.emp-avatar-large{margin-right:0}.emp-avatar-large img,.item-avatar img{z-index:1}.details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:2rem}.section-header{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h4{color:#1e2330;font-size:1.5rem;font-weight:800;margin:0}.refresh-btn-sm,.section-header h4{align-items:center;display:flex;font-family:Raleway,sans-serif;gap:.5rem}.refresh-btn-sm{background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease;white-space:nowrap}.refresh-btn-sm:hover{background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.loading{color:#6b7280;font-family:Raleway,sans-serif;font-size:1rem;font-weight:500;padding:4rem 2rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-item{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1.25rem;transition:all .3s ease}.stat-item:hover{border-color:#c62828;box-shadow:0 4px 12px #c628281a;transform:translateY(-2px)}.stat-number{font-size:2rem;margin-bottom:.5rem}.stat-label{font-family:Raleway,sans-serif}.data-table{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto}.data-table table{background:#fff;border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,#c62828,#b71c1c);color:#fff}.data-table thead th{font-family:Raleway,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9375rem;padding:1rem 1.25rem;vertical-align:middle}.task-title-cell{display:flex;flex-direction:column;gap:.375rem;max-width:300px}.task-title-cell strong{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;line-height:1.4}.task-description-small{color:#6b7280;display:block;font-family:Raleway,sans-serif;font-size:.8125rem;line-height:1.5;margin-top:.25rem}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-family:Raleway,sans-serif;font-size:.75rem;letter-spacing:.5px;padding:.375rem .875rem;white-space:nowrap}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.in-progress{background:#dbeafe;color:#1e40af}.status-badge.not-started{background:#fef3c7;color:#92400e}.status-badge.pending{background:#fee2e2;color:#991b1b}.status-badge.cancelled,.status-badge.rejected{background:#f3f4f6;color:#4b5563}.btn-small{align-items:center;background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-small:hover{background:#b71c1c;box-shadow:0 2px 8px #c628284d;transform:translateY(-1px)}.btn-small:active{transform:translateY(0)}.data-footer{background:#f9fafb;border-radius:8px;color:#6b7280;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:500;padding:1rem;text-align:center}.no-data-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.no-data-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.6}.no-data-message p{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.no-data-subtext{color:#6b7280;font-family:Raleway,sans-serif;font-size:1rem;margin:0;max-width:400px}@media (max-width:992px){.stats-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.details-section{padding:1.5rem}.section-header{align-items:flex-start;flex-direction:column}.section-header h4{font-size:1.25rem}.refresh-btn-sm{justify-content:center;width:100%}.stats-summary{grid-template-columns:1fr}.data-table{overflow-x:scroll}.data-table table{min-width:800px}.data-table tbody td,.data-table thead th{font-size:.875rem;padding:.875rem 1rem}.task-title-cell{max-width:250px}.data-footer{font-size:.8125rem}}@media (max-width:480px){.details-section{padding:1rem}.section-header h4{font-size:1.125rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.75rem}.data-table table{min-width:700px}.task-title-cell{max-width:200px}.task-title-cell strong{font-size:.9375rem}.task-description-small{font-size:.75rem}.no-data-icon{font-size:4rem}.no-data-message p{font-size:1.125rem}.no-data-subtext{font-size:.9375rem}}.data-table::-webkit-scrollbar{height:8px}.data-table::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.data-table::-webkit-scrollbar-thumb{background:#c62828;border-radius:4px}.data-table::-webkit-scrollbar-thumb:hover{background:#b71c1c}.data-table tbody tr{position:relative}.data-table tbody tr:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s ease;width:3px}.data-table tbody tr:hover:before{background:#c62828}.btn-small:focus,.refresh-btn-sm:focus{outline:2px solid #c62828;outline-offset:2px}@media print{.btn-small,.refresh-btn-sm{display:none}.data-table{border:1px solid #000}.data-table thead{background:#000!important;color:#fff!important}.details-section{border:1px solid #000;box-shadow:none}}.taske-details-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#1e2330;font-family:Raleway,sans-serif;padding:20px}.taske-section-header{align-items:center;border-bottom:2px solid #c62828;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.taske-section-header h4{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:600;margin:0}.taske-refresh-btn-sm{background:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;padding:8px 15px;transition:background .3s ease}.taske-refresh-btn-sm:hover{background:#b71c1c}.taske-loading{color:#1e2330;font-family:Raleway,sans-serif;font-weight:500;padding:40px;text-align:center}.taske-stats-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.taske-stat-item{background:#f8f9fa;border-radius:6px;border-top:3px solid #c62828;padding:15px;text-align:center}.taske-stat-number{color:#c62828;display:block;font-family:Raleway,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:5px}.taske-stat-label{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500}.taske-data-table{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;overflow-x:auto}.taske-data-table table{border-collapse:collapse;font-family:Raleway,sans-serif;width:100%}.taske-data-table thead{background:#c62828}.taske-data-table th{color:#fff;font-family:Raleway,sans-serif;font-weight:600;padding:12px 15px;text-align:left}.taske-data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.taske-data-table tbody tr:hover{background:#f8f9fa}.taske-data-table td{color:#1e2330;font-family:Raleway,sans-serif;padding:12px 15px}.taske-title-cell{display:flex;flex-direction:column;gap:5px}.taske-title-cell strong{color:#1e2330;font-weight:600}.taske-description-small{color:#666;font-size:.85rem;line-height:1.4}.taske-status-badge{border-radius:20px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:4px 10px}.taske-status-badge.completed{background:#e8f5e9;color:#2e7d32}.taske-status-badge.in-progress{background:#fff3e0;color:#ef6c00}.taske-status-badge.not-started{background:#f5f5f5;color:#757575}.taske-btn-small{background:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.taske-btn-small:hover{background:#b71c1c;transform:translateY(-1px)}.taske-data-footer{background:#f8f9fa;border-radius:0 0 6px 6px;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;padding:10px}.taske-data-footer,.taske-no-data-message{font-family:Raleway,sans-serif;text-align:center}.taske-no-data-message{padding:40px 20px}.taske-no-data-icon{color:#c62828;font-size:3rem;margin-bottom:15px}.taske-no-data-message p{color:#1e2330;font-weight:500;margin-bottom:10px}.taske-no-data-subtext{color:#666;font-size:.9rem;font-weight:400}.taske-modal-overlay{align-items:center;animation:taske-fadeIn .3s ease;background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.taske-modal{animation:taske-slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.taske-modal-header{align-items:center;background:#c62828;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.taske-modal-title{align-items:center;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.taske-modal-title-icon{font-size:1.2rem}.taske-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.taske-modal-close-btn:hover{background:#fff3}.taske-modal-content{padding:25px}.taske-modal-section{margin-bottom:20px}.taske-modal-row{border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:15px;padding-bottom:15px}.taske-modal-label{flex-shrink:0;font-weight:600;min-width:140px}.taske-modal-label,.taske-modal-value{color:#1e2330;font-family:Raleway,sans-serif}.taske-modal-value{flex-grow:1}.taske-modal-status{border-radius:20px;display:inline-block;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;padding:4px 12px}.taske-modal-status.completed{background:#e8f5e9;color:#2e7d32}.taske-modal-status.in-progress{background:#fff3e0;color:#ef6c00}.taske-modal-status.not-started{background:#f5f5f5;color:#757575}.taske-modal-footer{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.taske-modal-close-btn-main{background:#c62828;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;padding:10px 25px;transition:all .3s ease}.taske-modal-close-btn-main:hover{background:#b71c1c;transform:translateY(-2px)}@keyframes taske-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes taske-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.taske-modal{max-height:85vh;width:95%}.taske-modal-row{flex-direction:column;gap:5px}.taske-modal-label{min-width:auto}.taske-modal-title{font-size:1.1rem}.taske-modal-content{padding:15px}}.acadi-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.acadi-section-header{border-bottom:2px solid #c62828;margin-bottom:25px;padding-bottom:15px}.acadi-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.acadi-header-icon{font-size:1.2rem}.acadi-qualification-list{display:flex;flex-direction:column;gap:20px}.acadi-qualification-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.acadi-qualification-card:hover{border-color:#c62828;box-shadow:0 6px 15px #c628281a;transform:translateY(-2px)}.acadi-card-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.acadi-degree-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.acadi-degree-title{color:#c62828;flex:1 1;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:700;margin:0}.acadi-degree-year{flex-shrink:0}.acadi-year-badge{background:#1e2330;border-radius:20px;color:#fff;display:inline-block;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;padding:6px 15px}.acadi-card-body{padding:25px}.acadi-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.acadi-info-item{display:flex;flex-direction:column;gap:5px}.acadi-info-label{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;gap:8px}.acadi-icon{font-size:.9rem}.acadi-info-value{color:#444;font-family:Raleway,sans-serif;font-size:1rem;padding-left:26px}.acadi-grade-value,.acadi-percentage-value{color:#c62828;font-weight:600}.acadi-additional-info{border-top:1px dashed #e0e0e0;margin-top:25px;padding-top:20px}.acadi-additional-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.acadi-additional-item{display:flex;flex-direction:column;gap:5px}.acadi-additional-label{color:#666;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500}.acadi-additional-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500}.acadi-card-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 25px}.acadi-level-badge{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600;padding:4px 12px}.acadi-level-badge.doctoral{background:#9c27b01a;border:1px solid #9c27b0;color:#9c27b0}.acadi-level-badge.masters{background:#2196f31a;border:1px solid #2196f3;color:#2196f3}.acadi-level-badge.bachelors{background:#4caf501a;border:1px solid #4caf50;color:#4caf50}.acadi-level-badge.diploma{background:#ff98001a;border:1px solid #ff9800;color:#ff9800}.acadi-level-badge.secondary{background:#9e9e9e1a;border:1px solid #9e9e9e;color:#9e9e9e}.acadi-level-badge.other{background:#607d8b1a;border:1px solid #607d8b;color:#607d8b}.acadi-card-index{font-family:Raleway,sans-serif}.acadi-index-number{color:#666;font-size:.85rem;font-weight:500}.acadi-no-data{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;padding:60px 20px;text-align:center}.acadi-no-data-icon{color:#c62828;font-size:3.5rem;margin-bottom:20px;opacity:.7}.acadi-no-data-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:10px}.acadi-no-data-subtext{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.acadi-details-section{padding:20px}.acadi-degree-info{align-items:flex-start;flex-direction:column;gap:10px}.acadi-card-body{padding:20px}.acadi-info-grid{gap:15px}.acadi-additional-grid,.acadi-info-grid{grid-template-columns:1fr}.acadi-section-header h4{font-size:1.1rem}}.expri-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.expri-section-header{border-bottom:2px solid #c62828;margin-bottom:30px;padding-bottom:15px}.expri-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.expri-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.expri-header-icon{font-size:1.2rem}.expri-total-experience{flex-shrink:0}.expri-total-badge{background:#1e2330;border-radius:20px;color:#fff;display:inline-block;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;padding:8px 20px}.expri-timeline-view{padding-left:30px;position:relative}.expri-timeline-card{cursor:pointer;margin-bottom:25px;position:relative;transition:all .3s ease}.expri-timeline-card:hover{transform:translateX(5px)}.expri-timeline-marker{align-items:center;display:flex;flex-direction:column;left:-30px;position:absolute;top:0}.expri-marker-circle{background:#c62828;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #c62828;height:16px;width:16px;z-index:2}.expri-timeline-connector{background:#e0e0e0;height:calc(100% + 25px);margin-top:16px;width:2px}.expri-timeline-content{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.expri-timeline-card:hover .expri-timeline-content{border-color:#c62828;box-shadow:0 6px 15px #c628281a}.expri-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.expri-company-role{flex:1 1;min-width:200px}.expri-company-name{color:#c62828;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 5px}.expri-role-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;margin:0}.expri-duration-info{align-items:flex-end;display:flex;flex-direction:column;gap:5px;min-width:150px}.expri-duration{background:#1e2330;border-radius:15px;color:#fff;display:inline-block;font-weight:600;padding:4px 12px}.expri-dates,.expri-duration{font-family:Raleway,sans-serif;font-size:.85rem}.expri-dates{color:#666}.expri-location-info{align-items:center;display:flex;gap:8px;margin-bottom:15px}.expri-location-icon,.expri-location-text{color:#666;font-size:.9rem}.expri-location-text{font-family:Raleway,sans-serif}.expri-description-preview{margin-bottom:15px}.expri-description-text{color:#444;font-family:Raleway,sans-serif;font-size:.9rem;line-height:1.5;margin:0}.expri-card-footer{text-align:right}.expri-view-details-btn{background:#c62828;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.expri-view-details-btn:hover{background:#b71c1c;transform:translateY(-1px)}.expri-summary-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.expri-current-role{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.expri-current-label{color:#1e2330}.expri-current-label,.expri-current-value{font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600}.expri-current-value{color:#c62828}.expri-no-data{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;padding:60px 20px;text-align:center}.expri-no-data-icon{color:#c62828;font-size:3.5rem;margin-bottom:20px;opacity:.7}.expri-no-data-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:10px}.expri-no-data-subtext{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:400px}.expri-modal-overlay{align-items:center;animation:expri-fadeIn .3s ease;background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.expri-modal{animation:expri-slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:700px;overflow-y:auto;width:90%}.expri-modal-header{align-items:center;background:#c62828;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.expri-modal-title{align-items:center;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.expri-modal-title-icon{font-size:1.2rem}.expri-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.expri-modal-close-btn:hover{background:#fff3}.expri-modal-content{padding:25px}.expri-modal-main{margin-bottom:25px}.expri-modal-company-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.expri-modal-company-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.4rem;font-weight:700;margin:0}.expri-company-type{background:#f0f0f0;border-radius:15px;font-family:Raleway,sans-serif;font-size:.85rem;padding:4px 12px}.expri-modal-role-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.expri-modal-role-title{color:#c62828;font-size:1.1rem;margin:0}.expri-duration-badge,.expri-modal-role-title{font-family:Raleway,sans-serif;font-weight:600}.expri-duration-badge{background:#1e2330;border-radius:20px;color:#fff;font-size:.9rem;padding:6px 15px}.expri-modal-timeline{height:40px;position:relative}.expri-timeline-dot{background:#c62828;border-radius:50%;height:12px;left:0;position:absolute;top:15px;width:12px}.expri-timeline-line{background:#e0e0e0;height:2px;left:0;position:absolute;top:20px;width:100%}.expri-modal-details{background:#f8f9fa;border-radius:8px;padding:20px}.expri-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.expri-detail-item{display:flex;flex-direction:column;gap:5px}.expri-detail-label{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;gap:8px}.expri-detail-icon{font-size:.9rem}.expri-detail-value{color:#444;font-family:Raleway,sans-serif;font-size:1rem;padding-left:26px}.expri-employment-type{color:#c62828;font-weight:600}.expri-salary{color:#4caf50;font-weight:600}.expri-description-section,.expri-responsibilities-section,.expri-skills-section{margin-bottom:20px}.expri-description-title,.expri-responsibilities-title,.expri-skills-title{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;gap:8px;margin:0 0 10px}.expri-desc-icon{font-size:.9rem}.expri-description-content{background:#fff;border-left:3px solid #c62828;border-radius:6px;color:#444;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;padding:15px}.expri-responsibilities-list{list-style:none;margin:0;padding:0}.expri-responsibility-item{color:#444;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.expri-resp-bullet{color:#c62828;font-size:1.2rem;left:0;position:absolute}.expri-skills-list{display:flex;flex-wrap:wrap;gap:8px}.expri-skill-tag{background:#c628281a;border-radius:15px;color:#c62828;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:4px 12px}.expri-modal-footer{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.expri-modal-close-btn-main{background:#c62828;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;padding:10px 25px;transition:all .3s ease}.expri-modal-close-btn-main:hover{background:#b71c1c;transform:translateY(-2px)}@keyframes expri-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expri-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.expri-timeline-view{padding-left:20px}.expri-timeline-marker{left:-20px}.expri-card-header{flex-direction:column}.expri-card-header,.expri-duration-info{align-items:flex-start}.expri-modal{max-height:85vh;width:95%}.expri-modal-company-info,.expri-modal-role-info{align-items:flex-start;flex-direction:column;gap:10px}.expri-details-grid{grid-template-columns:1fr}}.docui-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.docui-section-header{border-bottom:2px solid #c62828;margin-bottom:25px;padding-bottom:15px}.docui-header-main{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.docui-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.docui-header-icon{font-size:1.2rem}.docui-employee-info{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.docui-employee-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600}.docui-employee-id{color:#666;font-family:Raleway,sans-serif;font-size:.85rem}.docui-stats-container{margin-bottom:30px}.docui-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.docui-stat-card{align-items:center;background:#f8f9fa;border-radius:10px;border-top:4px solid #c62828;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.docui-stat-card:hover{transform:translateY(-3px)}.docui-stat-content h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.docui-stat-number{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.docui-documents-gridd{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));margin-bottom:30px}.docui-document-cards{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.docui-document-cards:hover{border-color:#c62828;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.docui-cards-header{align-items:center;background:#f8f9fa;border-left:4px solid #c62828;display:flex;justify-content:space-between;padding:15px}.docui-document-icon{align-items:center;border-radius:10px;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.docui-document-badges{display:flex;gap:8px}.docui-size-badge,.docui-upload-badge{border-radius:12px;display:inline-block;font-family:Raleway,sans-serif;font-size:.75rem;padding:3px 8px}.docui-upload-badge{background:#2196f31a;color:#2196f3}.docui-size-badge{background:#ff98001a;color:#ff9800}.docui-card-content{padding:20px}.docui-document-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e2330;display:-webkit-box;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 15px;overflow:hidden;text-overflow:ellipsis}.docui-document-meta{border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:15px}.docui-meta-item{align-items:center;display:flex;gap:10px}.docui-meta-icon{color:#666;font-size:.9rem;min-width:20px}.docui-meta-text{color:#666;font-family:Raleway,sans-serif;font-size:.85rem}.docui-card-actions{display:flex;gap:10px}.docui-action-btn{flex:1 1;font-size:.85rem;gap:6px;justify-content:center;padding:8px 12px}.docui-view-details-btn{background:#1e2330;color:#fff}.docui-view-details-btn:hover{background:#151a25}.docui-preview-btn{background:#c62828;color:#fff}.docui-preview-btn:hover{background:#b71c1c}.docui-quick-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:center;padding-top:20px}.docui-quick-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;gap:10px;padding:12px 25px;transition:all .3s ease}.docui-upload-btn{background:#c62828;color:#fff}.docui-upload-btn:hover{background:#b71c1c;transform:translateY(-2px)}.docui-export-btn{background:#1e2330;color:#fff}.docui-export-btn:hover{background:#151a25;transform:translateY(-2px)}.docui-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:10px;padding:60px 20px;text-align:center}.docui-empty-icon{color:#c62828;font-size:4rem;margin-bottom:20px;opacity:.7}.docui-empty-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px}.docui-empty-text{color:#666;line-height:1.5;margin:0 auto 25px;max-width:400px}.docui-empty-action-btn,.docui-empty-text{font-family:Raleway,sans-serif;font-size:.95rem}.docui-empty-action-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;margin:0 auto;padding:12px 30px;transition:all .3s ease}.docui-empty-action-btn:hover{background:#b71c1c;transform:translateY(-2px)}.docui-modal-overlay{align-items:center;animation:docui-fadeIn .3s ease;background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.docui-modal{animation:docui-slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.docui-modal-header{align-items:center;background:#c62828;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.docui-modal-title{align-items:center;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.docui-modal-title-icon{font-size:1.2rem}.docui-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.docui-modal-close-btn:hover{background:#fff3}.docui-modal-content{padding:25px}.docui-modal-document-preview{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.docui-preview-icon{align-items:center;border-radius:15px;display:flex;font-size:2rem;height:70px;justify-content:center;width:70px}.docui-preview-info{flex:1 1}.docui-preview-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 10px}.docui-preview-badges{display:flex;gap:10px}.docui-type-badge,.docui-upload-badge{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.8rem;padding:4px 10px}.docui-type-badge{background:#c628281a;color:#c62828}.docui-modal-details{background:#f8f9fa;border-radius:8px;padding:20px}.docui-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:20px}.docui-detail-item{display:flex;flex-direction:column;gap:5px}.docui-detail-label{align-items:center;color:#666;display:flex;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;gap:8px}.docui-detail-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem;padding-left:26px}.docui-upload-method{color:#c62828;font-weight:600}.docui-description-section{border-top:1px dashed #e0e0e0;padding-top:15px}.docui-description-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 10px}.docui-description-content{background:#fff;border-radius:6px;color:#444;font-family:Raleway,sans-serif;font-size:.9rem;line-height:1.5;padding:15px}.docui-modal-footer{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e0e0e0;padding:20px}.docui-modal-actions{display:flex;gap:10px;justify-content:flex-end}.docui-action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.docui-view-btn{background:#c62828;color:#fff}.docui-view-btn:hover{background:#b71c1c}.docui-download-btn{background:#4caf50;color:#fff}.docui-download-btn:hover{background:#43a047}.docui-close-btn{background:#666;color:#fff}.docui-close-btn:hover{background:#555}@keyframes docui-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes docui-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.docui-documents-gridd,.docui-stats-grid{grid-template-columns:1fr}.docui-card-actions,.docui-quick-actions{flex-direction:column}.docui-quick-action-btn{justify-content:center;width:100%}.docui-modal{max-height:85vh;width:95%}.docui-modal-actions{flex-direction:column}.docui-modal-actions .docui-action-btn{justify-content:center;width:100%}}.timsh-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.timsh-section-header{align-items:center;border-bottom:2px solid #c62828;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.timsh-header-main{flex:1 1;min-width:300px}.timsh-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 10px}.timsh-header-icon{font-size:1.2rem}.timsh-employee-info{display:flex;flex-wrap:wrap;gap:15px}.timsh-employee-id,.timsh-mongo-id{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;padding:6px 12px}.timsh-employee-id{background:#c628281a;color:#c62828;font-weight:600}.timsh-mongo-id{background:#2196f31a;color:#2196f3}.timsh-header-actions{flex-shrink:0}.timsh-refresh-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.timsh-refresh-btn:hover{background:#b71c1c;transform:translateY(-2px)}.timsh-refresh-icon{font-size:.9rem}.timsh-loading{padding:60px 20px;text-align:center}.timsh-loading-spinner{animation:timsh-spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#c62828;height:50px;margin:0 auto 20px;width:50px}@keyframes timsh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.timsh-loading p{color:#666;font-family:Raleway,sans-serif;font-size:.95rem}.timsh-stats-container{margin-bottom:30px}.timsh-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timsh-stat-card{align-items:center;background:#f8f9fa;border-radius:10px;border-top:4px solid #c62828;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.timsh-stat-card:hover{transform:translateY(-3px)}.timsh-stat-content h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.timsh-stat-number{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.timsh-filter-container{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:20px}.timsh-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.timsh-filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.timsh-filter-btn:hover{background:#f0f0f0}.timsh-filter-btn.active{background:#c62828;border-color:#c62828;color:#fff}.timsh-results-info{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500}.timsh-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;overflow:hidden}.timsh-table-responsive{overflow-x:auto}.timsh-table{border-collapse:collapse;font-family:Raleway,sans-serif;width:100%}.timsh-table thead{background:#c62828}.timsh-table th{color:#fff;font-size:.9rem;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.timsh-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.timsh-table tbody tr:hover{background:#f8f9fa}.timsh-table td{font-size:.9rem;padding:15px;vertical-align:top}.timsh-date-cell{display:flex;flex-direction:column;gap:5px}.timsh-date-day{color:#666;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600}.timsh-date-full{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem}.timsh-task-cell{min-width:200px}.timsh-task-title{color:#1e2330;font-family:Raleway,sans-serif;font-weight:600;margin-bottom:5px}.timsh-project-name{color:#666;display:flex;font-size:.85rem;margin-bottom:5px}.timsh-name-warning,.timsh-project-name{align-items:center;font-family:Raleway,sans-serif;gap:5px}.timsh-name-warning{background:#ff98001a;border-radius:4px;color:#ff9800;display:inline-flex;font-size:.8rem;padding:3px 8px}.timsh-hours-badge{background:#2196f31a;color:#2196f3;font-weight:600}.timsh-hours-badge,.timsh-status-badge{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;padding:6px 12px}.timsh-status-badge{font-weight:500}.timsh-submitted-date{color:#666;font-family:Raleway,sans-serif;font-size:.9rem}.timsh-action-cell{align-items:center;display:flex;gap:8px}.timsh-view-btn{align-items:center;background:#1e2330;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;gap:5px;padding:6px 12px;transition:all .3s ease}.timsh-view-btn:hover{background:#151a25;transform:translateY(-1px)}.timsh-view-icon{font-size:.8rem}.timsh-extra-count{background:#c628281a;border-radius:10px;color:#c62828;display:inline-block;font-family:Raleway,sans-serif;font-size:.75rem;font-weight:600;padding:3px 8px}.timsh-table-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 20px}.timsh-pagination-info,.timsh-summary-info{color:#666;font-family:Raleway,sans-serif;font-size:.85rem}.timsh-summary-info strong{color:#1e2330}.timsh-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:10px;padding:60px 20px;text-align:center}.timsh-empty-icon{color:#c62828;font-size:4rem;margin-bottom:20px;opacity:.7}.timsh-empty-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px}.timsh-empty-text{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.5;margin:0 auto 30px;max-width:400px}.timsh-debug-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0 auto;max-width:500px;padding:20px;text-align:left}.timsh-debug-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 15px}.timsh-debug-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timsh-debug-item{display:flex;flex-direction:column;gap:5px}.timsh-debug-label{color:#666;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:500}.timsh-debug-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.85rem;word-break:break-all}.timsh-modal-overlay{align-items:center;animation:timsh-fadeIn .3s ease;background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.timsh-modal{animation:timsh-slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.timsh-modal-header{align-items:center;background:#c62828;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.timsh-modal-title{align-items:center;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.timsh-modal-title-icon{font-size:1.2rem}.timsh-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.timsh-modal-close-btn:hover{background:#fff3}.timsh-modal-content{padding:25px}.timsh-modal-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.timsh-summary-card{background:#f8f9fa;gap:10px;padding:15px}.timsh-summary-card,.timsh-summary-icon{align-items:center;border-radius:10px;display:flex}.timsh-summary-icon{background:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.timsh-summary-info h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.timsh-summary-info p{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;margin:0}.timsh-hours{color:#2196f3;font-weight:700}.timsh-modal-details{background:#f8f9fa;border-radius:8px;padding:20px}.timsh-detail-section{margin-bottom:25px}.timsh-detail-section:last-child{margin-bottom:0}.timsh-section-title{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;gap:8px;margin:0 0 15px}.timsh-section-icon{font-size:.9rem}.timsh-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timsh-detail-item{display:flex;flex-direction:column;gap:5px}.timsh-detail-item.full-width{grid-column:1/-1}.timsh-detail-label{color:#666;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600}.timsh-detail-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem}.timsh-extra-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timsh-extra-field{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px}.timsh-field-label{color:#666;display:block;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600;margin-bottom:5px}.timsh-field-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.85rem;word-break:break-all}.timsh-notes-content{background:#fff;border-left:3px solid #c62828;border-radius:6px;color:#444;font-family:Raleway,sans-serif;font-size:.9rem;line-height:1.5;padding:15px}.timsh-modal-footer{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e0e0e0;padding:20px}.timsh-modal-actions{display:flex;gap:10px;justify-content:flex-end}.timsh-action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.timsh-download-btn{background:#4caf50;color:#fff}.timsh-download-btn:hover{background:#43a047}.timsh-close-btn{background:#666;color:#fff}.timsh-close-btn:hover{background:#555}@keyframes timsh-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes timsh-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.timsh-section-header{align-items:flex-start;flex-direction:column}.timsh-header-actions{width:100%}.timsh-refresh-btn{justify-content:center;width:100%}.timsh-stats-grid{grid-template-columns:1fr}.timsh-filter-container{align-items:stretch;flex-direction:column}.timsh-filter-buttons{justify-content:center}.timsh-table-footer{align-items:flex-start;flex-direction:column;gap:10px}.timsh-modal{max-height:85vh;width:95%}.timsh-modal-actions{flex-direction:column}.timsh-modal-actions .timsh-action-btn{justify-content:center;width:100%}}.attend-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.attend-section-header{align-items:center;border-bottom:2px solid #c62828;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.attend-header-main{flex:1 1;min-width:300px}.attend-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 10px}.attend-header-icon{font-size:1.2rem}.attend-employee-info{display:flex;flex-wrap:wrap;gap:10px}.attend-employee-id,.attend-employee-name{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;padding:6px 12px}.attend-employee-name{background:#c628281a;color:#c62828;font-weight:600}.attend-employee-id{background:#2196f31a;color:#2196f3}.attend-header-actions{flex-shrink:0}.attend-refresh-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.attend-refresh-btn:hover{background:#b71c1c;transform:translateY(-2px)}.attend-refresh-icon{font-size:.9rem}.attend-loading{padding:60px 20px;text-align:center}.attend-loading-spinner{animation:attend-spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#c62828;height:50px;margin:0 auto 20px;width:50px}@keyframes attend-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.attend-loading p{color:#666;font-family:Raleway,sans-serif;font-size:.95rem}.attend-stats-container{margin-bottom:30px}.attend-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.attend-stat-card{align-items:center;background:#f8f9fa;border-radius:10px;border-top:4px solid #c62828;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.attend-stat-card:hover{transform:translateY(-3px)}.attend-stat-content h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.attend-stat-number{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.attend-filter-container{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:20px}.attend-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.attend-filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.attend-filter-btn:hover{background:#f0f0f0}.attend-filter-btn.active{background:#c62828;border-color:#c62828;color:#fff}.attend-results-info{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500}.attend-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;overflow:hidden}.attend-table-responsive{overflow-x:auto}.attend-table{border-collapse:collapse;font-family:Raleway,sans-serif;width:100%}.attend-table thead{background:#c62828}.attend-table th{color:#fff;font-size:.9rem;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.attend-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.attend-table tbody tr:hover{background:#f8f9fa}.attend-table td{font-size:.9rem;padding:15px;vertical-align:top}.attend-date-cell{display:flex;flex-direction:column;gap:5px}.attend-date-day{color:#666;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600}.attend-date-full{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem}.attend-emp-id{background:#c628281a;border-radius:4px;color:#c62828;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;padding:4px 8px}.attend-name-cell{align-items:center;display:flex;gap:5px}.attend-name-warning{color:#ff9800;font-size:.8rem}.attend-status-badge{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:6px 12px}.attend-status-badge.present{background:#4caf501a;color:#4caf50}.attend-status-badge.pending{background:#ff98001a;color:#ff9800}.attend-status-badge.absent{background:#f443361a;color:#f44336}.attend-time-cell{color:#1e2330;font-family:Raleway,sans-serif;font-weight:500}.attend-time-na{color:#999;font-size:.85rem;font-style:italic}.attend-location-cell{display:flex;flex-direction:column;gap:8px}.attend-location-in,.attend-location-out{align-items:flex-start;color:#666;display:flex;font-size:.85rem;gap:8px}.attend-location-icon{flex-shrink:0;font-size:.8rem}.attend-action-cell{display:flex;flex-direction:column;gap:8px;min-width:120px}.attend-view-btn{align-items:center;background:#1e2330;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;gap:5px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:100%}.attend-view-btn:hover{background:#151a25;transform:translateY(-1px)}.attend-view-icon{font-size:.8rem}.attend-photo-actions{display:flex;gap:5px;justify-content:center}.attend-photo-btn{background:#2196f31a;border:1px solid #2196f333;border-radius:4px;color:#2196f3;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:500;padding:4px 8px;transition:all .3s ease}.attend-photo-btn:hover{background:#2196f333}.attend-table-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:15px 20px;text-align:center}.attend-pagination-info{color:#666;font-family:Raleway,sans-serif;font-size:.85rem}.attend-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:10px;padding:60px 20px;text-align:center}.attend-empty-icon{color:#c62828;font-size:4rem;margin-bottom:20px;opacity:.7}.attend-empty-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px}.attend-empty-text{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:400px}.attend-modal-overlay,.attend-photo-modal-overlay{align-items:center;animation:attend-fadeIn .3s ease;background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.attend-modal,.attend-photo-modal{animation:attend-slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.attend-modal-header,.attend-photo-modal-header{align-items:center;background:#c62828;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.attend-modal-title,.attend-photo-modal-title{align-items:center;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.attend-modal-title-icon,.attend-photo-modal-icon{font-size:1.2rem}.attend-modal-close-btn,.attend-photo-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.attend-modal-close-btn:hover,.attend-photo-modal-close-btn:hover{background:#fff3}.attend-modal-content,.attend-photo-modal-content{padding:25px}.attend-modal-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.attend-summary-card{background:#f8f9fa;gap:10px;padding:15px}.attend-summary-card,.attend-summary-icon{align-items:center;border-radius:10px;display:flex}.attend-summary-icon{background:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.attend-summary-info h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.attend-summary-info p{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;margin:0}.attend-modal-details{background:#f8f9fa;border-radius:8px;padding:20px}.attend-detail-section{margin-bottom:25px}.attend-detail-section:last-child{margin-bottom:0}.attend-section-title{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;gap:8px;margin:0 0 15px}.attend-section-icon{font-size:.9rem}.attend-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.attend-detail-item{display:flex;flex-direction:column;gap:5px}.attend-detail-label{color:#666;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600}.attend-detail-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem}.attend-record-id{background:#f0f0f0;border-radius:4px;font-family:monospace;font-size:.85rem;padding:2px 6px}.attend-photo-preview{border-top:1px dashed #e0e0e0;margin-top:15px;padding-top:15px}.attend-view-photo-btn{align-items:center;background:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;margin-top:10px;padding:8px 16px;transition:all .3s ease}.attend-view-photo-btn:hover{background:#0d8bf2}.attend-photo-icon{font-size:.9rem}.attend-modal-footer,.attend-photo-modal-footer{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e0e0e0;padding:20px}.attend-modal-actions{display:flex;gap:10px;justify-content:flex-end}.attend-action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.attend-close-btn{background:#666;color:#fff}.attend-close-btn:hover{background:#555}.attend-photo-modal-content{align-items:center;display:flex;justify-content:center;min-height:300px}.attend-photo-image{border-radius:5px;display:block;margin:0 auto;max-height:60vh;max-width:100%;object-fit:contain}.attend-no-photo{padding:40px 20px;text-align:center}.attend-no-photo-icon{color:#666;font-size:3rem;margin-bottom:15px}.attend-no-photo p{color:#666;font-family:Raleway,sans-serif;font-size:1rem}@keyframes attend-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes attend-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.attend-section-header{align-items:flex-start;flex-direction:column}.attend-header-actions{width:100%}.attend-refresh-btn{justify-content:center;width:100%}.attend-stats-grid{grid-template-columns:1fr}.attend-filter-container{align-items:stretch;flex-direction:column}.attend-filter-buttons{justify-content:center}.attend-table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.attend-table td,.attend-table th{font-size:.85rem;padding:10px}.attend-modal,.attend-photo-modal{max-height:85vh;width:95%}.attend-modal-actions{flex-direction:column}.attend-modal-actions .attend-action-btn{justify-content:center;width:100%}}.leave-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.leave-section-header{align-items:center;border-bottom:2px solid #c62828;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.leave-header-main{flex:1 1;min-width:300px}.leave-section-header h4{align-items:center;color:#1e2330;display:flex;flex-wrap:wrap;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 10px}.leave-header-icon{font-size:1.2rem}.leave-upcoming-badge{background:#ffc1071a;border-radius:15px;color:#ff9800;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;padding:4px 12px}.leave-employee-info{display:flex;flex-wrap:wrap;gap:10px}.leave-employee-id,.leave-employee-name{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;padding:6px 12px}.leave-employee-name{background:#c628281a;color:#c62828;font-weight:600}.leave-employee-id{background:#2196f31a;color:#2196f3}.leave-header-actions{flex-shrink:0}.leave-refresh-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.leave-refresh-btn:hover{background:#b71c1c;transform:translateY(-2px)}.leave-refresh-icon{font-size:.9rem}.leave-stats-container{margin-bottom:30px}.leave-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.leave-stat-card{align-items:center;background:#f8f9fa;border-radius:10px;border-top:4px solid #c62828;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.leave-stat-card:hover{transform:translateY(-3px)}.leave-stat-content h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.leave-stat-number{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.leave-filter-container{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:20px}.leave-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.leave-filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.leave-filter-btn:hover{background:#f0f0f0}.leave-filter-btn.active{background:#c62828;border-color:#c62828;color:#fff}.leave-results-info{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500}.leave-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;overflow:hidden}.leave-table-responsive{overflow-x:auto}.leave-table{border-collapse:collapse;font-family:Raleway,sans-serif;width:100%}.leave-table thead{background:#c62828}.leave-table th{color:#fff;font-size:.9rem;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.leave-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.leave-table tbody tr:hover{background:#f8f9fa}.leave-table tbody tr.upcoming{background:#ffc1070d}.leave-table tbody tr.upcoming:hover{background:#ffc1071a}.leave-table td{font-size:.9rem;padding:15px;vertical-align:top}.leave-id-cell{font-family:monospace}.leave-id-short{background:#9e9e9e1a;border-radius:4px;color:#666;font-size:.85rem;font-weight:600;padding:4px 8px}.leave-type-badge{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;padding:6px 12px}.leave-date-cell{display:flex;flex-direction:column;gap:5px}.leave-date-day{color:#666;font-family:Raleway,sans-serif;font-size:.8rem;font-weight:600}.leave-date-full{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem}.leave-days-badge{background:#2196f31a;color:#2196f3;font-weight:600}.leave-days-badge,.leave-status-badge{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;padding:6px 12px}.leave-status-badge{font-weight:500}.leave-applied-cell{color:#666;font-family:Raleway,sans-serif;font-size:.9rem}.leave-action-cell{display:flex;flex-direction:column;gap:8px;min-width:150px}.leave-view-btn{align-items:center;background:#1e2330;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;gap:5px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:100%}.leave-view-btn:hover{background:#151a25;transform:translateY(-1px)}.leave-view-icon{font-size:.8rem}.leave-reason-preview{align-items:flex-start;color:#666;cursor:help;display:flex;font-size:.85rem;gap:8px}.leave-reason-icon{flex-shrink:0;font-size:.8rem;margin-top:2px}.leave-reason-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.leave-table-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 20px}.leave-pagination-info,.leave-summary-info{color:#666;font-family:Raleway,sans-serif;font-size:.85rem}.leave-summary-info strong{color:#1e2330}.leave-upcoming-info{color:#ff9800;font-weight:600}.leave-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:10px;padding:60px 20px;text-align:center}.leave-empty-icon{color:#c62828;font-size:4rem;margin-bottom:20px;opacity:.7}.leave-empty-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px}.leave-empty-text{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:400px}.leave-modal-overlay{align-items:center;animation:leave-fadeIn .3s ease;background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.leave-modal{animation:leave-slideIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.leave-modal-header{align-items:center;background:#c62828;border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.leave-modal-title{align-items:center;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.leave-modal-title-icon{font-size:1.2rem}.leave-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background .3s ease;width:30px}.leave-modal-close-btn:hover{background:#fff3}.leave-modal-content{padding:25px}.leave-modal-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.leave-summary-card{background:#f8f9fa;gap:10px;padding:15px}.leave-summary-card,.leave-summary-icon{align-items:center;border-radius:10px;display:flex}.leave-summary-icon{background:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.leave-summary-info h5{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.leave-summary-info p{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;margin:0}.leave-duration{color:#2196f3;font-weight:700}.leave-modal-details{background:#f8f9fa;border-radius:8px;padding:20px}.leave-detail-section{margin-bottom:25px}.leave-detail-section:last-child{margin-bottom:0}.leave-section-title{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;gap:8px;margin:0 0 15px}.leave-section-icon{font-size:.9rem}.leave-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.leave-detail-item{display:flex;flex-direction:column;gap:5px}.leave-detail-label{color:#666;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600}.leave-detail-value{color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem}.leave-id{background:#f0f0f0;border-radius:4px;font-family:monospace;font-size:.85rem;padding:2px 6px}.leave-comments-content,.leave-reason-content{background:#fff;border-left:3px solid #c62828;border-radius:6px;color:#444;font-family:Raleway,sans-serif;font-size:.9rem;line-height:1.5;padding:15px}.leave-attachments-list{display:flex;flex-direction:column;gap:10px}.leave-attachment-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:10px}.leave-attachment-icon{color:#666;font-size:1rem}.leave-attachment-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:.9rem}.leave-modal-footer{background:#f8f9fa;border-radius:0 0 10px 10px;border-top:1px solid #e0e0e0;padding:20px}.leave-modal-actions{display:flex;gap:10px;justify-content:flex-end}.leave-action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.leave-close-btn{background:#666;color:#fff}.leave-close-btn:hover{background:#555}@keyframes leave-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes leave-slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.leave-section-header{align-items:flex-start;flex-direction:column}.leave-header-actions{width:100%}.leave-refresh-btn{justify-content:center;width:100%}.leave-stats-grid{grid-template-columns:1fr}.leave-filter-container{align-items:stretch;flex-direction:column}.leave-filter-buttons{justify-content:center}.leave-table-footer{align-items:flex-start;flex-direction:column;gap:10px}.leave-modal{max-height:85vh;width:95%}.leave-modal-actions{flex-direction:column}.leave-modal-actions .leave-action-btn{justify-content:center;width:100%}}.basic-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.basic-section-header{align-items:center;border-bottom:2px solid #c62828;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.basic-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.basic-header-icon{stroke:#c62828;stroke-width:2;fill:none;height:24px;width:24px}.basic-header-badges{display:flex;flex-wrap:wrap;gap:10px}.basic-id-badge,.basic-status-badge{align-items:center;border-radius:15px;display:flex;font-family:Raleway,sans-serif;font-size:.85rem;gap:5px;padding:6px 12px}.basic-id-badge{background:#2196f31a;color:#2196f3}.basic-status-badge{font-weight:600}.basic-status-badge.active{background:#4caf501a;color:#4caf50}.basic-status-badge.inactive{background:#9e9e9e1a;color:#9e9e9e}.basic-status-badge.terminated{background:#f443361a;color:#f44336}.basic-status-badge.on-leave{background:#ff98001a;color:#ff9800}.basic-badge-icon{stroke-width:2.5;height:14px;width:14px}.basic-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.basic-info-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.basic-info-card:hover{border-color:#c62828;box-shadow:0 6px 15px #c628281a;transform:translateY(-3px)}.basic-card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.basic-card-icon{stroke:#c62828;stroke-width:2;fill:none;height:20px;width:20px}.basic-card-header h5{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;margin:0}.basic-card-content{padding:20px}.basic-info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.basic-info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.basic-info-label{align-items:flex-start;display:flex;flex:1 1;gap:8px}.basic-label-icon{stroke:#666;stroke-width:2;fill:none;flex-shrink:0;height:16px;margin-top:2px;width:16px}.basic-info-label span{color:#666;font-size:.9rem;font-weight:600}.basic-info-label span,.basic-info-value{font-family:Raleway,sans-serif;line-height:1.4}.basic-info-value{color:#1e2330;flex:1 1;font-size:.95rem;text-align:right}.basic-id-highlight{background:#c628281a;border-radius:4px;color:#c62828;display:inline-block;font-weight:700;padding:4px 8px}.basic-status-indicator{border-radius:15px;display:inline-block;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;padding:4px 10px}.basic-status-indicator.active{background:#4caf501a;color:#4caf50}.basic-status-indicator.inactive{background:#9e9e9e1a;color:#9e9e9e}.basic-status-indicator.terminated{background:#f443361a;color:#f44336}.basic-status-indicator.on-leave{background:#ff98001a;color:#ff9800}.basic-quick-info{grid-gap:15px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.basic-quick-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:10px;transition:all .3s ease}.basic-quick-item:hover{border-color:#c62828;box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.basic-quick-icon{stroke:#c62828;stroke-width:2;fill:none;flex-shrink:0;height:24px;width:24px}.basic-quick-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.basic-quick-label{color:#666;font-size:.8rem}.basic-quick-label,.basic-quick-value{font-family:Raleway,sans-serif;font-weight:600}.basic-quick-value{color:#1e2330;font-size:.95rem}.basic-quick-value.active{color:#4caf50}.basic-quick-value.inactive{color:#9e9e9e}.basic-quick-value.terminated{color:#f44336}.basic-quick-value.on-leave{color:#ff9800}@media (max-width:768px){.basic-section-header{align-items:flex-start;flex-direction:column;gap:10px}.basic-header-badges{justify-content:flex-start;width:100%}.basic-info-grid,.basic-quick-info{grid-template-columns:1fr}.basic-info-row{flex-direction:column;gap:5px}.basic-info-label{width:100%}.basic-info-value{text-align:left;width:100%}}@media (min-width:769px) and (max-width:1024px){.basic-info-grid{grid-template-columns:repeat(2,1fr)}.basic-info-card:last-child{grid-column:1/-1}}.perso-details-section{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;color:#1e2330;font-family:Raleway,sans-serif;padding:25px}.perso-section-header{align-items:center;border-bottom:2px solid #c62828;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.perso-section-header h4{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.perso-header-icon{stroke:#c62828;stroke-width:2;fill:none;height:24px;width:24px}.perso-age-badge{align-items:center;background:#2196f31a;border-radius:20px;display:flex;font-family:Raleway,sans-serif;font-weight:600;gap:8px;padding:8px 16px}.perso-age-icon{stroke:#2196f3;stroke-width:2;fill:none;height:18px;width:18px}.perso-age-value{color:#2196f3;font-size:.95rem}.perso-info-grid{display:flex;flex-direction:column;gap:20px}.perso-info-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.perso-info-card:hover{border-color:#c62828;box-shadow:0 6px 15px #c628281a;transform:translateY(-3px)}.perso-card-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.perso-card-icon{stroke:#c62828;stroke-width:2;fill:none;height:20px;width:20px}.perso-card-header h5{color:#1e2330;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;margin:0}.perso-card-content{padding:20px}.perso-info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.perso-info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.perso-info-label{align-items:flex-start;display:flex;flex:1 1;gap:8px}.perso-label-icon{stroke:#666;stroke-width:2;fill:none;flex-shrink:0;height:16px;margin-top:2px;width:16px}.perso-info-label span{color:#666;font-size:.9rem;font-weight:600}.perso-info-label span,.perso-info-value{font-family:Raleway,sans-serif;line-height:1.4}.perso-info-value{color:#1e2330;flex:1 1;font-size:.95rem;text-align:right}.perso-date-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.perso-date{font-weight:500}.perso-age{background:#2196f31a;border-radius:10px;color:#2196f3;padding:2px 8px}.perso-age,.perso-gender-badge{display:inline-block;font-size:.85rem;font-weight:600}.perso-gender-badge{border-radius:15px;font-family:Raleway,sans-serif;padding:4px 12px}.perso-gender-badge:contains("M"),.perso-gender-badge:contains("Male"){background:#2196f31a;color:#2196f3}.perso-gender-badge:contains("F"),.perso-gender-badge:contains("Female"){background:#e91e631a;color:#e91e63}.perso-blood-group{background:#f443361a;border-radius:15px;color:#f44336;display:inline-block;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:700;padding:4px 10px}.perso-address{line-height:1.5;text-align:left}.perso-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px}.perso-summary-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.perso-summary-card:hover{border-color:#c62828;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.perso-summary-icon{align-items:center;background:#c62828;border-radius:10px;display:flex;height:50px;justify-content:center;width:50px}.perso-summary-icon svg{stroke:#fff;stroke-width:2;fill:none;height:24px;width:24px}.perso-summary-content{flex:1 1}.perso-summary-content h6{color:#666;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 5px}.perso-summary-content p{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.perso-empty-state{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:10px;padding:60px 20px;text-align:center}.perso-empty-icon{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.perso-empty-icon svg{stroke:#c62828;stroke-width:1.5;fill:none;height:60px;opacity:.7;width:60px}.perso-empty-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px}.perso-empty-text{color:#666;font-family:Raleway,sans-serif;font-size:.95rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.perso-section-header{align-items:flex-start;flex-direction:column;gap:10px}.perso-info-row{flex-direction:column;gap:5px}.perso-info-label{width:100%}.perso-info-value{text-align:left;width:100%}.perso-date-info{align-items:flex-start}.perso-summary-cards{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.perso-summary-cards{grid-template-columns:repeat(2,1fr)}}.leave-header-icon{stroke:#c62828;stroke-width:2;fill:none;height:24px;width:24px}.leave-upcoming-badge{align-items:center;display:inline-flex;gap:5px;margin-left:10px}.leave-upcoming-icon{stroke:#ff9800;stroke-width:2.5;fill:none;height:16px;width:16px}.leave-employee-icon,.leave-id-icon{stroke-width:2.5;height:14px;margin-right:5px;vertical-align:middle;width:14px}.leave-employee-icon{stroke:#c62828}.leave-id-icon{stroke:#2196f3}.leave-refresh-icon{stroke:#fff;stroke-width:2.5;fill:none;height:18px;margin-right:8px;width:18px}.leave-stat-icon{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.leave-stat-icon svg{stroke:#fff;stroke-width:2;fill:none;height:28px;width:28px}.attend-stat-icon{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.attend-stat-icon svg{stroke:#fff;stroke-width:2;fill:none;height:28px;width:28px}.timsh-stat-icon{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.timsh-stat-icon svg{stroke:#fff;stroke-width:2;fill:none;height:28px;width:28px}.docui-stat-icon{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.docui-stat-icon svg{stroke:#fff;stroke-width:2;fill:none;height:28px;width:28px}.onbr-container{background:#f8f9fa;margin-top:80px;min-height:100vh}.onbr-header-navigation{background:#fff;box-shadow:0 2px 10px #1e23301a;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.onbr-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:15px 0}.onbr-brand-identity{align-items:center;display:flex;gap:15px}.onbr-logo-container{height:50px;position:relative;width:50px}.onbr-logo-placeholder{align-items:center;background:linear-gradient(135deg,#c62828,#ff5252);border-radius:8px;box-shadow:0 4px 12px #c628284d;color:#fff;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.onbr-brand-text{display:flex;flex-direction:column}.onbr-company-title{color:#1e2330;font-size:20px;font-weight:700;line-height:1.2;margin:0}.onbr-portal-subtitle{color:#c62828;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.onbr-user-navigation{gap:20px}.onbr-user-profile{align-items:flex-end;display:flex;flex-direction:column}.onbr-user-greeting{color:#1e2330;font-size:14px;font-weight:600}.onbr-user-role{background-color:#c628281a;border-radius:10px;color:#c62828;font-size:12px;font-weight:500;margin-top:2px;padding:2px 8px}.onbr-logout-action-btn{align-items:center;background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.onbr-logout-action-btn:hover{background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.onbr-logout-icon{font-size:16px}.onbr-main-interface{display:flex;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px)}.onbr-sidebar-navigation{background:#fff;border-right:1px solid #1e23301a;display:flex;flex-direction:column;padding:20px;width:250px}.onbr-sidebar-header{margin-bottom:30px;padding-bottom:15px}.onbr-sidebar-title{color:#1e2330;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.onbr-navigation-menu{flex:1 1;list-style:none;margin:0 0 30px;padding:0}.onbr-nav-item{cursor:pointer;margin-bottom:8px;position:relative}.onbr-nav-content{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.onbr-nav-item:hover .onbr-nav-content{background:#c628280d}.onbr-nav-active .onbr-nav-content{background:#c628281a;color:#c62828}.onbr-nav-icon{font-size:18px;width:24px}.onbr-nav-text{color:#1e2330;font-size:14px;font-weight:600}.onbr-nav-active .onbr-nav-text{color:#c62828;font-weight:700}.onbr-nav-indicator{background:#c62828;border-radius:0 2px 2px 0;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.onbr-nav-active .onbr-nav-indicator{height:60%}.onbr-quick-actions{background:#1e233005;border:1px solid #1e23300d;border-radius:12px;padding:18px;position:relative;top:8px}.onbr-quick-actions h4{color:#1e2330;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.onbr-quick-btn{align-items:center;background:#fff;border:1px solid #1e23301a;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:8px;padding:10px 1px;text-align:left;transition:all .3s ease;width:100%}.onbr-quick-btn:hover{background:#c628280d;border-color:#c62828;transform:translateX(5px)}.onbr-quick-icon{font-size:14px;margin-left:10px}.onbr-content-area{flex:1 1;overflow-y:auto;padding:30px}.onbr-content-wrapper{margin:0 auto;max-width:1200px}.onbr-success-message{background:#4caf501a;border-left:4px solid #4caf50;color:#2e7d32}.onbr-error-message,.onbr-success-message{align-items:center;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px 20px}.onbr-error-message{background:#f443361a;border-left:4px solid #c62828;color:#c62828}.onbr-error-icon,.onbr-success-icon{font-size:16px}.onbr-page-header-section{margin-bottom:30px}.onbr-page-title{font-size:28px;font-weight:800;margin:0 0 8px}.onbr-page-subtitle{font-size:15px;margin:0 0 20px}.onbr-primary-action-btn{align-items:center;background:#c62828;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.onbr-primary-action-btn:hover{background:#b71c1c;box-shadow:0 6px 16px #c6282833}.onf-container{background:#fff;border:1px solid #c628281a;border-radius:16px;box-shadow:0 8px 24px #1e23301a;padding:40px}.onf-header{margin-bottom:40px;position:relative;text-align:center}.onf-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c62828,#ff5252);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin:0}.onf-header-decoration{background:linear-gradient(90deg,#c62828,#ff5252);border-radius:2px;height:4px;margin:15px auto 0;width:80px}.onf-form{margin:0 auto;max-width:1000px}.onf-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.onf-input-group{position:relative}.onf-input-group input,.onf-input-group select{background:#fff;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;font-size:15px;font-weight:500;padding:16px;transition:all .3s ease;width:100%}.onf-input-group input:focus,.onf-input-group select:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.onf-input-group input::placeholder{color:#0000}.onf-input-group label{color:#666;font-size:15px;font-weight:500;left:16px;pointer-events:none;position:absolute;top:16px;transition:all .3s ease}.onf-input-group input:focus~label,.onf-input-group input:not(:placeholder-shown)~label,.onf-input-group select:valid~label{background:#fff;color:#c62828;font-size:12px;font-weight:600;left:12px;padding:0 8px;top:-10px}.onf-input-underline{background:#0000;bottom:0;height:2px;left:0;position:absolute;right:0;transition:all .3s ease}.onf-input-group input:focus~.onf-input-underline,.onf-input-group select:focus~.onf-input-underline{background:linear-gradient(90deg,#c62828,#ff5252)}.onf-submit-btn{background:linear-gradient(135deg,#c62828,#ff5252);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:0 auto;min-width:200px;overflow:hidden;padding:18px 40px;position:relative;transition:all .3s ease}.onf-submit-btn:hover:not(:disabled){box-shadow:0 12px 24px #c628284d;transform:translateY(-3px)}.onf-submit-btn:active:not(:disabled){transform:translateY(-1px)}.onf-submit-btn:disabled{cursor:not-allowed;opacity:.6}.onf-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin:0 auto;width:20px}.onbr-scroll-progress-container{background:#f0f0f0;border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden;width:100%}.onbr-scroll-progress-bar{border-radius:2px;height:100%;transition:width .1s ease,background-color .3s ease;width:0}.onbr-table-wrapper{border-radius:8px;max-height:500px;overflow-y:auto;position:relative;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}.onbr-table-wrapper::-webkit-scrollbar{width:8px}.onbr-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.onbr-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4caf50,#2196f3,#ff9800,#f44336);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}@keyframes rowHighlight{0%{background-color:#2196f30d}50%{background-color:#2196f31a}to{background-color:#2196f30d}}.onbr-table-row{transition:background-color .3s ease}.onbr-table-row:hover{animation:rowHighlight 2s infinite;background-color:#2196f314!important}.onbr-scroll-position{background:#000000b3;border-radius:20px;bottom:20px;color:#fff;font-size:12px;padding:8px 12px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.onbr-table-section{background:#fff;border:1px solid #c628281a;border-radius:16px;box-shadow:0 8px 24px #1e23301a;padding:30px}.onbr-table-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.onbr-search-container{flex:1 1;min-width:300px;position:relative}.onbr-search-icon{color:#666;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.onbr-search-input{background:#fff;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;font-size:14px;font-weight:500;padding:12px 12px 12px 45px;transition:all .3s ease;width:100%}.onbr-search-input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.onbr-filter-select{background:#fff;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:12px 16px;transition:all .3s ease}.onbr-filter-select:focus{border-color:#c62828;outline:none}.onbr-refresh-btn{align-items:center;background:#c628281a;border:2px solid #c6282833;border-radius:8px;color:#c62828;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.onbr-refresh-btn:hover{background:#c6282833;border-color:#c62828}.onbr-refresh-icon{font-size:16px}.onbr-table-wrapper{overflow-x:auto}.onbr-data-table{border-collapse:collapse;border-spacing:0;width:100%}.onbr-data-table thead{background:#1e233005}.onbr-data-table th{border-bottom:2px solid #1e23301a;color:#1e2330;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.onbr-data-table td{border-bottom:1px solid #1e23300d;color:#1e2330;font-family:sans-serif;font-size:14px;font-weight:500;padding:20px 16px}.onbr-table-row:hover{background:#c6282805}.onbr-employee-cell{align-items:center;display:flex;gap:12px}.onbr-employee-avatar{align-items:center;background:linear-gradient(135deg,#1e2330,#2d3748);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.onbr-employee-info{display:flex;flex-direction:column;gap:4px}.onbr-employee-name{color:#1e2330;font-size:15px;font-weight:600}.onbr-employee-id{color:#c62828;font-family:sans-serif;font-size:12px;font-weight:600}.onbr-contact-info{display:flex;flex-direction:column;gap:4px}.onbr-contact-email{color:#1e2330;font-family:sans-serif;font-size:14px;font-weight:500}.onbr-contact-phone{color:#666;font-family:sans-serif;font-size:13px}.onbr-department-tag{background:#c628281a;color:#c62828;display:inline-block;font-weight:600}.onbr-manager-badge{background:#1e23300d;border-radius:8px;color:#1e2330;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.onbr-action-buttons{display:flex;gap:8px}.onbr-table-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.onbr-view-table-btn{background:#4caf501a;color:#4caf50}.onbr-view-table-btn:hover{background:#4caf5033;transform:scale(1.1)}.onbr-edit-table-btn{background:#2196f31a;color:#2196f3}.onbr-edit-table-btn:hover{background:#2196f333;transform:scale(1.1)}.onbr-delete-table-btn{background:#f443361a;color:#c62828}.onbr-delete-table-btn:hover{background:#f4433633;transform:scale(1.1)}.onbr-empty-state{padding:60px 20px}.onbr-empty-icon{display:inline-block;font-size:64px;margin-bottom:20px}.onbr-empty-title{color:#1e2330;font-size:20px;font-weight:700;margin:0 0 12px}.onbr-empty-text{color:#666;font-size:15px;margin:0 auto 24px;max-width:400px}.onbr-cards-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px}.onbr-management-card{border:2px solid #1e23301a;padding:24px;text-align:center}.onbr-management-card:hover{border-color:#c62828;box-shadow:0 8px 20px #c628281a}.onbr-card-icon{display:inline-block;font-size:32px;margin-bottom:15px}.onbr-management-card h4{color:#1e2330;font-size:16px;font-weight:700;margin:0 0 8px}.onbr-management-card p{color:#666;font-size:13px;margin:0}.onbr-modal-overlay{background:#1e2330cc;padding:20px;z-index:2000}.onbr-modal-content{border:1px solid #c6282833;border-radius:16px;box-shadow:0 20px 40px #1e233033;overflow-y:auto}.onbr-modal-large{max-width:800px}.onbr-modal-header{border-bottom:1px solid #1e23301a;padding:24px}.onbr-modal-header h3{font-size:20px}.onbr-modal-close{border-radius:50%;font-size:24px;height:32px;transition:all .3s ease;width:32px}.onbr-modal-footer{border-top:1px solid #1e23301a;padding:24px}.onbr-btn-primary{background:#c62828;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.onbr-btn-primary:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 12px #c6282833}.onbr-btn-primary:disabled{opacity:.6}.onbr-btn-secondary{background:#1e23300d;border:2px solid #1e23301a;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.onbr-btn-secondary:hover{background:#1e23301a;border-color:#1e2330}.onbr-btn-edit{background:#2196f31a;border:none;border-radius:6px;color:#2196f3;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.onbr-btn-edit:hover{background:#2196f333}.onbr-btn-danger{background:#f443361a;border:none;border-radius:6px;color:#c62828;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.onbr-btn-danger:hover{background:#f4433633}.onbr-form-group{margin-bottom:20px}.onbr-form-group label{font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.onbr-form-group input,.onbr-form-group select,.onbr-form-group textarea{background:#fff;border:2px solid #1e23301a;border-radius:8px;color:#1e2330;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.onbr-form-group input:focus,.onbr-form-group select:focus,.onbr-form-group textarea:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.onbr-form-group textarea{min-height:120px;resize:vertical}.onbr-loading-container{background:#f8f9fa;min-height:100vh}.onbr-loading-spinner{animation:spin 1s linear infinite;border:4px solid #c628281a;height:50px;margin-bottom:20px;width:50px}.onbr-loading-container p{color:#1e2330;font-size:16px;font-weight:600}@media (max-width:1024px){.onbr-main-interface{flex-direction:column}.onbr-sidebar-navigation{border-bottom:1px solid #1e23301a;border-right:none;padding:20px;width:100%}.onbr-navigation-menu{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.onbr-nav-item{flex-shrink:0;margin-bottom:0}.onbr-nav-content{padding:10px 16px}.onbr-nav-indicator,.onbr-quick-actions{display:none}}@media (max-width:768px){.onbr-header-content{flex-direction:column;gap:20px;text-align:center}.onbr-user-profile{align-items:center}.onbr-content-area{padding:20px}.onf-container{padding:25px}.onf-grid{gap:20px;grid-template-columns:1fr}.onbr-table-controls{flex-direction:column}.onbr-search-container{min-width:auto}.onbr-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.onbr-data-table{font-size:13px}.onbr-employee-cell{align-items:flex-start;flex-direction:column;gap:8px}.onbr-action-buttons{flex-direction:column;gap:5px}.onbr-table-btn{height:32px;width:32px}}@media (max-width:480px){.onbr-header-navigation{padding:0 15px}.onbr-sidebar-navigation{padding:15px}.onf-container{padding:20px}.onbr-page-title,.onf-gradient-text{font-size:24px}.onbr-modal-content{margin:10px;max-height:calc(100vh - 20px)}.onbr-modal-body,.onbr-modal-footer,.onbr-modal-header{padding:20px}}.onf-multi-select{min-height:100px;padding:8px}.onf-selected-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.onf-selected-tag{align-items:center;background:#e3f2fd;border-radius:12px;color:#1976d2;display:flex;font-size:12px;gap:4px;padding:4px 8px}.onf-remove-tag{align-items:center;background:none;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;width:16px}.onf-remove-tag:hover{background:#ffebee}.onbr-items-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:200px}.onbr-item-tag-small{background:#e8f5e9;border-radius:10px;color:#2e7d32;padding:2px 6px}.onbr-no-items{color:#9e9e9e;font-style:italic}.onbr-item-tag{background:#bbdefb;border-radius:12px;color:#1565c0;display:inline-block;font-size:12px;margin:2px;padding:4px 8px}.onf-input-group select[multiple]{height:auto;min-height:100px}.onbr-back-dashboard-btn{align-items:center;background:linear-gradient(135deg,#cf2424 0);border:none;border-radius:8px;box-shadow:0 4px 15px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-right:15px;padding:10px 20px;transition:all .3s ease}.onbr-back-dashboard-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.onbr-back-dashboard-btn:active{transform:translateY(0)}.onbr-back-icon{font-size:16px;font-weight:700}.onbr-user-navigation{align-items:center;display:flex;gap:15px}@media (max-width:768px){.onbr-back-dashboard-btn{font-size:13px;margin-right:10px;padding:8px 15px}.onbr-back-dashboard-btn span:not(.onbr-back-icon){display:none}.onbr-user-navigation{gap:10px}}.onbr-allocated-items-cell{max-width:200px;min-width:150px}.onbr-items-tags-small{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.onbr-item-tag-small{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;display:inline-block;font-size:11px;padding:2px 8px;white-space:nowrap}.onbr-no-items-text{color:#999;font-size:12px;font-style:italic}.onbr-department-tag{background-color:#f3e5f5;color:#7b1fa2}.onbr-department-tag,.onbr-manager-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.onbr-manager-badge{background-color:#e8f5e9;color:#388e3c}.onbr-upgrade-alert{padding:20px}.onbr-upgrade-icon-large{font-size:48px;margin-bottom:20px}.onbr-upgrade-message{line-height:1.5;margin-bottom:25px}.onbr-limit-stats{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-around;margin:25px 0;padding:15px}.onbr-stat-label{font-size:12px;margin-bottom:5px}.onbr-stat-value{color:#333;font-size:24px;font-weight:700}.onbr-plan-features{display:flex;gap:20px;margin-top:25px}.onbr-feature-card{border:1px solid #ddd;border-radius:8px;flex:1 1;padding:15px}.onbr-feature-card h5{color:#333;margin-bottom:15px;margin-top:0}.onbr-feature-card ul{padding-left:20px;text-align:left}.onbr-feature-card li{color:#555;font-size:14px;margin-bottom:8px}.onbr-feature-card:first-child{border-color:#ccc}.onbr-feature-card:last-child{background:#f9fff9;border-color:#4caf50}.onbr-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:1rem;z-index:9999}.onbr-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.onbr-modal-content.onbr-large{max-width:1000px}.onbr-modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;padding:1.5rem 2rem}.onbr-modal-header h3{color:#1e2330;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.onbr-modal-close{align-items:center;border-radius:8px;color:#666;display:flex;font-size:2rem;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.onbr-modal-close:hover{background:#c628281a;color:#c62828;transform:rotate(90deg)}.onbr-modal-body{padding:2rem}.onbr-modal-body::-webkit-scrollbar{width:8px}.onbr-modal-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.onbr-modal-body::-webkit-scrollbar-thumb{background:#c62828;border-radius:4px}.onbr-modal-body::-webkit-scrollbar-thumb:hover{background:#a02020}.onbr-import-methods{margin-bottom:2rem}.onbr-method-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.onbr-method-tab{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.onbr-method-tab:hover{background:#e9ecef;border-color:#c62828;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.onbr-method-tab.active{background:linear-gradient(135deg,#c62828,#e53935);border-color:#c62828;box-shadow:0 4px 12px #c628284d;color:#fff}.onbr-field-selection{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.onbr-field-selection h4{color:#1e2330;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.onbr-field-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.onbr-field-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.onbr-field-checkbox:hover{background:#c628280d}.onbr-field-checkbox input[type=checkbox]{accent-color:#c62828;cursor:pointer;height:18px;width:18px}.onbr-field-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.onbr-checkbox-label{color:#1e2330;font-size:.9rem;font-weight:500}.onbr-required-star{color:#c62828;font-weight:700;margin-left:.25rem}.onbr-bulk-import-guide{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.onbr-bulk-import-guide h4{color:#1e2330;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.onbr-format-example{margin-bottom:1.5rem}.onbr-format-example p{color:#1e2330;font-weight:600;margin:0 0 .75rem}.onbr-format-example pre{background:#1e2330;border-radius:8px;box-shadow:inset 0 2px 8px #0000004d;color:#4caf50;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto;padding:1.25rem}.onbr-format-example pre::-webkit-scrollbar{height:6px}.onbr-format-example pre::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.onbr-format-example pre::-webkit-scrollbar-thumb{background:#c6282899;border-radius:3px}.onbr-important-notes{background:#c628280d;border-left:4px solid #c62828;border-radius:8px;padding:1rem}.onbr-important-notes h5{color:#c62828;font-size:1rem;font-weight:700;margin:0 0 .75rem}.onbr-important-notes ul{list-style:none;margin:0;padding-left:1.5rem}.onbr-important-notes li{color:#1e2330;font-size:.9rem;line-height:1.6;margin-bottom:.5rem;padding-left:.5rem;position:relative}.onbr-important-notes li strong{color:#1e2330;font-weight:700}.onbr-form-group{margin-bottom:2rem}.onbr-form-group label{color:#1e2330;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.onbr-data-textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#1e2330;font-family:Courier New,monospace;font-size:.9rem;min-height:200px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.onbr-data-textarea:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.onbr-data-textarea::placeholder{color:#999}.onbr-data-preview{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #4caf50;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.onbr-data-preview h4{color:#1e2330;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.onbr-preview-table-container{border-radius:8px;margin-bottom:1rem;overflow-x:auto}.onbr-preview-table{background:#fff;border-collapse:collapse;box-shadow:0 2px 8px #00000014;font-size:.85rem;width:100%}.onbr-preview-table thead{background:#2a2d35;color:#fff}.onbr-preview-table th{font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.onbr-preview-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.onbr-preview-table tbody tr:hover{background:#c6282808}.onbr-preview-table td{color:#1e2330;padding:.75rem 1rem;white-space:nowrap}.onbr-preview-note{background:#4caf501a;border-radius:6px;color:#1e2330;font-size:.85rem;font-weight:500;margin:0;padding:.75rem 1rem}.onbr-modal-footer{align-items:center;background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.onbr-modal-footer-left,.onbr-modal-footer-right{display:flex;flex-wrap:wrap;gap:.75rem}.onbr-btn-primary,.onbr-btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.onbr-btn-primary{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 4px 12px #c628284d;color:#fff}.onbr-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a02020,#c62828);box-shadow:0 6px 16px #c6282866;transform:translateY(-2px)}.onbr-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.onbr-btn-secondary{background:#fff;border:2px solid #e0e0e0;color:#1e2330}.onbr-btn-secondary:hover{background:#f8f9fa;border-color:#c62828;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.onbr-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.onbr-upgrade-alert{padding:1rem;text-align:center}.onbr-upgrade-icon-large{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.onbr-upgrade-alert h4{color:#1e2330;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.onbr-upgrade-message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.onbr-limit-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.onbr-stat-item{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;text-align:center}.onbr-stat-label{display:block;font-size:.85rem;margin-bottom:.5rem}.onbr-stat-value{color:#c62828;display:block;font-size:1.75rem;font-weight:800}.onbr-plan-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.onbr-feature-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;text-align:left;transition:all .3s ease}.onbr-feature-card:hover{border-color:#c62828;box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.onbr-feature-card h5{color:#1e2330;font-size:1.2rem;font-weight:700;margin:0 0 1rem;text-align:center}.onbr-feature-card ul{list-style:none;margin:0;padding:0}.onbr-feature-card li{border-bottom:1px solid #f0f0f0;color:#1e2330;font-size:.9rem;line-height:1.6;padding:.5rem 0}.onbr-feature-card li:last-child{border-bottom:none}@media (max-width:992px){.onbr-modal-content.onbr-large{max-width:90%}}@media (max-width:768px){.onbr-modal-content{max-height:95vh;max-width:95%}.onbr-modal-body,.onbr-modal-footer,.onbr-modal-header{padding:1.25rem}.onbr-modal-header h3{font-size:1.25rem}.onbr-method-tabs{flex-direction:column}.onbr-method-tab{justify-content:center;width:100%}.onbr-field-checkboxes{grid-template-columns:1fr}.onbr-modal-footer{align-items:stretch;flex-direction:column}.onbr-btn-primary,.onbr-btn-secondary,.onbr-modal-footer-left,.onbr-modal-footer-right{justify-content:center;width:100%}.onbr-limit-stats,.onbr-plan-features{grid-template-columns:1fr}}@media (max-width:480px){.onbr-modal-body,.onbr-modal-footer,.onbr-modal-header{padding:1rem}.onbr-modal-header h3{font-size:1.1rem}.onbr-format-example pre{font-size:.75rem;padding:1rem}.onbr-preview-table{font-size:.75rem}.onbr-preview-table td,.onbr-preview-table th{padding:.5rem}}*{font-family:sans-serif}.onbr-management-section{background:#f8f9fa;min-height:calc(100vh - 80px);padding:2rem}.onbr-page-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;padding:1.5rem}.onbr-page-title{color:#1e2330;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.onbr-page-subtitle{color:#666;font-size:1rem;font-weight:500;justify-content:center;margin:0 0 1.5rem}.onbr-action-buttons-row{display:flex;flex-wrap:wrap;gap:1rem}.onbr-primary-action-btn,.onbr-secondary-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.onbr-primary-action-btn{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 4px 12px #c628284d;color:#fff}.onbr-primary-action-btn:hover{background:linear-gradient(135deg,#a02020,#c62828);box-shadow:0 6px 16px #c6282866;transform:translateY(-2px)}.onbr-secondary-action-btn{background:#fff;border:2px solid #e0e0e0;color:#1e2330}.onbr-secondary-action-btn:hover{background:#f8f9fa;border-color:#c62828;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.onbr-btn-icon{font-size:1.2rem}.onbr-cards-grid{grid-gap:1.5rem;animation:fadeIn .5s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.onbr-empty-state{animation:fadeIn .5s ease;background:#fff;border:2px dashed #e0e0e0;border-radius:12px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.onbr-empty-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem;opacity:.3}.onbr-empty-state h3{color:#1e2330;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.onbr-empty-state p{color:#666;font-size:1rem;margin:0 0 2rem}.onbr-empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.onbr-management-card{animation:slideUp .5s ease;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.onbr-management-card:before{background:linear-gradient(90deg,#c62828,#e53935);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.onbr-management-card:hover{border-color:#c6282833;box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.onbr-management-card:hover:before{transform:scaleX(1)}.onbr-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem}.onbr-card-icon{align-items:center;background:linear-gradient(135deg,#c628281a,#e539350d);border-radius:12px;box-shadow:0 2px 8px #c628281a;display:flex;flex-shrink:0;font-size:1.8rem;height:50px;justify-content:center;width:50px}.onbr-card-title{flex:1 1;min-width:0}.onbr-card-title h4{color:#1e2330;font-size:1.2rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onbr-card-subtitle{align-items:center;color:#666;display:flex;font-size:.85rem;font-weight:500;gap:.25rem}.onbr-card-content{display:flex;flex-direction:column;gap:1rem}.onbr-card-meta{display:flex;flex-direction:column;gap:.5rem}.onbr-card-meta span{align-items:center;color:#666;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.onbr-allocated-to{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.onbr-allocated-to small{color:#666;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.onbr-employee-chips{display:flex;flex-wrap:wrap;gap:.5rem}.onbr-employee-chip{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);border-radius:20px;box-shadow:0 2px 6px #c6282833;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.onbr-employee-chip:hover{box-shadow:0 4px 10px #c628284d;transform:translateY(-2px)}.onbr-employee-chip-more{align-items:center;background:#e0e0e0;border:2px dashed silver;border-radius:20px;color:#666;display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.onbr-card-actions{border-top:2px solid #f0f0f0;display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.onbr-card-action-btn{background:#0000;border:2px solid #e0e0e0;border-radius:6px;color:#1e2330;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem;transition:all .2s ease}.onbr-card-action-btn:hover{background:#f8f9fa;border-color:#c62828;color:#c62828}.onbr-loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.onbr-loading-spinner{animation:spin .8s linear infinite;border:4px solid #c6282833;border-radius:50%;border-top-color:#c62828;height:60px;width:60px}.onbr-loading-text{color:#666;font-size:1.1rem;font-weight:500}.onbr-message-banner{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-weight:600;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.onbr-message-success{background:#4caf501a;border-left:4px solid #4caf50;color:#2e7d32}.onbr-message-error{background:#c628281a;border-left:4px solid #c62828;color:#c62828}.onbr-message-icon{font-size:1.5rem}.onbr-stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.onbr-stat-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;text-align:center;transition:all .3s ease}.onbr-stat-card:hover{border-color:#c62828;box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.onbr-stat-number{color:#c62828;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.onbr-stat-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1200px){.onbr-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.onbr-management-section{padding:1rem}.onbr-page-header-section{padding:1.5rem}.onbr-page-title{font-size:1.5rem}.onbr-cards-grid{grid-template-columns:1fr}.onbr-action-buttons-row{flex-direction:column}.onbr-primary-action-btn,.onbr-secondary-action-btn{justify-content:center;width:100%}.onbr-empty-state{padding:3rem 1.5rem}.onbr-empty-icon{font-size:4rem}.onbr-empty-state h3{font-size:1.25rem}.onbr-empty-actions{flex-direction:column;width:100%}.onbr-empty-actions button{width:100%}}@media (max-width:480px){.onbr-page-header-section{padding:1rem}.onbr-page-title{font-size:1.25rem}.onbr-page-subtitle{font-size:.9rem}.onbr-management-card{padding:1rem}.onbr-card-icon{font-size:1.5rem;height:42px;width:42px}.onbr-card-title h4{font-size:1rem}.onbr-employee-chips{gap:.4rem}.onbr-employee-chip,.onbr-employee-chip-more{font-size:.75rem;padding:.3rem .6rem}}@media print{.onbr-action-buttons-row,.onbr-empty-actions{display:none}.onbr-management-card{border:1px solid #e0e0e0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.onbr-nav-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;width:20px}.onbr-nav-icon svg{stroke:#666;stroke-width:2;fill:none;height:20px;transition:all .3s ease;width:20px}.onbr-nav-active .onbr-nav-icon svg{stroke:#c62828;stroke-width:2.5}.onbr-quick-icon{align-items:center;display:flex;height:18px;justify-content:center;margin-right:8px;width:18px}.onbr-quick-icon svg{stroke:#666;stroke-width:2;fill:none;height:18px;transition:all .3s ease;width:18px}.onbr-quick-btn:hover .onbr-quick-icon svg{stroke:#c62828}.onbr-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.onbr-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.onbr-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.onbr-modal-header h3{color:#333;font-size:1.3rem;margin:0}.onbr-modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:all .2s}.onbr-modal-close:hover{background:#f5f5f5;color:#333}.onbr-modal-body{flex:1 1;overflow-y:auto;padding:24px}.onbr-modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.onbr-employee-list-table{border-collapse:collapse;width:100%}.onbr-employee-list-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px 16px;text-align:left}.onbr-employee-list-table td{border-bottom:1px solid #e9ecef;padding:12px 16px}.onbr-employee-list-table tr:hover{background:#f8f9fa}.onbr-employee-list-name{align-items:center;display:flex;gap:10px}.onbr-employee-list-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.onbr-dept-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:4px 10px}.onbr-empty-list{color:#666;padding:40px;text-align:center}.onbr-employee-chip-more{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 10px;transition:all .2s}.onbr-employee-chip-more:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.rmEnhancedPageWrapper{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:24px 0;min-height:600px;overflow:hidden;padding:0;position:relative}.rmEnhancedPageWrapper:before{background:linear-gradient(45deg,#dc262605,#f8fafc08 25%,#f1f5f905 50%,#dc262603 75%,#f8fafc05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.rmEnhancedSuccessMessage{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-left-width:4px;border-radius:12px;color:#065f46}.rmEnhancedErrorMessage,.rmEnhancedSuccessMessage{align-items:center;animation:rmEnhanced-slideIn .3s ease-out;display:flex;font-weight:600;gap:12px;margin:24px;padding:16px 24px;position:relative;z-index:1}.rmEnhancedErrorMessage{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-left-width:4px;border-radius:12px;color:#991b1b}.rmEnhancedErrorIcon,.rmEnhancedSuccessIcon{font-size:20px}.rmEnhancedHeaderSection{border-bottom:1px solid #ffffff1a;padding:32px;position:relative;z-index:1}.rmEnhancedHeaderContent{margin-bottom:20px}.rmEnhancedMainTitle{align-items:center;color:#030303;display:flex;font-size:32px;font-weight:800;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.rmEnhancedGradientText{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text}.rmEnhancedSubtitle{align-items:center;color:#2e1818cc;display:flex;font-size:16px;font-weight:500;gap:12px;margin:0}.rmEnhancedCompanyBadge{background:#dc262633;border:1px solid #dc26264d;border-radius:20px;color:#382323;font-size:14px;font-weight:600;padding:4px 12px}.rmEnhancedHeaderActions{display:flex;justify-content:flex-end}.rmEnhancedRefreshButton{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.rmEnhancedRefreshButton:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.rmEnhancedRefreshButton:disabled{cursor:not-allowed;opacity:.5}.rmEnhancedRefreshIcon{font-size:16px}.rmEnhancedContentWrapper{padding:32px;position:relative;z-index:1}.rmEnhancedMainContainer{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px}.rmEnhancedTabNavigation{background:#f1f5f9;border-radius:16px;display:flex;gap:8px;margin-bottom:32px;padding:8px}.rmEnhancedTabButton{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease}.rmEnhancedTabButton.rmEnhancedTabActive{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff}.rmEnhancedTabButton:hover:not(.rmEnhancedTabActive):not(:disabled){background:#ffffff80;color:#4b5563}.rmEnhancedTabButton:disabled{cursor:not-allowed;opacity:.5}.rmEnhancedTabIcon{font-size:18px}.rmEnhancedManagersTab{animation:rmEnhanced-fadeIn .4s ease-out}.rmEnhancedSearchContainer{margin-bottom:32px}.rmEnhancedSearchInputWrapper{align-items:center;display:flex;position:relative}.rmEnhancedSearchIcon{color:#9ca3af;font-size:18px;left:16px;position:absolute}.rmEnhancedSearchInput{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1a1a1a;font-size:15px;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.rmEnhancedSearchInput:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.rmEnhancedSearchInput:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.rmEnhancedClearSearch{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:20px;padding:4px;position:absolute;right:12px;transition:all .2s ease}.rmEnhancedClearSearch:hover:not(:disabled){background:#f3f4f6;color:#dc2626}.rmEnhancedClearSearch:disabled{cursor:not-allowed;opacity:.5}.rmEnhancedClearIcon{font-size:14px;line-height:1}.rmEnhancedLoadingState{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.rmEnhancedLoadingSpinnerLarge{animation:rmEnhanced-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#dc2626;height:50px;width:50px}.rmEnhancedLoadingState p{color:#64748b;font-size:16px;font-weight:500;margin:0}.rmEnhancedManagersGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rmEnhancedManagerCard{animation:rmEnhanced-cardFadeIn .5s ease-out forwards;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000000f;opacity:0;padding:24px;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.rmEnhancedManagerCard:hover{border-color:#dc2626;box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.rmEnhancedCardHeader{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.rmEnhancedAvatarContainer{position:relative}.rmEnhancedAvatar{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:60px;justify-content:center;width:60px}.rmEnhancedStatusIndicator{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.rmEnhancedStatusIndicator.active{background:#10b981}.rmEnhancedStatusIndicator.inactive{background:#9ca3af}.rmEnhancedManagerMainInfo{flex:1 1;padding:0 20px}.rmEnhancedManagerName{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 4px}.rmEnhancedManagerEmail{color:#64748b;font-size:14px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmEnhancedManagerId{color:#6b7280;font-size:13px;margin:0}.rmEnhancedManagerId strong{color:#4b5563}.rmEnhancedCardActions{align-items:flex-start;display:flex;gap:8px}.rmEnhancedActionButton{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.rmEnhancedSendButton{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.rmEnhancedSendButton:hover:not(:disabled){background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px)}.rmEnhancedEditButton{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.rmEnhancedEditButton:hover:not(:disabled){background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px)}.rmEnhancedDeleteButton{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.rmEnhancedDeleteButton:hover:not(:disabled){background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px)}.rmEnhancedActionButton:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.rmEnhancedCardBody{display:flex;flex-direction:column;gap:12px}.rmEnhancedInfoRow{align-items:center;display:flex;justify-content:space-between}.rmEnhancedInfoLabel{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.rmEnhancedInfoValue{color:#1a1a1a;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.rmEnhancedEmptyState{align-items:center;display:flex;flex-direction:column;gap:20px;grid-column:1/-1;justify-content:center;padding:80px 20px;text-align:center}.rmEnhancedEmptyIllustration{font-size:64px;margin-bottom:16px;opacity:.3}.rmEnhancedEmptyTitle{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.rmEnhancedEmptyDescription{color:#64748b;font-size:16px;margin:0 0 16px;max-width:400px}.rmEnhancedFormTab{animation:rmEnhanced-fadeIn .4s ease-out}.rmEnhancedFormHeader{border-bottom:2px solid #f1f5f9;margin-bottom:32px;padding-bottom:24px;text-align:center}.rmEnhancedFormTitle{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.rmEnhancedFormDescription{color:#64748b;font-size:16px;margin:0 auto;max-width:600px}.rmEnhancedFormGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.rmEnhancedInputGroup{display:flex;flex-direction:column;gap:8px}.rmEnhancedInputLabel{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.rmEnhancedFormInput,.rmEnhancedFormSelect{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.rmEnhancedFormInput:focus,.rmEnhancedFormSelect:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.rmEnhancedFormInput:disabled,.rmEnhancedFormSelect:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.rmEnhancedInputHint{color:#6b7280;font-size:13px;font-style:italic;margin-top:4px}.rmEnhancedFormActions{border-top:2px solid #f1f5f9;display:flex;grid-column:1/-1;justify-content:center;margin-top:16px;padding-top:32px}.rmEnhancedEditActions{display:flex;gap:16px}.rmEnhancedPrimaryButton{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 40px;transition:all .3s ease}.rmEnhancedPrimaryButton:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.rmEnhancedPrimaryButton:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.rmEnhancedSecondaryButton{background:#fff;border:2px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.rmEnhancedSecondaryButton:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#4b5563}.rmEnhancedSecondaryButton:disabled{cursor:not-allowed;opacity:.5}.rmEnhancedButtonSpinner{animation:rmEnhanced-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.rmEnhancedErrorState{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}@keyframes rmEnhanced-spin{to{transform:rotate(1turn)}}@keyframes rmEnhanced-slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes rmEnhanced-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rmEnhanced-cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rmEnhancedManagersGrid .rmEnhancedManagerCard:first-child{animation-delay:.1s}.rmEnhancedManagersGrid .rmEnhancedManagerCard:nth-child(2){animation-delay:.2s}.rmEnhancedManagersGrid .rmEnhancedManagerCard:nth-child(3){animation-delay:.3s}.rmEnhancedManagersGrid .rmEnhancedManagerCard:nth-child(4){animation-delay:.4s}.rmEnhancedManagersGrid .rmEnhancedManagerCard:nth-child(5){animation-delay:.5s}.rmEnhancedManagersGrid .rmEnhancedManagerCard:nth-child(n+6){animation-delay:.6s}@media (max-width:1024px){.rmEnhancedContentWrapper,.rmEnhancedMainContainer{padding:24px}.rmEnhancedManagersGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.rmEnhancedPageWrapper{border-radius:12px;margin:16px 0}.rmEnhancedHeaderSection{padding:24px}.rmEnhancedMainTitle{align-items:flex-start;flex-direction:column;font-size:28px;gap:8px}.rmEnhancedContentWrapper,.rmEnhancedMainContainer{padding:20px}.rmEnhancedTabNavigation{flex-direction:column}.rmEnhancedFormGrid,.rmEnhancedManagersGrid{grid-template-columns:1fr}.rmEnhancedEditActions{flex-direction:column}.rmEnhancedPrimaryButton,.rmEnhancedSecondaryButton{justify-content:center;width:100%}.rmEnhancedCardHeader{align-items:stretch;flex-direction:column;gap:16px}.rmEnhancedManagerMainInfo{padding:0;text-align:center}.rmEnhancedCardActions{justify-content:center}}@media (max-width:480px){.rmEnhancedHeaderSection{padding:20px}.rmEnhancedContentWrapper,.rmEnhancedMainContainer{padding:16px}.rmEnhancedSearchInput{font-size:14px;padding:14px 14px 14px 44px}.rmEnhancedSearchIcon{left:14px}.rmEnhancedManagerCard{padding:20px}}.corehr-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.corehr-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.corehr-floating-shape{animation:corehrFloat 25s ease-in-out infinite;background:linear-gradient(135deg,#4e54c81a,#8f94fb0d);border-radius:50%;position:absolute}.corehr-shape-1{animation-delay:0s;height:400px;right:-100px;top:-200px;width:400px}.corehr-shape-2{animation-delay:-8s;background:linear-gradient(135deg,#667eea1a,#764ba20d);bottom:100px;height:300px;left:-100px;width:300px}.corehr-shape-3{animation-delay:-15s;height:200px;right:10%;top:30%;width:200px}.corehr-shape-4{animation-delay:-5s;bottom:-50px;height:250px;right:20%;width:250px}.corehr-gradient-orb{animation:corehrPulse 10s ease-in-out infinite;border-radius:50%;filter:blur(50px);opacity:.4;position:absolute}.corehr-orb-1{animation-delay:0s;background:linear-gradient(135deg,#4e54c8,#8f94fb);height:500px;right:-250px;top:-250px;width:500px}.corehr-orb-2{animation-delay:-3s;background:linear-gradient(135deg,#667eea,#764ba2);bottom:-200px;height:400px;left:-200px;width:400px}.corehr-orb-3{animation-delay:-6s;background:linear-gradient(135deg,#f093fb,#f5576c);height:300px;left:10%;top:50%;width:300px}.corehr-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.corehr-svg-path-1{animation:corehrSvgFloat 30s ease-in-out infinite}.corehr-svg-path-2{animation:corehrSvgFloat 35s ease-in-out infinite reverse}.corehr-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.corehr-container.corehr-visible .corehr-hero-section{opacity:1;transform:translateY(0)}.corehr-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.corehr-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;color:#4e54c8;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.corehr-badge-dot{animation:corehrPulse 2s infinite;background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:50%;height:6px;width:6px}.corehr-hero-title{color:#1e293b;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.corehr-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4e54c8,#8f94fb);-webkit-background-clip:text;background-clip:text}.corehr-hero-description{color:#64748b;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.corehr-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.corehr-btn-primary,.corehr-btn-secondary,.corehr-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.corehr-btn-primary{background:linear-gradient(135deg,#4e54c8,#8f94fb);box-shadow:0 8px 25px #4e54c84d;color:#fff}.corehr-btn-primary:hover{box-shadow:0 12px 35px #4e54c866;transform:translateY(-2px)}.corehr-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;color:#4e54c8}.corehr-btn-secondary:hover{background:#fff;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.corehr-btn-tertiary{background:#0000;color:#4e54c8;padding:16px 24px}.corehr-btn-tertiary:hover{color:#8f94fb;transform:translateX(5px)}.corehr-btn-icon{font-size:14px}.corehr-btn-large{font-size:18px;padding:18px 40px}.corehr-hero-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.corehr-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;gap:12px;padding:20px}.corehr-stat,.corehr-stat-icon{align-items:center;display:flex}.corehr-stat-icon{background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:10px;font-size:18px;height:40px;justify-content:center;width:40px}.corehr-stat-content{display:flex;flex-direction:column}.corehr-stat-number{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:4px}.corehr-stat-label{font-size:12px}.corehr-hero-visual{height:600px;position:relative}.corehr-slider-container{border-radius:24px;box-shadow:0 25px 50px #00000026;height:100%;overflow:hidden;position:relative;width:100%}.corehr-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:all 1s ease-in-out;width:100%}.corehr-slide.corehr-active{opacity:1;transform:scale(1)}.corehr-slide-overlay{background:linear-gradient(135deg,#4e54c833,#8f94fb1a);bottom:0;left:0;position:absolute;right:0;top:0}.corehr-slide-content{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;opacity:0;padding:40px;position:absolute;right:0;transform:translateY(20px);transition:all .5s ease .3s}.corehr-slide.corehr-active .corehr-slide-content{opacity:1;transform:translateY(0)}.corehr-slide-content h3{font-size:1.5rem;font-weight:600;margin-bottom:8px}.corehr-slide-content p{font-size:1rem;opacity:.9}.corehr-slider-nav{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.corehr-slider-nav button{background:#ffffff4d;border:none;border-radius:6px;cursor:pointer;height:12px;overflow:hidden;position:relative;transition:all .3s ease;width:12px}.corehr-slider-nav button.corehr-active{background:#fffc}.corehr-nav-progress{background:#fff;border-radius:6px;height:100%;left:0;position:absolute;top:0}.corehr-nav-progress,.corehr-slider-nav button.corehr-active .corehr-nav-progress{animation:corehrProgress 5s linear}.corehr-floating-card{align-items:center;animation:corehrFloatCard 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:16px;position:absolute;z-index:4}.corehr-card-1{animation-delay:0s;left:-60px;top:10%}.corehr-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.corehr-card-3{animation-delay:-4s;bottom:20%;left:-40px}.corehr-card-icon{align-items:center;background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.corehr-card-content{display:flex;flex-direction:column}.corehr-card-title{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:2px}.corehr-card-text{color:#64748b;font-size:12px}.corehr-scroll-indicator{align-items:center;bottom:40px;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.corehr-scroll-line{animation:corehrScrollLine 2s infinite;background:linear-gradient(180deg,#4e54c8,#0000);border-radius:1px;height:40px;width:2px}.corehr-features-section{background:#ffffff80;padding:120px 5%}.corehr-section-content{margin:0 auto;max-width:1400px}.corehr-section-header{margin-bottom:80px;text-align:center}.corehr-section-badge{background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.corehr-section-header h2{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:16px}.corehr-section-header p{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.corehr-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.corehr-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;opacity:0;overflow:hidden;padding:40px;position:relative;transform:translateY(30px);transition:all .3s ease}.corehr-container.corehr-visible .corehr-feature-card{opacity:1;transform:translateY(0)}.corehr-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.corehr-feature-card:hover:before{left:100%}.corehr-feature-card.corehr-active,.corehr-feature-card:hover{border-color:#4e54c8;border-color:var(--accent-color,#4e54c8);box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.corehr-feature-card.corehr-hovered{transform:translateY(-5px)}.corehr-feature-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.corehr-feature-icon-wrapper{flex-shrink:0;height:60px;position:relative;width:60px}.corehr-feature-icon{align-items:center;border-radius:15px;display:flex;font-size:24px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.corehr-feature-glow,.corehr-feature-icon{background:#4e54c8;background:var(--accent-color,#4e54c8)}.corehr-feature-glow{animation:corehrPulse 2s ease-in-out infinite;border-radius:50%;filter:blur(15px);height:80px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.corehr-feature-header h3{color:#1e293b;font-size:1.5rem;font-weight:600}.corehr-feature-description{color:#64748b;line-height:1.6;margin-bottom:24px}.corehr-feature-list{grid-gap:12px;display:grid;gap:12px;margin-bottom:24px}.corehr-feature-item{color:#475569}.corehr-feature-arrow,.corehr-feature-item{align-items:center;display:flex;font-size:14px;gap:8px}.corehr-feature-arrow{color:#4e54c8;color:var(--accent-color,#4e54c8);font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.corehr-feature-card:hover .corehr-feature-arrow{opacity:1;transform:translateX(0)}.corehr-arrow-icon{transition:transform .3s ease}.corehr-feature-card:hover .corehr-arrow-icon{transform:translateX(3px)}.corehr-detailed-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.corehr-module-detail{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin-bottom:120px;opacity:0;transform:translateY(30px);transition:all .6s ease}.corehr-container.corehr-visible .corehr-module-detail{opacity:1;transform:translateY(0)}.corehr-module-detail.corehr-reversed{direction:rtl}.corehr-module-detail.corehr-reversed>*{direction:ltr}.corehr-module-badge{background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:20px;padding:6px 16px}.corehr-module-content h3{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:20px}.corehr-module-content p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.corehr-module-features{grid-gap:24px;display:grid;gap:24px}.corehr-feature-point{align-items:flex-start;display:flex;gap:16px}.corehr-point-icon{align-items:center;background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.corehr-feature-point h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:4px}.corehr-feature-point p{color:#64748b;line-height:1.5;margin-bottom:0}.corehr-module-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.corehr-stat-card{background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;padding:24px;text-align:center}.corehr-stat-value{color:#4e54c8;font-size:2rem;font-weight:700;margin-bottom:8px}.corehr-stat-label{color:#64748b;font-size:14px;font-weight:500}.corehr-module-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.corehr-module-visual img{height:400px;object-fit:cover;width:100%}.corehr-visual-overlay{background:linear-gradient(135deg,#4e54c81a,#8f94fb1a);bottom:0;left:0;position:absolute;right:0;top:0}.corehr-analytics-section{background:#ffffff80;padding:120px 5%}.corehr-analytics-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:40px}.corehr-analytics-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.corehr-analytics-card{background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;padding:30px}.corehr-analytics-header{align-items:center;display:flex;justify-content:between;margin-bottom:24px}.corehr-analytics-header h4{color:#1e293b;font-size:1.2rem;font-weight:600}.corehr-analytics-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px}.corehr-analytics-content{grid-gap:16px;display:grid;gap:16px}.corehr-metric{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:between;padding:12px 0}.corehr-metric:last-child{border-bottom:none}.corehr-analytics-chart{align-items:end;display:flex;gap:12px;height:120px;padding:20px 0}.corehr-chart-bar{background:#f1f5f9;border-radius:4px;flex:1 1;min-height:20px;overflow:hidden;position:relative}.corehr-chart-fill{animation:corehrChartFill 1s ease-out;background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:4px;bottom:0;left:0;position:absolute;right:0}.corehr-leave-stats{grid-gap:12px;display:grid;gap:12px}.corehr-leave-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:between;padding:12px 0}.corehr-leave-item:last-child{border-bottom:none}.corehr-cta-section{background:linear-gradient(135deg,#4e54c8,#8f94fb);overflow:hidden;padding:120px 5%;position:relative}.corehr-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.corehr-cta-orb{animation:corehrFloat 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.corehr-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.corehr-cta-orb-2{animation-delay:-7s;bottom:-150px;height:300px;left:-150px;width:300px}.corehr-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.corehr-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.corehr-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.corehr-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.corehr-cta-buttons{gap:20px;margin-bottom:40px}.corehr-cta-buttons,.corehr-cta-features{display:flex;flex-wrap:wrap;justify-content:center}.corehr-cta-features{gap:30px}.corehr-cta-feature{align-items:center;color:#ffffffe6;display:flex;font-size:14px;gap:8px}.corehr-feature-check{color:#10b981;font-weight:600}@keyframes corehrFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes corehrFloatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes corehrPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes corehrSvgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes corehrProgress{0%{width:0}to{width:100%}}@keyframes corehrScrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes corehrChartFill{0%{height:0}to{height:100%}}@media (max-width:1024px){.corehr-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.corehr-hero-stats{grid-template-columns:repeat(2,1fr)}.corehr-features-grid,.corehr-module-detail{grid-template-columns:1fr}.corehr-module-detail{gap:60px}.corehr-analytics-cards{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.corehr-hero-title{font-size:2.5rem}.corehr-section-header h2{font-size:2rem}.corehr-cta-buttons,.corehr-hero-buttons{align-items:center;flex-direction:column}.corehr-cta-features{flex-direction:column;gap:15px}.corehr-floating-card{margin-bottom:20px;position:relative}.corehr-card-1,.corehr-card-2,.corehr-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}@media (max-width:480px){.corehr-hero-title{font-size:2rem}.corehr-hero-stats,.corehr-module-stats{grid-template-columns:1fr}}:root{--emp-primary:#d32f2f;--emp-primary-dark:#9a0007;--emp-primary-light:#ff6659;--emp-secondary:#212121;--emp-text-primary:#1e2330;--emp-text-secondary:#5f6368;--emp-text-light:#8a8d93;--emp-white:#fff;--emp-background:#f8f9fa;--emp-border:#e0e0e0;--emp-success:#2e7d32;--emp-error:#d32f2f;--emp-warning:#f57c00;--emp-shadow-sm:0 2px 8px #00000014;--emp-shadow-md:0 4px 16px #0000001a;--emp-shadow-lg:0 8px 32px #0000001f;--emp-radius-sm:6px;--emp-radius-md:8px;--emp-radius-lg:12px;--emp-radius-xl:16px}.emp-auth-wrapper{font-family:Raleway,sans-serif;margin-top:60px;min-height:100vh;overflow:hidden;position:relative;width:100%}.emp-bg-layer{position:fixed;z-index:0}.emp-bg-gradient,.emp-bg-layer{height:100%;left:0;top:0;width:100%}.emp-bg-gradient{background:linear-gradient(135deg,#d32f2f0d,#21212114);position:absolute}.emp-content-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px;position:relative;z-index:1}.emp-brand-panel{align-items:center;background:linear-gradient(135deg,#d32f2f,#212121);background:linear-gradient(135deg,var(--emp-primary) 0,var(--emp-secondary) 100%);border-radius:16px;border-radius:var(--emp-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--emp-shadow-lg);display:flex;justify-content:center;padding:40px}.emp-brand-container{max-width:500px;width:100%}.emp-logo-section{margin-bottom:48px;text-align:center}.emp-brand-title{color:#fff;color:var(--emp-white);font-size:42px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.emp-brand-tagline{color:#ffffffe6;font-size:18px;font-weight:400;letter-spacing:.3px}.emp-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.emp-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--emp-radius-lg);padding:24px 20px;transition:all .3s ease}.emp-feature-card:hover{background:#ffffff26;transform:translateY(-2px)}.emp-feature-icon{display:block;font-size:32px;margin-bottom:12px}.emp-feature-title{color:#fff;color:var(--emp-white);font-size:16px;font-weight:700;margin-bottom:8px}.emp-feature-desc{color:#ffffffd9;font-size:13px;font-weight:400;line-height:1.5}.emp-trust-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--emp-radius-lg);gap:12px;padding:20px}.emp-trust-badge,.emp-trust-icon{align-items:center;display:flex;justify-content:center}.emp-trust-icon{background:#4caf5033;border-radius:50%;color:#4caf50;flex-shrink:0;font-size:24px;height:36px;width:36px}.emp-trust-text{color:#fffffff2;font-size:14px;font-weight:500;line-height:1.4}.emp-trust-text strong{color:#fff;color:var(--emp-white);font-weight:700}.emp-form-panel{align-items:center;display:flex;justify-content:center;padding:40px 20px}.emp-form-container{max-width:480px;width:100%}.emp-form-card{background:#fff;background:var(--emp-white);border-radius:16px;border-radius:var(--emp-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--emp-shadow-lg);padding:48px 40px}.emp-form-header{margin-bottom:32px;position:relative}.emp-back-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--emp-radius-sm);color:#5f6368;color:var(--emp-text-secondary);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;left:-8px;padding:8px;position:absolute;top:-8px;transition:all .3s ease}.emp-back-btn:hover{background:#f8f9fa;background:var(--emp-background);color:#d32f2f;color:var(--emp-primary)}.emp-form-title{color:#1e2330;color:var(--emp-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.emp-form-subtitle{color:#5f6368;color:var(--emp-text-secondary);font-size:15px;font-weight:400;line-height:1.5}.emp-email-highlight{color:#d32f2f;color:var(--emp-primary);font-weight:600}.emp-alert{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--emp-radius-md);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 16px}.emp-alert-icon{flex-shrink:0;font-size:18px}.emp-alert-text{flex:1 1;line-height:1.4}.emp-alert-success{background:#e8f5e9;border-color:#81c784;color:#2e7d32;color:var(--emp-success)}.emp-alert-error{background:#ffebee;border-color:#ef9a9a;color:#d32f2f;color:var(--emp-error)}.emp-auth-form{gap:24px}.emp-auth-form,.emp-input-group{display:flex;flex-direction:column}.emp-input-group{gap:8px}.emp-input-label{align-items:center;color:#1e2330;color:var(--emp-text-primary);display:flex;font-size:14px;font-weight:600;gap:4px}.emp-label-text{letter-spacing:.2px}.emp-label-required{color:#d32f2f;color:var(--emp-error);font-weight:700}.emp-input-wrapper{align-items:center;display:flex;position:relative}.emp-input-icon{font-size:18px;left:16px;pointer-events:none;position:absolute}.emp-input-field{background:#fff;background:var(--emp-white);border:1.5px solid #e0e0e0;border:1.5px solid var(--emp-border);border-radius:8px;border-radius:var(--emp-radius-md);color:#1e2330;color:var(--emp-text-primary);font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.emp-input-field:focus{border-color:#d32f2f;border-color:var(--emp-primary);box-shadow:0 0 0 3px #d32f2f1a}.emp-input-field:disabled{background:#f8f9fa;background:var(--emp-background);cursor:not-allowed;opacity:.6}.emp-input-field::placeholder{color:#8a8d93;color:var(--emp-text-light);font-weight:400}.emp-otp-input{font-size:24px;font-weight:700;letter-spacing:12px;padding:14px 16px!important;text-align:center}.emp-input-hint{color:#5f6368;color:var(--emp-text-secondary);font-size:13px;margin-top:4px}.emp-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--emp-radius-md);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.emp-btn-primary{background:linear-gradient(135deg,#d32f2f,#9a0007);background:linear-gradient(135deg,var(--emp-primary),var(--emp-primary-dark));box-shadow:0 4px 12px #d32f2f40;color:#fff;color:var(--emp-white)}.emp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9a0007,#6d0000);background:linear-gradient(135deg,var(--emp-primary-dark),#6d0000);box-shadow:0 6px 16px #d32f2f59;transform:translateY(-1px)}.emp-btn-primary:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.emp-btn-secondary{background:#f8f9fa;background:var(--emp-background);border:1.5px solid #e0e0e0;border:1.5px solid var(--emp-border);color:#1e2330;color:var(--emp-text-primary)}.emp-btn-secondary:hover:not(:disabled){background:#eee;border-color:#bdbdbd}.emp-btn-arrow{font-size:18px;transition:transform .3s ease}.emp-btn:hover .emp-btn-arrow{transform:translateX(3px)}.emp-spinner{animation:emp-spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top:2.5px solid var(--emp-white);display:inline-block;height:18px;width:18px}@keyframes emp-spin{to{transform:rotate(1turn)}}.emp-security-note{align-items:center;background:#f8f9fa;background:var(--emp-background);border:1px solid #e0e0e0;border:1px solid var(--emp-border);border-radius:8px;border-radius:var(--emp-radius-md);display:flex;gap:8px;justify-content:center;padding:12px 16px}.emp-security-icon{font-size:16px}.emp-security-text{color:#5f6368;color:var(--emp-text-secondary);font-size:13px;font-weight:500}.emp-form-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--emp-border);margin-top:32px;padding-top:24px;text-align:center}.emp-footer-text{align-items:center;color:#8a8d93;color:var(--emp-text-light);display:flex;font-size:13px;gap:8px;justify-content:center}.emp-footer-icon{font-size:16px}@media (max-width:1200px){.emp-content-grid{gap:30px;padding:30px}.emp-brand-title{font-size:36px}.emp-features-grid{gap:16px}}@media (max-width:968px){.emp-content-grid{gap:30px;grid-template-columns:1fr;padding:20px}.emp-brand-panel{order:2;padding:30px 20px}.emp-form-panel{order:1;padding:20px}.emp-brand-container{max-width:600px}.emp-features-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.emp-form-card{padding:36px 28px}.emp-brand-title{font-size:32px}.emp-form-title{font-size:24px}.emp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.emp-content-grid{padding:16px}.emp-form-card{padding:28px 20px}.emp-brand-panel{padding:24px 16px}.emp-brand-title{font-size:28px}.emp-form-title{font-size:22px}.emp-features-grid{gap:12px}.emp-feature-card{padding:20px 16px}.emp-btn{font-size:14px;padding:12px 20px}.emp-otp-input{font-size:20px;letter-spacing:8px}}.academic-details-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:24px 0;min-height:600px;overflow:hidden;padding:28px;position:relative}.academic-background-animation{bottom:0;left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.academic-header{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:20px;position:relative;z-index:1}.academic-title{align-items:center;color:#1a1a1a;display:flex;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.academic-icon{animation:float 3s ease-in-out infinite;font-size:32px}.academic-subtitle{color:#64748b;font-size:16px;font-weight:500;margin:0;padding-left:44px;text-align:justify}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-left:4px solid #dc2626;color:#991b1b;gap:12px;margin-bottom:24px;padding:16px 20px;position:relative;z-index:1}.error-icon{font-size:20px}.academic-toggle-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:24px;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.academic-toggle-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.academic-toggle-btn.active{background:linear-gradient(135deg,#64748b,#475569)}.academic-toggle-btn .icon{font-size:18px}.academic-form-container{animation:slideDown .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 24px #00000014;margin-bottom:32px;padding:32px;position:relative;z-index:1}.form-title{border-bottom:2px solid #f1f5f9;color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.academic-form{display:flex;flex-direction:column;gap:24px}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.form-group input::placeholder{color:#9ca3af}.form-row{grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{gap:24px;grid-template-columns:1fr}}.form-actions{margin-top:8px;padding-top:16px}.cancel-btn{border:2px solid #d1d5db;border-radius:10px;color:#6b7280;font-size:15px;padding:14px 32px}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#4b5563}.submit-btn{background:linear-gradient(135deg,#dc2626,#b91c1b);border-radius:10px;box-shadow:0 4px 12px #dc26264d;font-size:15px;padding:14px 32px}.submit-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 16px #dc262666}.academic-records{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:32px;position:relative;z-index:1}.records-title{border-bottom:2px solid #f1f5f9;color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.loading-container{gap:20px;padding:60px 20px}.loading-container p{color:#64748b;font-size:16px;font-weight:500;margin:0}.empty-state p{font-size:15px}.records-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.academic-records-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.academic-records-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.academic-records-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.academic-records-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .3s ease}.academic-records-table tbody tr:last-child{border-bottom:none}.academic-records-table tbody tr:hover{background-color:#fafafa}.academic-records-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-size:14px;font-weight:500;padding:20px;vertical-align:middle}.level-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.level-sslc{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.level-hsc{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;color:#0c4a6e}.level-ug{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#166534}.level-pg{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.level-diploma{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;color:#5b21b6}.level-doctorate{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4;color:#9d174d}.level-other{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.grade-pill{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;color:#166534;display:inline-block;font-size:13px;font-weight:700;padding:8px 16px}.action-buttons{align-items:center}.delete-btn,.edit-btn{align-items:center;border-radius:10px;display:flex;font-size:16px;justify-content:center;padding:10px 14px;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.edit-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 12px #1e40af33;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca)}.delete-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #dc262633;transform:translateY(-2px)}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-in{animation:slideDown .4s ease-out}@media (max-width:1024px){.academic-details-container{margin:20px 0;padding:24px}.academic-form-container,.academic-records{padding:24px}}@media (max-width:768px){.academic-details-container{margin:16px 0;padding:20px}.academic-title{align-items:flex-start;flex-direction:column;font-size:24px;gap:8px}.academic-subtitle{padding-left:0}.academic-form-container,.academic-records{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}.academic-records-table{min-width:600px}}@media (max-width:480px){.academic-details-container{border-radius:12px;padding:16px}.academic-form-container,.academic-records{padding:16px}.academic-toggle-btn{justify-content:center;width:100%}}.exp-professional-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:24px 0;min-height:600px;overflow:hidden;padding:28px;position:relative}.exp-svg-background{background:linear-gradient(45deg,#dc262608,#f8fafc0d 25%,#f1f5f908 50%,#dc262605 75%,#f8fafc0a);opacity:.6;pointer-events:none;z-index:0}.exp-svg-background,.exp-svg-background:before{bottom:0;left:0;position:absolute;right:0;top:0}.exp-svg-background:before{background-image:radial-gradient(circle at 20% 80%,#dc26260d 0,#0000 50%),radial-gradient(circle at 80% 20%,#f8fafc0d 0,#0000 50%),radial-gradient(circle at 40% 40%,#f1f5f90d 0,#0000 50%);content:""}.exp-gradient-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#374151);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #f1f5f9;color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;padding-bottom:16px;position:relative;z-index:1}.exp-employee-info{color:#64748b;font-size:16px;margin:0 0 24px;padding-left:4px;text-align:justify}.exp-employee-info,.exp-error-message{font-weight:500;position:relative;z-index:1}.exp-error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:12px;color:#991b1b;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.exp-error-icon{font-size:20px}.exp-add-button{align-items:end;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #dc26264d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:end;margin:12PX;padding:14px 28px;position:absolute;right:0;top:17px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:6}.exp-add-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.exp-button-icon{font-size:20px;font-weight:700}.exp-form-overlay{animation:exp-slideDown .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 24px #0000001f;margin-bottom:32px;padding:32px;position:relative;z-index:2}.exp-form-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.exp-form-header h4{color:#1a1a1a;font-size:22px;font-weight:700;margin:0}.exp-close-button{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:28px;line-height:1;padding:4px 12px;transition:all .2s ease}.exp-close-button:hover{background:#f3f4f6;color:#dc2626}.exp-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}@media (max-width:768px){.exp-form-grid{gap:20px;grid-template-columns:1fr}}.exp-form-group{display:flex;flex-direction:column;gap:8px}.exp-form-group.exp-full-width{grid-column:1/-1}.exp-form-group label{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exp-form-group input,.exp-form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.exp-form-group textarea{min-height:100px;resize:vertical}.exp-form-group input:focus,.exp-form-group textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.exp-form-group input::placeholder,.exp-form-group textarea::placeholder{color:#9ca3af}.exp-form-group input[type=date]{color:#374151}.exp-form-group input[type=date]:invalid{color:#9ca3af}.exp-form-actions{border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding-top:20px}.exp-submit-button{background:linear-gradient(135deg,#dc2626,#b91c1b);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}.exp-submit-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.exp-cancel-button{background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}.exp-cancel-button:hover{background:#f9fafb;border-color:#9ca3af;color:#4b5563}.exp-loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;position:relative;z-index:1}.exp-loading-spinner{animation:exp-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#dc2626;height:50px;width:50px}.exp-loading-container p{color:#64748b;font-size:16px;font-weight:500;margin:0}.exp-empty-state{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-top:20px;padding:80px 20px;position:relative;text-align:center;z-index:1}.exp-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.exp-empty-state p{color:#64748b;font-size:16px;margin:4px 0}.exp-empty-state p:first-of-type{color:#1a1a1a;font-size:18px;font-weight:600}.exp-cards-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:24px;position:relative;z-index:1}@media (max-width:768px){.exp-cards-container{grid-template-columns:1fr}}.exp-professional-card{animation:exp-cardFadeIn .5s ease-out forwards;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000000f;opacity:0;padding:24px;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.exp-professional-card:hover{border-color:#dc2626;box-shadow:0 8px 30px #0000001a;transform:translateY(-4px)}.exp-card-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.exp-company-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#374151);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0}.exp-card-actions{display:flex;gap:8px}.exp-delete-btn,.exp-edit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.exp-edit-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.exp-edit-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px)}.exp-delete-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.exp-delete-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px)}.exp-card-content{display:flex;flex-direction:column;gap:16px}.exp-role{color:#dc2626;font-size:16px;font-weight:600;margin:0;padding:0}.exp-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.exp-detail-item{display:flex;flex-direction:column;gap:4px}.exp-detail-item.exp-full-width{grid-column:1/-1}.exp-detail-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.exp-detail-value{color:#1a1a1a;font-size:15px;font-weight:500;line-height:1.4}.exp-detail-item.exp-full-width .exp-detail-value{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.5;padding:10px 14px}.exp-description{background:#f8fafc;border-left:4px solid #dc2626;border-radius:12px;margin-top:8px;padding:16px}.exp-description p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}@keyframes exp-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes exp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes exp-cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.exp-cards-container .exp-professional-card:first-child{animation-delay:.1s}.exp-cards-container .exp-professional-card:nth-child(2){animation-delay:.2s}.exp-cards-container .exp-professional-card:nth-child(3){animation-delay:.3s}.exp-cards-container .exp-professional-card:nth-child(4){animation-delay:.4s}.exp-cards-container .exp-professional-card:nth-child(5){animation-delay:.5s}.exp-cards-container .exp-professional-card:nth-child(n+6){animation-delay:.6s}@media (max-width:1024px){.exp-professional-container{margin:20px 0;padding:24px}.exp-form-overlay{padding:24px}.exp-cards-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.exp-professional-container{margin:16px 0;padding:20px}.exp-gradient-title{font-size:24px}.exp-form-overlay{padding:20px}.exp-cards-container,.exp-details-grid{grid-template-columns:1fr}.exp-form-actions{flex-direction:column}.exp-cancel-button,.exp-submit-button{justify-content:center;width:100%}}@media (max-width:480px){.exp-professional-container{border-radius:12px;padding:16px}.exp-form-overlay{padding:16px}.exp-add-button{justify-content:center;width:100%}.exp-professional-card{padding:20px}.exp-card-header{align-items:flex-start;flex-direction:column;gap:12px}.exp-card-actions{align-self:flex-start}}.document-records-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:24px 0;min-height:600px;overflow:hidden;padding:28px;position:relative}.document-records-container:before{background-image:radial-gradient(circle at 10% 20%,#dc262608 0,#0000 50%),radial-gradient(circle at 90% 80%,#f8fafc08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.document-records-header{border-bottom:2px solid #f1f5f9;margin-bottom:32px;padding-bottom:20px;position:relative;z-index:1}.document-records-header h2{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.document-records-header p{color:#64748b;font-size:16px;font-weight:500;margin:0}.document-records-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;position:relative;z-index:1}.upload-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px}.upload-info h3{align-items:center;color:#1a1a1a;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 12px}.upload-info p{color:#64748b;font-size:14px;margin:6px 0}.device-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:10px;font-weight:500;margin-top:16px!important;padding:10px 16px}.upload-form{display:flex;flex-direction:column;gap:24px;margin-top:28px}.form-group{gap:10px}.form-group label{color:#374151;letter-spacing:.5px}.form-group input[type=text],.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.upload-method-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.method-option{cursor:pointer;display:block}.method-option input[type=radio]{display:none}.method-content{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.method-option input[type=radio]:checked+.method-content{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626;box-shadow:0 2px 8px #dc26261a}.method-icon{font-size:24px}.method-text{display:flex;flex-direction:column;gap:4px}.method-text strong{color:#1a1a1a;font-size:14px;font-weight:600}.method-text small{color:#6b7280;font-size:12px}.method-option input[type=radio]:disabled+.method-content{cursor:not-allowed;opacity:.5}.file-input-container{position:relative}.file-input-button{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:16px;text-align:left;transition:all .3s ease;width:100%}.file-input-button:hover:not(:disabled){background:#fef2f2;border-color:#dc2626;color:#dc2626}.file-input-button:disabled{cursor:not-allowed;opacity:.5}.file-placeholder{align-items:center;display:flex;flex:1 1;gap:8px}.file-input-hint{color:#6b7280;font-size:13px;font-style:italic;margin:8px 0 0}.file-preview{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.file-preview-icon{font-size:20px}.file-preview-name{color:#0c4a6e;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{background:#fff;border-radius:12px;color:#0369a1;font-size:13px;font-weight:600;padding:2px 8px}.upload-progress{margin-top:8px}.progress-bar{background:#e5e7eb;border-radius:4px;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:4px}.progress-text{color:#374151;font-size:14px;font-weight:500;text-align:center}.upload-button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px 32px;transition:all .3s ease}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinner{animation:doc-spin 1s linear infinite;height:18px;width:18px}.upload-icon{font-size:18px}.qr-modal-overlay{align-items:center;animation:doc-fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qr-modal{animation:doc-slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.qr-modal-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.qr-modal-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.qr-modal-header p{color:#64748b;font-size:14px;margin:4px 0 0}.close-button{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:28px;line-height:1;padding:4px 12px;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#dc2626}.qr-code-container{align-items:center;display:flex;flex-direction:column;gap:24px}.qr-code-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:20px}.qr-instructions{text-align:left;width:100%}.qr-instructions h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 12px}.qr-instructions ol{color:#4b5563;margin:0;padding-left:24px}.qr-instructions li{line-height:1.5;margin-bottom:8px}.upload-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:20px;padding:16px}.status-indicator{align-items:center;color:#374151;display:flex;font-weight:500;gap:12px}.pulse-dot{animation:doc-pulse 1.5s ease-in-out infinite;background:#dc2626;border-radius:50%;height:12px;width:12px}.status-indicator.waiting .pulse-dot{background:#f59e0b}.status-indicator.uploading .pulse-dot{background:#3b82f6}.status-indicator.uploaded .pulse-dot{animation:none;background:#10b981}.direct-link{width:100%}.direct-link p{color:#64748b;font-size:14px;margin:0 0 8px}.url-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:text;font-family:monospace;font-size:14px;padding:12px 16px;-webkit-user-select:all;user-select:all;width:100%}.url-input:focus{border-color:#dc2626;outline:none}.documents-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px}.section-header{border-bottom:2px solid #f1f5f9;margin-bottom:28px;padding-bottom:16px}.section-header h3{align-items:center;display:flex;font-size:22px;gap:10px;margin:0}.doc-count{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 16px}.empty-state{gap:16px;padding:60px 20px}.empty-state h4{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.empty-state p{margin:0}.documents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.document-card{animation:doc-cardFadeIn .5s ease-out forwards;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;gap:16px;opacity:0;padding:24px;transform:translateY(10px);transition:all .3s ease}.document-card:hover{border-color:#dc2626;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.document-card-header{align-items:center;display:flex;gap:12px;min-height:40px}.document-icon{flex-shrink:0;font-size:24px}.document-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;flex:1 1;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis}.edit-input{background:#fef2f2;border:2px solid #dc2626;border-radius:8px;color:#1a1a1a;flex:1 1;font-size:16px;font-weight:500;padding:10px 14px}.edit-input:focus{box-shadow:0 0 0 3px #dc26261a;outline:none}.document-details{display:flex;flex-direction:column;font-size:13px;gap:8px}.file-size,.upload-date,.upload-method{align-items:center;color:#6b7280;display:flex;gap:6px;margin:0}.document-actions{display:flex;flex-direction:column;gap:12px}.view-button{align-items:center;background:#0000;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.view-button:hover{background:#3b82f6;color:#fff}.cancel-button,.delete-button,.edit-button,.save-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease}.edit-button{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.edit-button:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.save-button{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.save-button:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)}.cancel-button{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.cancel-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.delete-button{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.delete-button:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)}@keyframes doc-spin{to{transform:rotate(1turn)}}@keyframes doc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes doc-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes doc-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes doc-cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.documents-grid .document-card:first-child{animation-delay:.1s}.documents-grid .document-card:nth-child(2){animation-delay:.2s}.documents-grid .document-card:nth-child(3){animation-delay:.3s}.documents-grid .document-card:nth-child(4){animation-delay:.4s}.documents-grid .document-card:nth-child(5){animation-delay:.5s}.documents-grid .document-card:nth-child(n+6){animation-delay:.6s}@media (max-width:1024px){.document-records-container{margin:20px 0;padding:24px}.documents-list-section,.upload-section{padding:24px}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.document-records-container{margin:16px 0;padding:20px}.document-records-header h2{font-size:24px}.documents-list-section,.upload-section{padding:20px}.documents-grid,.upload-method-options{grid-template-columns:1fr}.qr-modal{padding:24px;width:95%}}@media (max-width:480px){.document-records-container{border-radius:12px;padding:16px}.documents-list-section,.upload-section{padding:16px}.upload-button{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.document-card{padding:20px}.action-buttons{flex-direction:column}.cancel-button,.delete-button,.edit-button,.save-button{width:100%}}*{font-family:Raleway,sans-serif}.passport-container{animation:fadeIn .5s ease;background:#f8f9fa;border-radius:12px;padding:2rem}.passport-header{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.passport-title{align-items:center;color:#1e2330;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin:0}.passport-icon{font-size:2rem}.passport-count{background:#c628281a;border-radius:12px;color:#c62828;font-size:1rem;font-weight:700;padding:.25rem .75rem}.add-passport-btn{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);border:none;border-radius:8px;box-shadow:0 4px 12px #c628284d;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-passport-btn:hover:not(:disabled){background:linear-gradient(135deg,#a02020,#c62828);box-shadow:0 6px 16px #c6282866;transform:translateY(-2px)}.add-passport-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:1.3rem;font-weight:700}.error-alert{align-items:center;animation:slideDown .3s ease;background:#c628281a;border:2px solid #c62828;border-left-width:6px;border-radius:8px;color:#c62828;display:flex;font-weight:600;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-icon{font-size:1.5rem}.retry-btn{background:#c62828;border-radius:6px;font-family:Raleway,sans-serif;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.retry-btn:hover{background:#a02020;transform:scale(1.05)}.loading-state{gap:1rem;padding:4rem 2rem}.spinner{animation:spin .8s linear infinite;border:4px solid #c6282833;border-top-color:#c62828}.loading-state p{color:#666;font-size:1rem}.passport-form-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #0000001f;margin-bottom:2rem;padding:2rem}.slide-in{animation:slideIn .4s ease}.form-header{border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1.5rem}.form-header h4{color:#1e2330;font-size:1.3rem;font-weight:700;margin:0}.close-btn{border-radius:8px;height:36px;width:36px}.close-btn:hover:not(:disabled){background:#c628281a;color:#c62828;transform:rotate(90deg)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.passport-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group.full-width{grid-column:1/-1}.input-group label{color:#1e2330;font-size:.9rem;font-weight:600}.input-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1e2330;font-family:Raleway,sans-serif;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.input-group input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.input-group input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.input-group input::placeholder{color:#999}.error-input{background:#c628280d!important;border-color:#c62828!important}.error-text{color:#c62828;font-size:.8rem;font-weight:600;margin-top:-.25rem}.form-actions{border-top:2px solid #e0e0e0;gap:1rem;padding-top:1rem}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.submit-btn{background:linear-gradient(135deg,#c62828,#e53935);box-shadow:0 4px 12px #c628284d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#a02020,#c62828);box-shadow:0 6px 16px #c6282866}.submit-btn:disabled{opacity:.6}.cancel-btn{border:2px solid #e0e0e0}.cancel-btn:hover:not(:disabled){background:#f8f9fa;border-color:#c62828;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.cancel-btn:disabled{opacity:.6}.empty-state{background:#fff;border:2px dashed #e0e0e0;border-radius:12px;padding:4rem 2rem}.empty-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.empty-state h4{color:#1e2330;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.empty-state p{color:#666;font-size:1rem;margin:0 0 2rem}.cta-button{background:linear-gradient(135deg,#c62828,#e53935);border-radius:8px;box-shadow:0 4px 12px #c628284d;color:#fff;font-family:Raleway,sans-serif;font-size:.95rem;padding:.75rem 1.5rem}.cta-button:hover:not(:disabled){background:linear-gradient(135deg,#a02020,#c62828);box-shadow:0 6px 16px #c6282866;transform:translateY(-2px)}.cta-button:disabled{cursor:not-allowed;opacity:.6}.passports-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.passport-card{animation:cardIn .5s ease;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}@keyframes cardIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.passport-card:hover{border-color:#c628284d;box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.passport-card-header{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.passport-badge{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:1px}.passport-icon-small{font-size:1.3rem}.card-actions{display:flex;gap:.5rem}.icon-btn{align-items:center;background:#fff3;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.icon-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn:hover:not(:disabled){background:#ffffffe6}.passport-details{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.detail-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row.meta{border-top:2px solid #f0f0f0;padding-top:1rem}.detail-label{color:#666;flex-shrink:0;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{font-size:.95rem;text-align:right;word-break:break-word}.passport-number{background:#c628281a;border-radius:6px;color:#c62828;font-family:Courier New,monospace;font-weight:700;padding:.4rem .8rem}.detail-grid{grid-gap:1rem;border-bottom:1px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:.75rem 0}.detail-item{flex-direction:column;gap:.5rem}.detail-item .detail-label,.detail-item .detail-value{text-align:left}@media (max-width:992px){.passports-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.passport-container{padding:1rem}.passport-header{align-items:stretch;flex-direction:column;padding:1.25rem}.passport-title{font-size:1.25rem}.add-passport-btn{justify-content:center;width:100%}.form-grid,.passports-list{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.passport-header{padding:1rem}.passport-title{font-size:1.1rem}.passport-icon{font-size:1.5rem}.passport-form-container{padding:1.5rem}.passport-card-header,.passport-details{padding:1rem}.detail-row{align-items:flex-start;flex-direction:column}.detail-value{text-align:left}.empty-icon{font-size:3.5rem}.empty-state h4{font-size:1.25rem}}@media print{.card-actions,.form-actions,.passport-header button{display:none}.passport-card{border:1px solid #e0e0e0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.personal-details-container{margin:20px 0}.info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.info-card h4{color:#333;font-size:1.2rem;margin:0 0 15px}.info-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s ease}.info-btn:hover{background:#0056b3}.info-btn.completed{background:#28a745}.info-btn.completed:hover{background:#1e7e34}.info-btn.pending{background:#ffc107;color:#212529}.info-btn.pending:hover{background:#e0a800}.info-btn:disabled{background:#6c757d;cursor:not-allowed}.status-check{font-weight:700;margin-left:5px}.form-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-container{background:#fff;border-radius:10px;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px}.form-header h3{color:#333;margin:0}.form-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:5px}.form-close:hover{color:#333}.form-close:disabled{color:#ccc;cursor:not-allowed}.form-body{padding:20px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.form-field{display:flex;flex-direction:column}.form-label{color:#555;margin-bottom:5px}.required-asterisk{color:#dc3545;margin-left:2px}.form-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;transition:border-color .3s ease}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-input[type=date]{padding:9px}.form-input[type=tel]{font-family:monospace}.form-input textarea{font-family:inherit;min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e9ecef;gap:10px;padding:20px 0}.submit-btn{background:#28a745;border-radius:5px;font-size:1rem;padding:10px 20px;transition:background .3s ease}.submit-btn:hover:not(:disabled){background:#1e7e34}.cancel-btn,.submit-btn:disabled{background:#6c757d}.cancel-btn{border:none;border-radius:5px;font-size:1rem;transition:background .3s ease}.cancel-btn:hover:not(:disabled){background:#545b62}.cancel-btn:disabled{background:#ccc;cursor:not-allowed}.form-footer{margin-top:10px;text-align:center}.required-note{color:#6c757d;font-size:.9rem;margin:0}@media (max-width:768px){.form-container{margin:10px;width:95%}.form-grid{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.ps-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:24px;padding:24px}.ps-avatar-section{align-items:center;display:flex;gap:20px;margin-bottom:24px}.ps-avatar-container{height:100px;position:relative;width:100px}.ps-avatar-img{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.ps-avatar-img:hover{transform:scale(1.05)}.ps-avatar-placeholder{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.ps-avatar-placeholder,.ps-upload-label{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);color:#fff;display:flex}.ps-upload-label{border:2px solid #fff;border-radius:20px;bottom:-8px;box-shadow:0 2px 8px #c628284d;cursor:pointer;font-size:10px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:-8px;transition:all .3s ease;z-index:2}.ps-upload-label:hover{background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 4px 12px #c6282866;transform:translateY(-2px)}.ps-upload-icon{font-size:14px;font-weight:700}.ps-upload-input{display:none}.ps-basic-info{flex:1 1}.ps-employee-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.ps-employee-role{background:#c628281a;border-radius:20px;color:#c62828;display:inline-block;font-weight:600;margin-bottom:8px;padding:4px 12px}.ps-employee-department,.ps-employee-role{font-family:Raleway,sans-serif;font-size:14px}.ps-employee-department{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:6px}.ps-employee-department:before{content:"🏢";font-size:16px}.ps-progress-section{background:linear-gradient(90deg,#c628280d,#ffffff1a);border:1px solid #e2e8f0;border-radius:10px;padding:20px}.ps-progress-title{align-items:center;color:#1e2330;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.ps-progress-title:before{content:"📊";font-size:18px}.ps-progress-container{align-items:center;display:flex;gap:16px;margin-bottom:12px}.ps-progress-bar{background:#e2e8f0;flex:1 1;height:8px}.ps-progress-bar,.ps-progress-fill{border-radius:4px;overflow:hidden;position:relative}.ps-progress-fill{background:linear-gradient(90deg,#c62828,#ff5252);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.ps-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ps-progress-percentage{color:#c62828;font-family:Raleway,sans-serif;font-size:16px;font-weight:700;min-width:40px;text-align:right}.ps-progress-text{align-items:center;color:#4a5568;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:500;gap:8px;margin-top:8px}.ps-progress-text.success{color:#10b981;font-weight:600}.ps-progress-text.success:before{content:"🎉";font-size:16px}.ps-loading-state{align-items:center;display:flex;justify-content:center;min-height:200px}.ps-loading-state p{color:#4a5568;font-family:Raleway,sans-serif;font-size:16px;font-weight:500}.ps-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#c62828;height:40px;margin:40px auto;width:40px}@media (max-width:768px){.ps-container{padding:20px}.ps-avatar-section{flex-direction:column;gap:16px;text-align:center}.ps-avatar-container{height:80px;width:80px}.ps-avatar-placeholder{font-size:24px}.ps-employee-name{font-size:18px}.ps-employee-role{font-size:13px;padding:3px 10px}.ps-progress-container{align-items:stretch;flex-direction:column;gap:8px}.ps-progress-percentage{text-align:center}}@media (max-width:480px){.ps-container{padding:16px}.ps-upload-label{bottom:-5px;font-size:11px;padding:5px 10px;right:-5px}.ps-progress-section{padding:16px}}@media print{.ps-container{border:1px solid #ccc;box-shadow:none}.ps-upload-label{display:none}}.ps-avatar-img.updated,.ps-avatar-placeholder.updated{animation:pulse .5s ease}.leavi-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:24px 0;min-height:600px;overflow:hidden;padding:0;position:relative}.leavi-container:before{background-image:radial-gradient(circle at 15% 15%,#dc262605 0,#0000 40%),radial-gradient(circle at 85% 85%,#f8fafc05 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.leavi-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #ffffff1a;padding:32px;position:relative;z-index:1}.leavi-header-content{align-items:center;display:flex;gap:24px;justify-content:space-between}.leavi-title-section{flex:1 1}.leavi-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.leavi-subtitle{color:#fffc;font-size:16px;font-weight:500;margin:0}.leavi-primary-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #dc26264d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.leavi-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.leavi-primary-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.leavi-btn-icon{font-size:18px}.leavi-warning-message{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-left:4px solid #d97706;border-radius:12px;color:#92400e;display:flex;gap:16px;margin:24px;padding:20px 24px;position:relative;z-index:1}.leavi-warning-icon{flex-shrink:0;font-size:24px;margin-top:2px}.leavi-warning-content{flex:1 1}.leavi-warning-content strong{display:block;font-size:16px;font-weight:700;margin-bottom:4px}.leavi-warning-content p{font-size:14px;margin:0;opacity:.9}.leavi-message{align-items:center;animation:leavi-slideIn .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:12px;margin:24px;padding:16px 20px;position:relative;z-index:1}.leavi-message-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;border-left-width:4px;color:#065f46}.leavi-message-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-left-width:4px;color:#991b1b}.leavi-message-icon{font-size:20px}.leavi-modal-overlay{align-items:center;animation:leavi-fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.leavi-modal-container{animation:leavi-modalSlideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.leavi-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:32px 32px 20px}.leavi-modal-title-section{flex:1 1}.leavi-modal-title{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.leavi-modal-subtitle{color:#64748b;font-size:16px;margin:0}.leavi-close-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:32px;line-height:1;margin:-8px -8px 0 0;padding:4px 16px;transition:all .2s ease}.leavi-close-btn:hover:not(:disabled){background:#f3f4f6;color:#dc2626}.leavi-close-btn:disabled{cursor:not-allowed;opacity:.5}.leavi-form{padding:32px}.leavi-form-section{border-bottom:2px solid #f1f5f9;margin-bottom:32px;padding-bottom:24px}.leavi-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.leavi-form-section-title{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 20px}.leavi-form-section-title:before{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:2px;content:"";height:20px;width:4px}.leavi-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.leavi-form-group{display:flex;flex-direction:column;gap:8px}.leavi-form-group.leavi-full-width{grid-column:1/-1}.leavi-form-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.leavi-required{color:#dc2626;font-weight:700}.leavi-disabled-field,.leavi-form-input,.leavi-form-select,.leavi-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.leavi-form-textarea{min-height:80px;resize:vertical}.leavi-form-input:focus,.leavi-form-select:focus,.leavi-form-textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.leavi-form-input:disabled,.leavi-form-select:disabled,.leavi-form-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.leavi-disabled-field{background:#f1f5f9;border-color:#e5e7eb;color:#64748b;cursor:not-allowed}.leavi-leave-info{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-top:24px;padding:20px}.leavi-days-count{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:80px}.leavi-days-number{color:#0c4a6e;font-size:36px;font-weight:800;line-height:1}.leavi-days-label{color:#0369a1;font-size:14px;font-weight:600;text-align:center}.leavi-manager-notice{align-items:center;background:#fff;border:1px solid #7dd3fc;border-radius:8px;color:#0c4a6e;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:10px;padding:10px 16px}.leavi-notice-icon{font-size:18px}.leavi-form-actions{border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.leavi-secondary-btn{background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.leavi-secondary-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#4b5563}.leavi-secondary-btn:disabled{cursor:not-allowed;opacity:.5}.leavi-loading-spinner{animation:leavi-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.leavi-loading-spinner-large{animation:leavi-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#dc2626;height:50px;margin:0 auto 20px;width:50px}.leavi-content{padding:32px;position:relative;z-index:1}.leavi-history-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:32px}.leavi-history-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.leavi-history-title{align-items:center;color:#1a1a1a;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.leavi-requests-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:16px;font-weight:600;padding:4px 12px}.leavi-refresh-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.leavi-refresh-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#4b5563}.leavi-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.leavi-refresh-icon{font-size:16px}.leavi-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.leavi-loading-state p{color:#64748b;font-size:16px;font-weight:500;margin:20px 0 0}.leavi-requests-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.leavi-table{border-collapse:initial;border-spacing:0;min-width:800px;width:100%}.leavi-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.leavi-table-th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:18px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.leavi-table-body tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.leavi-table-body tr:last-child{border-bottom:none}.leavi-table-body tr:hover{background-color:#fafafa}.leavi-table-td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-size:14px;font-weight:500;padding:20px;vertical-align:middle}.leavi-date-cell{font-weight:500;white-space:nowrap}.leavi-leave-type{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:20px;color:#0c4a6e;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.leavi-days-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;color:#fff;font-size:14px;height:36px;justify-content:center;min-width:36px}.leavi-days-badge,.leavi-status-badge{align-items:center;display:inline-flex;font-weight:700}.leavi-status-badge{border-radius:20px;font-size:13px;gap:6px;letter-spacing:.3px;padding:8px 16px;text-transform:uppercase}.leavi-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.leavi-status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.leavi-status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.leavi-status-icon{font-size:14px}.leavi-reason-cell{cursor:help;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leavi-empty-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.leavi-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.leavi-empty-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.leavi-empty-text{color:#64748b;font-size:16px;margin:0 0 16px}@keyframes leavi-spin{to{transform:rotate(1turn)}}@keyframes leavi-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes leavi-modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes leavi-slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.leavi-container{margin:20px 0}.leavi-content,.leavi-form,.leavi-header,.leavi-history-section{padding:24px}}@media (max-width:768px){.leavi-container{border-radius:12px;margin:16px 0}.leavi-header{padding:24px}.leavi-header-content{align-items:stretch;flex-direction:column;text-align:center}.leavi-main-title{font-size:28px}.leavi-modal-container{max-height:95vh}.leavi-modal-header{padding:24px}.leavi-form{padding:20px}.leavi-form-grid{grid-template-columns:1fr}.leavi-leave-info{gap:16px;text-align:center}.leavi-form-actions,.leavi-leave-info{flex-direction:column}.leavi-form-actions button{width:100%}.leavi-content,.leavi-history-section{padding:20px}.leavi-history-header{align-items:stretch;flex-direction:column;gap:16px}.leavi-history-title{justify-content:center}.leavi-refresh-btn{align-self:center}}@media (max-width:480px){.leavi-container{margin:12px 0}.leavi-content,.leavi-header{padding:20px}.leavi-modal-header{align-items:stretch;flex-direction:column;gap:16px}.leavi-close-btn{align-self:flex-end}.leavi-primary-btn,.leavi-secondary-btn{justify-content:center;width:100%}.leavi-table-td,.leavi-table-th{padding:12px}.leavi-status-badge{padding:6px 12px}}:root{--success-light:#10b9811a;--error-light:#ef44441a;--warning-light:#f59e0b1a;--info-light:#3b82f61a;--bg-gray:#f3f4f6;--border-radius:16px;--border-radius-sm:8px}.attendance-management-container{color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;margin-top:-100px;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.attendance-animated-bg{background:linear-gradient(135deg,#f9fafb,#fff);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.attendance-floating-shapes{height:100%;position:absolute;width:100%}.attendance-shape{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#c628280d,#c6282805);border-radius:50%;position:absolute}.attendance-shape.shape-1{animation-delay:0s;height:300px;left:10%;top:10%;width:300px}.attendance-shape.shape-2{animation-delay:5s;height:200px;right:15%;top:60%;width:200px}.attendance-shape.shape-3{animation-delay:10s;bottom:10%;height:250px;left:20%;width:250px}.attendance-shape.shape-4{animation-delay:15s;height:180px;right:25%;top:30%;width:180px}.attendance-content-wrapper{margin:0 auto;max-width:1400px;position:relative;z-index:1}.attendance-header-section{background:linear-gradient(135deg,#c628280d,#ffffffe6);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2.5rem}.attendance-main-title{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;flex-direction:column;font-size:2.5rem;font-weight:800;gap:1rem;letter-spacing:-.02em;margin:0 0 2rem;text-align:center}.attendance-title-icon{animation:pulse 2s ease-in-out infinite;font-size:3rem}.attendance-title-underline{background:linear-gradient(90deg,#c62828,#d32f2f);background:linear-gradient(90deg,var(--primary-color) 0,#d32f2f 100%);border-radius:2px;height:4px;margin-top:.5rem;width:80px}.attendance-employee-card{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-employee-card:hover{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.attendance-employee-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-radius:50%;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:2rem;font-weight:800;height:80px;justify-content:center;width:80px}.attendance-employee-info{flex:1 1}.attendance-employee-info h3{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.attendance-employee-info p{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:600;margin:0 0 .75rem}.attendance-status-indicator{align-items:center;color:#10b981;color:var(--success);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.attendance-status-dot{animation:blink 2s ease-in-out infinite;background:#10b981;background:var(--success);border-radius:50%;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.attendance-camera-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.attendance-camera-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.attendance-camera-header h4{color:#1e2330;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.attendance-camera-toggle{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;color:#1e2330;color:var(--text-dark);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-camera-toggle:hover{background:#c628281a;background:var(--primary-light);border-color:#c62828;border-color:var(--primary-color);color:#c62828;color:var(--primary-color)}.attendance-camera-toggle.active{background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white)}.attendance-webcam-container{background:#f3f4f6;background:var(--bg-gray);border:3px solid #e5e7eb;border:3px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);margin:0 auto;max-width:640px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.attendance-webcam-container.active{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 4px #c628281a;box-shadow:0 0 0 4px var(--primary-light)}.attendance-webcam-feed{border-radius:8px;border-radius:var(--border-radius-sm);display:block;height:auto;width:100%}.attendance-camera-placeholder{align-items:center;background:#f9fafb;background:var(--bg-light);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.attendance-camera-icon{font-size:4rem;opacity:.5}.attendance-camera-placeholder p{color:#6b7280;color:var(--text-light);font-size:1.125rem;font-weight:600;margin:0}.attendance-enable-camera-btn{background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border:none;border-radius:50px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-enable-camera-btn:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.attendance-camera-instructions{background:#f59e0b1a;background:var(--warning-light);border-left:4px solid #f59e0b;border-left:4px solid var(--warning);border-radius:8px;border-radius:var(--border-radius-sm);margin-top:1rem;padding:.75rem 1rem;text-align:center}.attendance-camera-instructions small{color:#1e2330;color:var(--text-dark);font-weight:600}.attendance-actions-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.attendance-action-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.attendance-punch-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-punch-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.attendance-punch-btn:hover:before{height:300px;width:300px}.attendance-punch-btn.punch-in{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff;color:var(--bg-white)}.attendance-punch-btn.punch-in:hover:not(:disabled){box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.attendance-punch-btn.punch-out{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);color:#fff;color:var(--bg-white)}.attendance-punch-btn.punch-out:hover:not(:disabled){box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.attendance-punch-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.attendance-punch-btn.loading{pointer-events:none}.attendance-btn-icon{font-size:1.5rem;position:relative;z-index:1}.attendance-pulse-loader{align-items:center;display:flex;gap:.5rem;justify-content:center}.attendance-pulse-dot{animation:pulseDot 1.4s ease-in-out infinite;background:#fff;background:var(--bg-white);border-radius:50%;height:10px;width:10px}.attendance-pulse-dot:first-child{animation-delay:0s}.attendance-pulse-dot:nth-child(2){animation-delay:.2s}.attendance-pulse-dot:nth-child(3){animation-delay:.4s}@keyframes pulseDot{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.attendance-actions-info{background:#3b82f61a;background:var(--info-light);border-left:4px solid #3b82f6;border-left:4px solid var(--info);border-radius:8px;border-radius:var(--border-radius-sm);padding:1rem;text-align:center}.attendance-actions-info small{color:#1e2330;color:var(--text-dark);font-weight:600}.attendance-status-message{border-left:4px solid;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);font-size:1rem;font-weight:700;margin-bottom:2rem;opacity:0;padding:1.25rem 1.5rem;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-status-message.attendance-status-visible{opacity:1;transform:translateY(0)}.attendance-status-message.success{background:#10b9811a;background:var(--success-light);border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.attendance-status-message.error{background:#ef44441a;background:var(--error-light);border-color:#ef4444;border-color:var(--error);color:#ef4444;color:var(--error)}.attendance-status-message.info{background:#3b82f61a;background:var(--info-light);border-color:#3b82f6;border-color:var(--info);color:#3b82f6;color:var(--info)}.attendance-location-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.attendance-location-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.attendance-location-icon{font-size:2rem}.attendance-location-header h4{color:#1e2330;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.attendance-location-coordinates{background:#f3f4f6;background:var(--bg-gray);border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1rem;padding:1rem 1.5rem;text-align:center}.attendance-location-coordinates code{color:#c62828;color:var(--primary-color);font-family:Courier New,monospace;font-size:1rem;font-weight:600}.attendance-location-accuracy{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:600;text-align:center}.attendance-history-section{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:2rem}.attendance-history-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.attendance-history-header h3{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.attendance-history-icon{font-size:1.75rem}.attendance-history-tabs{background:#f9fafb;background:var(--bg-light);border-radius:50px;display:flex;gap:.5rem;padding:.5rem}.attendance-tab-btn{background:#0000;border:none;border-radius:50px;color:#1e2330;color:var(--text-dark);cursor:pointer;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:700;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-tab-btn:hover{background:#fff;background:var(--bg-white)}.attendance-tab-btn.active{background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white)}.attendance-empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}.attendance-empty-icon{font-size:4rem;opacity:.5}.attendance-empty-state h4{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0}.attendance-empty-state p{color:#6b7280;color:var(--text-light);font-size:1rem;margin:0;max-width:500px}.attendance-table-container{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);overflow-x:auto}.attendance-data-table{border-collapse:collapse;font-size:.9375rem;width:100%}.attendance-data-table thead{background:#f9fafb;background:var(--bg-light)}.attendance-data-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#1e2330;color:var(--text-dark);font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.attendance-data-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-data-table tbody tr:hover{background:#f9fafb;background:var(--bg-light)}.attendance-data-table td{padding:1.5rem;vertical-align:middle}.attendance-date-cell{font-weight:600}.attendance-date-wrapper{align-items:center;background:#c628281a;background:var(--primary-light);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.attendance-date-day{color:#c62828;color:var(--primary-color);font-size:1.5rem;font-weight:800;line-height:1}.attendance-date-month{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.attendance-employee-cell{font-weight:600}.attendance-employee-badge{align-items:center;display:flex;gap:.75rem}.attendance-employee-avatar-small{align-items:center;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.attendance-status-cell{text-align:center}.attendance-status-badge{border-radius:50px;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.attendance-status-badge.present{background:#10b9811a;background:var(--success-light);color:#10b981;color:var(--success)}.attendance-status-badge.absent{background:#ef44441a;background:var(--error-light);color:#ef4444;color:var(--error)}.attendance-status-badge.pending{background:#f59e0b1a;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.attendance-punch-cell{min-width:200px}.attendance-punch-record{display:flex;flex-direction:column;gap:.75rem}.attendance-time-badge{border-radius:50px;display:inline-block;font-size:.875rem;font-weight:700;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.attendance-time-badge.in{background:#10b9811a;background:var(--success-light);color:#10b981;color:var(--success)}.attendance-time-badge.out{background:#ef44441a;background:var(--error-light);color:#ef4444;color:var(--error)}.attendance-location-section{align-items:center;display:flex;gap:.5rem}.attendance-location-pin{align-items:center;cursor:pointer;display:inline-flex;position:relative}.attendance-pin-icon{font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-location-pin:hover .attendance-pin-icon{transform:scale(1.2)}.attendance-location-tooltip{background:#1e2330;background:var(--text-dark);border-radius:8px;border-radius:var(--border-radius-sm);bottom:100%;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--bg-white);font-size:.8125rem;font-weight:600;left:50%;opacity:0;padding:.75rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap;z-index:100}.attendance-location-tooltip:after{border:6px solid #0000;border-top:6px solid var(--text-dark);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.attendance-location-pin:hover .attendance-location-tooltip{opacity:1;transform:translateX(-50%) translateY(-15px)}.attendance-no-data{color:#6b7280;color:var(--text-light);font-weight:600}.attendance-photo-preview{cursor:pointer;display:inline-block;position:relative}.attendance-punch-photo{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);height:60px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.attendance-photo-preview:hover .attendance-punch-photo{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:scale(1.1)}.attendance-photo-tooltip{background:#1e2330;background:var(--text-dark);border-radius:8px;border-radius:var(--border-radius-sm);bottom:100%;color:#fff;color:var(--bg-white);font-size:.8125rem;font-weight:600;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap;z-index:100}.attendance-photo-preview:hover .attendance-photo-tooltip{opacity:1;transform:translateX(-50%) translateY(-15px)}.attendance-map-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2330cc;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:2000}.attendance-map-modal-content{animation:slideUp .3s ease;background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.attendance-map-modal-header{align-items:center;background:#f9fafb;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;justify-content:space-between;padding:2rem}.attendance-map-modal-header h3{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.attendance-map-employee-icon{font-size:1.5rem}.attendance-map-punch-type{border-radius:50px;font-size:.875rem;font-weight:700;padding:.375rem .875rem}.attendance-map-punch-type.punchIn{background:#10b9811a;background:var(--success-light);color:#10b981;color:var(--success)}.attendance-map-punch-type.punchOut{background:#ef44441a;background:var(--error-light);color:#ef4444;color:var(--error)}.attendance-map-close-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;color:#1e2330;color:var(--text-dark);cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.attendance-map-close-btn:hover{background:#ef4444;background:var(--error);border-color:#ef4444;border-color:var(--error);color:#fff;color:var(--bg-white);transform:rotate(90deg)}.attendance-map-type-selector{background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem 2rem}.attendance-map-type-btn{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;color:#1e2330;color:var(--text-dark);cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-map-type-btn:hover{background:#c628281a;background:var(--primary-light);border-color:#c62828;border-color:var(--primary-color);color:#c62828;color:var(--primary-color)}.attendance-map-type-btn.active{background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white)}.attendance-map-container{background:#f9fafb;background:var(--bg-light);padding:2rem}.attendance-static-map{height:auto;width:100%}.attendance-interactive-map,.attendance-static-map{border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md)}.attendance-location-details{background:#fff;background:var(--bg-white);border-radius:0 0 16px 16px;border-radius:0 0 var(--border-radius) var(--border-radius);padding:2rem}.attendance-detail-item{background:#f9fafb;background:var(--bg-light);border-left:4px solid #c62828;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius-sm);margin-bottom:1rem;padding:1rem}.attendance-detail-item:last-child{margin-bottom:0}.attendance-detail-item strong{color:#1e2330;color:var(--text-dark);display:block;font-weight:700;margin-bottom:.5rem}.attendance-detail-item code{background:#fff;background:var(--bg-white);border-radius:8px;border-radius:var(--border-radius-sm);color:#c62828;color:var(--primary-color);display:inline-block;font-family:Courier New,monospace;font-weight:600;margin-top:.5rem;padding:.5rem .75rem}.attendance-external-links{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.attendance-external-link{background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-radius:50px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white);flex:1 1;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.attendance-external-link:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:1024px){.attendance-content-wrapper{max-width:100%}.attendance-action-buttons{grid-template-columns:1fr}}@media (max-width:768px){.attendance-management-container{padding:1rem}.attendance-actions-section,.attendance-camera-section,.attendance-header-section,.attendance-history-section,.attendance-location-card{padding:1.5rem}.attendance-main-title{font-size:2rem}.attendance-title-icon{font-size:2.5rem}.attendance-employee-card{flex-direction:column;text-align:center}.attendance-employee-avatar{font-size:1.5rem;height:60px;width:60px}.attendance-camera-header{align-items:stretch;flex-direction:column;gap:1rem}.attendance-camera-toggle{width:100%}.attendance-history-header{align-items:stretch;flex-direction:column}.attendance-history-tabs{justify-content:space-between;width:100%}.attendance-tab-btn{flex:1 1;font-size:.8125rem;padding:.625rem .75rem}.attendance-table-container{overflow-x:auto}.attendance-data-table{font-size:.875rem}.attendance-data-table td,.attendance-data-table th{padding:1rem}.attendance-punch-cell{min-width:180px}.attendance-map-modal{padding:1rem}.attendance-map-modal-header{padding:1.5rem}.attendance-map-modal-header h3{font-size:1.125rem}.attendance-map-type-selector{flex-direction:column;padding:1rem 1.5rem}.attendance-map-container{padding:1.5rem}.attendance-external-links{flex-direction:column}.attendance-location-tooltip{font-size:.75rem;max-width:200px;white-space:normal}}@media (max-width:480px){.attendance-main-title{font-size:1.75rem}.attendance-title-icon{font-size:2rem}.attendance-punch-btn{font-size:1rem;padding:1.25rem 1.5rem}.attendance-btn-icon,.attendance-employee-info h3{font-size:1.25rem}.attendance-camera-placeholder{padding:3rem 1.5rem}.attendance-camera-icon,.attendance-empty-icon{font-size:3rem}.attendance-empty-state h4{font-size:1.25rem}.attendance-data-table td,.attendance-data-table th{padding:.75rem}.attendance-date-wrapper{padding:.375rem .75rem}.attendance-date-day{font-size:1.25rem}.attendance-employee-avatar-small{font-size:.75rem;height:32px;width:32px}.attendance-punch-photo{height:50px;width:50px}.attendance-map-modal-content{max-height:95vh}.attendance-map-modal-header h3{font-size:1rem}.attendance-map-close-btn{font-size:1.75rem;height:36px;width:36px}.attendance-location-details{padding:1.5rem}}@media print{.attendance-actions-section,.attendance-animated-bg,.attendance-camera-section,.attendance-map-modal,.attendance-status-message{display:none}.attendance-management-container{padding:0}.attendance-data-table,.attendance-table-row{page-break-inside:avoid}}button:focus-visible,input:focus-visible{outline:3px solid #c6282880}@media (prefers-contrast:high){.attendance-punch-btn,.attendance-status-badge,.attendance-time-badge{border:2px solid}}.attendance-map-modal-content::-webkit-scrollbar,.attendance-table-container::-webkit-scrollbar{height:8px;width:8px}.attendance-map-modal-content::-webkit-scrollbar-track,.attendance-table-container::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-light);border-radius:10px}.attendance-map-modal-content::-webkit-scrollbar-thumb,.attendance-table-container::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:10px}.attendance-map-modal-content::-webkit-scrollbar-thumb:hover,.attendance-table-container::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-light)}.attendance-no-select{user-select:none;-webkit-user-select:none}.attendance-text-center{text-align:center}button{font-family:inherit}img{height:auto;max-width:100%}.timesheets-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:24px 0;min-height:600px;overflow:hidden;padding:0;position:relative}.animated-bg{background:linear-gradient(45deg,#dc262605,#f8fafc08 25%,#f1f5f905 50%,#dc262603 75%,#f8fafc05);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.floating-shapes{height:100%;width:100%}.shape{animation:timesheets-float 25s linear infinite;background:#dc262608}.shape-1{left:10%;top:15%}.shape-2{animation-delay:-8s;right:15%;top:60%}.shape-3{animation-delay:-16s;bottom:20%;height:100px;left:20%;width:100px}.shape-4{animation-delay:-12s;height:140px;right:25%;top:25%;width:140px}.timesheets-content{padding:32px;position:relative;z-index:1}.timesheets-header{border-bottom:2px solid #f1f5f9;margin-bottom:40px;padding-bottom:24px;text-align:center}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#374151);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.subtitle{color:#64748b;font-size:18px;font-weight:500;margin:0}.tabs-container{margin-bottom:32px}.tabs{background:#f1f5f9;border-radius:16px;gap:8px;margin:0 auto;max-width:400px;padding:8px}.tab,.tabs{display:flex}.tab{align-items:center;background:#0000;border-radius:12px;color:#64748b;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease}.tab-active{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff}.tab:hover:not(.tab-active){background:#ffffff80;color:#4b5563}.tab-icon{font-size:18px}.main-content{min-height:500px}.form-section{animation:timesheets-slideIn .4s ease-out}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 40px #00000014;padding:40px}.form-header{margin-bottom:32px;text-align:center}.form-header h2{margin:0 0 16px}.form-steps{display:flex;gap:32px;justify-content:center;margin-top:24px}.step{color:#9ca3af;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.step,.step:before{align-items:center;display:flex}.step:before{background:#f3f4f6;border-radius:50%;content:"";font-size:12px;height:32px;justify-content:center;width:32px}.step.active{color:#dc2626}.step.active:before{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;content:"✓"}.form-grid{grid-gap:24px;gap:24px;margin-bottom:32px}.form-label{display:flex;flex-direction:column;gap:8px}.label-text{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.required{color:#dc2626;font-weight:700}.field-label-input,.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.field-label-input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.form-input.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.extra-fields-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:40px 0;padding:32px}.section-header{margin-bottom:24px;text-align:center}.section-header h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.section-header p{color:#64748b;font-size:15px;margin:0}.field-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.field-type-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.field-type-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}.btn-icon{font-size:16px}.extra-field-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:24px}.field-header{gap:16px;margin-bottom:16px}.field-label-input{flex:1 1;font-weight:600}.btn-remove-field{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-remove-field:hover{background:#fee2e2;border-color:#dc2626}.dropdown-field{align-items:center}.btn-add-option{background:#fff;border:2px solid #10b981;border-radius:8px;color:#10b981;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.btn-add-option:hover{background:#d1fae5;border-color:#059669}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input-label{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:inline-block;font-size:15px;font-weight:500;padding:14px 24px;text-align:center;transition:all .3s ease;width:100%}.file-input-label:hover{background:#e5e7eb;border-color:#9ca3af}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #d1d5db;border-radius:6px;height:24px;position:relative;transition:all .3s ease;width:24px}.checkmark:after{background:#dc2626;border-radius:3px;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:12px}.checkbox-label input[type=checkbox]:checked+.checkmark{border-color:#dc2626}.checkbox-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.form-actions{justify-content:center;margin-top:32px;padding-top:32px}.btn-primary{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;box-shadow:0 4px 15px #dc26264d;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 40px;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-secondary{background:#fff;border:2px solid #d1d5db;border-radius:12px;color:#6b7280;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#4b5563}.spinner{animation:timesheets-spin 1s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.records-section{animation:timesheets-slideIn .4s ease-out}.records-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 40px #00000014;padding:40px}.records-header{margin-bottom:32px;text-align:center}.filter-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:40px;padding:32px}.filter-section h3{color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 24px;text-align:center}.filter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-container{margin:40px 0}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-spinner{animation:timesheets-spin 1s linear infinite;border-top-color:#dc2626}.loading-state p{color:#64748b;font-size:16px;font-weight:500;margin:0}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.timesheets-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.timesheets-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.timesheets-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;padding:20px;text-align:left;text-transform:uppercase;white-space:nowrap}.timesheets-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.timesheets-table tbody tr:last-child{border-bottom:none}.timesheets-table tbody tr:hover{background-color:#fafafa}.timesheets-table td{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-size:14px;font-weight:500;padding:20px;vertical-align:middle}.employee-cell{gap:12px}.employee-avatar{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.employee-name{color:#1a1a1a;font-size:15px;font-weight:600}.employee-id{color:#64748b;margin-top:2px}.hours-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:20px;color:#1e40af;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-width:50px;padding:8px 16px}.task-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:8px 20px}.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.status-in-progress{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.status-not-started{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.status-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.file-link{align-items:center;color:#3b82f6;display:flex;font-size:13px;font-weight:500;gap:6px;text-decoration:none}.file-link:hover{color:#1d4ed8;text-decoration:underline}.field-value{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.btn-edit:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.btn-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.btn-delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.empty-state p{color:#64748b;font-size:16px;margin:0 0 16px;max-width:400px}.summary-stats{grid-gap:24px;border-top:2px solid #f1f5f9;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:40px;padding-top:40px}.stat-card{background:#f8fafc;border-radius:16px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#dc2626;box-shadow:0 8px 25px #00000014;transform:translateY(-4px)}.stat-value{color:#1a1a1a;font-size:36px;font-weight:800;margin-bottom:8px}.stat-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes timesheets-float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-1000px) rotate(2turn)}}@keyframes timesheets-spin{to{transform:rotate(1turn)}}@keyframes timesheets-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:timesheets-slideIn .5s ease-out forwards;opacity:0}@media (max-width:1024px){.timesheets-content{padding:24px}.form-card,.records-card{padding:32px}.timesheets-table{min-width:800px}}@media (max-width:768px){.timesheets-container{border-radius:12px;margin:16px 0}.timesheets-content{padding:20px}.gradient-text{font-size:28px}.tabs{flex-direction:column}.form-grid{grid-template-columns:1fr}.field-buttons{flex-direction:column}.field-type-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.filter-grid{grid-template-columns:1fr}.table-wrapper{border-radius:8px}.timesheets-table td,.timesheets-table th{padding:12px}.action-buttons{flex-direction:column}.btn-action{justify-content:center;width:100%}}@media (max-width:480px){.timesheets-content{padding:16px}.extra-fields-section,.filter-section,.form-card,.records-card{padding:20px}.field-header{gap:12px}.dropdown-field,.field-header{align-items:stretch;flex-direction:column}.btn-add-option{align-self:flex-start}.summary-stats{grid-template-columns:1fr}}.employee-dashboard-pro{background-color:#fff;background-color:var(--bg-white);color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.animated-svg-background-pro{height:100%;left:0;opacity:.4;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.animated-svg-background-pro svg{height:100%;width:100%}.dashboard-loading-pro{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-animation-pro{align-items:center;display:flex;gap:.75rem}.pulse-dot-pro{animation:pulse-animation 1.4s ease-in-out infinite;background-color:#c62828;background-color:var(--primary-color);border-radius:50%;height:16px;width:16px}.pulse-dot-pro.dot-1-pro{animation-delay:0s}.pulse-dot-pro.dot-2-pro{animation-delay:.2s}.pulse-dot-pro.dot-3-pro{animation-delay:.4s}@keyframes pulse-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.gradient-text-pro{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.dashboard-header-pro{background:linear-gradient(135deg,#c628280d,#ffffffe6);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2.5rem;padding:2rem;position:relative;z-index:1}.header-content-pro{margin-bottom:2rem}.dashboard-title-pro{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.dashboard-subtitle-pro{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:500;margin:0}.stats-container-pro{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card-pro{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card-pro:hover{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon-pro{align-items:center;background:linear-gradient(135deg,#c628281a,#c628280d);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-info-pro{display:flex;flex-direction:column;gap:.25rem}.stat-number-pro{color:#1e2330;color:var(--text-dark);font-size:1.875rem;font-weight:800;line-height:1}.stat-label-pro{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tab-navigation-pro{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;position:relative;width:-webkit-fit-content;width:fit-content;z-index:1}.tab-button-pro{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-light);cursor:pointer;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.tab-button-pro:hover{background:#c628280d;color:#1e2330;color:var(--text-dark)}.tab-button-pro.tab-active-pro{background:#c62828;background:var(--primary-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white)}.tasks-section-pro{position:relative;z-index:1}.tasks-grid-pro{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.task-card-pro{animation:fadeInUp .5s ease forwards;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.task-card-pro:hover{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.task-card-header-pro{align-items:flex-start;border-bottom:2px solid #f9fafb;border-bottom:2px solid var(--bg-light);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.task-title-section-pro{flex:1 1}.task-title-pro{color:#1e2330;color:var(--text-dark);font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 .5rem}.task-meta-pro{display:flex;flex-wrap:wrap;gap:.75rem}.task-date-pro{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:500}.task-badges-pro{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.priority-badge-pro,.status-badge-pro{border-radius:20px;color:#fff;color:var(--bg-white);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase;white-space:nowrap}.task-content-pro{display:flex;flex:1 1;flex-direction:column;gap:1rem}.task-description-pro{color:#6b7280;color:var(--text-light);font-size:.9375rem;line-height:1.6;margin:0}.task-details-pro{background:#f9fafb;background:var(--bg-light);border-left:3px solid #c62828;border-left:3px solid var(--primary-color);border-radius:10px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.detail-item-pro{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.detail-label-pro{color:#6b7280;color:var(--text-light);font-weight:600}.detail-value-pro{color:#1e2330;color:var(--text-dark);font-weight:600}.detail-value-pro.overdue-pro{color:#c62828;color:var(--primary-color);font-weight:700}.extra-fields-pro{background:#f9fafb;background:var(--bg-light);border-radius:10px;padding:1rem}.extra-fields-title-pro{color:#1e2330;color:var(--text-dark);font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.extra-fields-grid-pro{display:flex;flex-direction:column;gap:.625rem}.extra-field-item-pro{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.field-label-pro{color:#6b7280;color:var(--text-light);font-weight:600;min-width:100px}.field-value-pro{color:#1e2330;color:var(--text-dark);font-weight:500}.file-link-pro{color:#c62828;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.file-link-pro:hover{text-decoration:underline}.task-footer-pro{border-top:2px solid #f9fafb;border-top:2px solid var(--bg-light);padding-top:1rem}.task-actions-pro{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn-pro{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;color:#1e2330;color:var(--text-dark);cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:.625rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.action-btn-pro:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.update-btn-pro:hover{background:#c62828;background:var(--primary-color);border-color:#c62828;border-color:var(--primary-color);color:#fff;color:var(--bg-white)}.notes-btn-pro:hover{background:#3b82f6;background:var(--info);border-color:#3b82f6;border-color:var(--info);color:#fff;color:var(--bg-white)}.view-btn-pro:hover{background:#1e2330;background:var(--text-dark);border-color:#1e2330;border-color:var(--text-dark);color:#fff;color:var(--bg-white)}.status-select-pro{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-color);border-radius:8px;color:#1e2330;color:var(--text-dark);cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-select-pro:focus{box-shadow:0 0 0 3px #c628281a;outline:none}.empty-state-pro{background:#f9fafb;background:var(--bg-light);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:16px;padding:4rem 2rem;text-align:center}.empty-icon-pro{font-size:4rem;margin-bottom:1rem}.empty-state-pro h3{font-size:1.5rem;margin:0 0 .5rem}.empty-state-pro p{color:#6b7280;color:var(--text-light);font-size:1rem;margin:0}.completed-section-pro{position:relative;z-index:1}.completed-grid-pro{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.completed-card-pro{animation:fadeInUp .4s ease forwards;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border-left:4px solid #10b981;border:1px solid var(--border-color);border-left:4px solid var(--success);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);opacity:0;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.completed-card-pro:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateX(4px)}.completed-header-pro{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.completed-title-pro{color:#1e2330;color:var(--text-dark);font-size:1rem;font-weight:700;line-height:1.4;margin:0}.completion-date-pro{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:600;white-space:nowrap}.completed-details-pro{color:#6b7280;color:var(--text-light);display:flex;font-size:.875rem;gap:1rem}.completed-by-pro,.completed-priority-pro{font-weight:500}.notes-modal-pro{align-items:center;animation:fadeIn .3s ease;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay-pro{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e2330b3;height:100%;left:0;position:absolute;top:0;width:100%}.modal-container-pro{animation:slideUp .3s ease;background:#fff;background:var(--bg-white);border-radius:20px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;position:relative;width:90%}.modal-header-pro{border-bottom:2px solid #f9fafb;border-bottom:2px solid var(--bg-light);padding:1.75rem;position:relative}.modal-title-pro{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.modal-subtitle-pro{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:500}.modal-close-pro{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;color:#1e2330;color:var(--text-dark);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.modal-close-pro:hover{background:#c62828;background:var(--primary-color);border-color:#c62828;border-color:var(--primary-color);color:#fff;color:var(--bg-white);transform:rotate(90deg)}.notes-content-pro,.notes-list-pro{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.notes-list-pro{gap:1rem;max-height:400px;padding:1.5rem}.note-item-pro{animation:slideInLeft .3s ease}.note-bubble-pro{background:linear-gradient(135deg,#c628280d,#f9fafb);background:linear-gradient(135deg,#c628280d 0,var(--bg-light) 100%);border-left:3px solid #c62828;border-left:3px solid var(--primary-color);border-radius:12px;padding:1rem}.note-text-pro{color:#1e2330;color:var(--text-dark);font-size:.9375rem;line-height:1.6;margin:0 0 .5rem}.note-time-pro{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:600}.no-notes-pro{padding:3rem 1.5rem;text-align:center}.no-notes-icon-pro{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-notes-pro p{color:#6b7280;color:var(--text-light);font-size:.9375rem;margin:0}.note-input-section-pro{background:#fff;background:var(--bg-white);border-radius:0 0 20px 20px;border-top:2px solid #f9fafb;border-top:2px solid var(--bg-light);padding:1.5rem}.note-textarea-pro{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;font-size:.9375rem;margin-bottom:1rem;min-height:100px;padding:1rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.note-textarea-pro:focus{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 3px #c628281a;outline:none}.note-textarea-pro::placeholder{color:#6b7280;color:var(--text-light)}.save-note-btn-pro{background:#c62828;background:var(--primary-color);border:none;border-radius:10px;color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.save-note-btn-pro:hover:not(:disabled){background:#b71c1c;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.save-note-btn-pro:disabled{background:#6b7280;background:var(--text-light);cursor:not-allowed;opacity:.5}@media (max-width:1024px){.tasks-grid-pro{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.employee-dashboard-pro{padding:1rem}.dashboard-header-pro{padding:1.5rem}.dashboard-title-pro{font-size:2rem}.completed-grid-pro,.stats-container-pro,.tasks-grid-pro{grid-template-columns:1fr}.task-card-header-pro{align-items:flex-start;flex-direction:column}.task-badges-pro{align-items:flex-start;flex-direction:row}.task-actions-pro{flex-direction:column}.action-btn-pro{width:100%}.modal-container-pro{max-height:90vh;width:95%}.tab-navigation-pro{width:100%}.tab-button-pro{flex:1 1}}@media (max-width:480px){.dashboard-title-pro{font-size:1.5rem}.stat-card-pro{padding:1rem}.stat-icon-pro{height:50px;width:50px}.stat-icon-pro,.stat-number-pro{font-size:1.5rem}.modal-header-pro,.task-card-pro{padding:1.25rem}.modal-title-pro{font-size:1.25rem}}.meetingsContainerWrapper{background-color:#fff;color:#1e2330;font-family:Raleway,sans-serif;min-height:100vh;padding:20px}.meetingsMainContainer{margin:0 auto;max-width:1200px}.meetingsHeaderSection{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.meetingsMainTitle{color:#1e2330;font-family:Raleway,sans-serif;font-size:28px;font-weight:700;margin:0}.meetingsSummary{background-color:#c628281a;border-radius:20px;color:#c62828;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;padding:8px 16px}.meetingsGridLayout{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.meetingCardItem{background:#fff;border-left:5px solid;border-radius:12px;box-shadow:0 4px 15px #1e23301a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.meetingCardItem:hover{box-shadow:0 8px 25px #1e233026;transform:translateY(-5px)}.meetingCardStatus-upcoming{background:linear-gradient(135deg,#fff,#c628280d);border-left-color:#c62828}.meetingCardStatus-scheduled{background:linear-gradient(135deg,#fff,#4caf500d);border-left-color:#4caf50}.meetingCardStatus-completed{background:linear-gradient(135deg,#fff,#607d8b0d);border-left-color:#607d8b;opacity:.9}.meetingCardHeader{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.meetingCardHeader span:first-child{border-radius:15px;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;padding:4px 12px}.meetingCardStatus-upcoming .meetingCardHeader span:first-child{background-color:#c62828;color:#fff}.meetingCardStatus-scheduled .meetingCardHeader span:first-child{background-color:#4caf50;color:#fff}.meetingCardStatus-completed .meetingCardHeader span:first-child{background-color:#607d8b;color:#fff}.meetingCardHeader span:last-child{color:#666;font-family:Raleway,sans-serif;font-size:14px;font-weight:500}.meetingContentSection h3{color:#1e2330;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;margin:0 0 10px}.meetingContentSection p{color:#666;font-family:Raleway,sans-serif;font-size:15px;font-weight:400;line-height:1.5;margin:0}.meetingActionSection{display:flex;gap:12px;margin-top:20px}.meetingActionSection a{background:linear-gradient(135deg,#c62828,#d32f2f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;flex:1 1;font-family:Raleway,sans-serif;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.meetingActionSection a:hover{background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.meetingActionSection button{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #c62828;border-radius:8px;color:#c62828;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-weight:600;padding:10px 20px;transition:all .3s ease}.meetingActionSection button:hover{background:linear-gradient(135deg,#c62828,#d32f2f);box-shadow:0 4px 12px #c6282833;color:#fff;transform:translateY(-2px)}.meetingsMainContainer>p{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:12px;color:#666}.meetingsMainContainer>p,p:empty:not([class]){font-family:Raleway,sans-serif;font-size:18px;font-weight:500;padding:40px;text-align:center}p:empty:not([class]){color:#1e2330}.modalOverlay{align-items:center;background-color:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalContent{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #1e233033;max-width:500px;padding:30px;width:90%}.modalContent h3{font-size:24px;font-weight:700;margin:0 0 20px}.modalContent h3,.modalContent textarea{color:#1e2330;font-family:Raleway,sans-serif}.modalContent textarea{border:2px solid #ddd;border-radius:8px;font-size:16px;font-weight:400;height:150px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.modalContent textarea:focus{border-color:#c62828;outline:none}.modalContent textarea::placeholder{color:#999}.modalContent>div{display:flex;gap:15px;margin-top:20px}.modalContent button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.modalContent button:first-child{background:linear-gradient(135deg,#c62828,#d32f2f);color:#fff}.modalContent button:first-child:hover{background:linear-gradient(135deg,#b71c1c,#c62828);box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.modalContent button:last-child{background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #ddd;color:#1e2330}.modalContent button:last-child:hover{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);transform:translateY(-2px)}@media (max-width:768px){.meetingsGridLayout{grid-template-columns:1fr}.meetingsHeaderSection{align-items:flex-start;flex-direction:column;gap:15px}.meetingActionSection{flex-direction:column}.modalContent{padding:20px;width:95%}}@media (max-width:480px){.meetingsMainTitle{font-size:24px}.meetingCardItem{padding:15px}.modalContent h3{font-size:20px}}.ed-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.ed-bg-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.ed-bg-shapes{height:100%;position:absolute;width:100%}.ed-shape{animation:float 15s linear infinite;border-radius:50%;opacity:.1;position:absolute}.ed-shape-1{animation-delay:0s;background:linear-gradient(45deg,#dc2626,#ef4444);height:300px;left:5%;top:10%;width:300px}.ed-shape-2{animation-delay:-5s;background:linear-gradient(45deg,#dc2626,#f87171);height:200px;right:10%;top:60%;width:200px}.ed-shape-3{animation-delay:-10s;background:linear-gradient(45deg,#dc2626,#fca5a5);bottom:20%;height:150px;left:20%;width:150px}.ed-shape-4{animation-delay:-2s;background:#dc2626;height:100px;right:20%;top:20%;width:100px}.ed-shape-5{animation-delay:-7s;background:linear-gradient(45deg,#dc2626,#ef4444);bottom:10%;height:250px;right:5%;width:250px}.ed-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ed-header-content{justify-content:space-between;margin:0 auto;max-width:100%;padding:.75rem 0}.ed-header-content,.ed-logo-section{align-items:center;display:flex;gap:1rem}.ed-sidebar-toggle{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:40px;justify-content:center;transition:all .2s;width:40px}.ed-sidebar-toggle:hover{background:#f3f4f6}.ed-sidebar-toggle span{background:#1a1a1a;border-radius:1px;height:2px;transition:all .3s;width:20px}.ed-logo{align-items:center;display:flex;gap:.75rem}.ed-logo-text{color:#1a1a1a;font-size:1.25rem;font-weight:600}.ed-hr-view-badge{background:#dc2626;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.ed-user-section{align-items:center;display:flex;gap:1rem}.ed-user-info{align-items:flex-end;display:flex;flex-direction:column}.ed-user-name{color:#1a1a1a;font-size:.875rem;font-weight:600}.ed-user-role{color:#6b7280;font-size:.75rem}.ed-back-to-hr{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.ed-back-to-hr:hover{background:#b91c1c}.ed-user-profile-pic{object-fit:cover}.ed-user-avatar,.ed-user-profile-pic{border:2px solid #e5e7eb;border-radius:50%;height:40px;width:40px}.ed-user-avatar{align-items:center;background:#dc2626;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center}.ed-main-container{display:flex;min-height:calc(100vh - 72px);position:relative;z-index:1}.ed-sidebar-nav{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 72px);position:-webkit-sticky;position:sticky;top:72px;transition:transform .3s ease;width:280px;z-index:90}.ed-sidebar-closed{position:fixed;transform:translateX(-100%)}.ed-sidebar-open{transform:translateX(0)}@media (max-width:768px){.ed-sidebar-nav{box-shadow:2px 0 8px #0000001a;left:0;position:fixed;top:72px}.ed-sidebar-open{width:280px}}.ed-nav-menu-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 0}.ed-nav-section{margin-bottom:1.5rem;padding:0 1rem}.ed-nav-section-title{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.ed-nav-links{display:flex;flex-direction:column;gap:.25rem}.ed-nav-link{align-items:center;background:none;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;position:relative;text-align:left;transition:all .2s}.ed-nav-link:hover{background:#f3f4f6;color:#1a1a1a}.ed-nav-active{background:#fee2e2;color:#dc2626;font-weight:600}.ed-nav-active:hover{background:#fecaca}.ed-nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.ed-nav-icon svg{height:16px;width:16px}.ed-nav-label{flex:1 1;text-align:left}.ed-nav-badge{background:#10b981;padding:.125rem .375rem}.ed-nav-badge,.ed-nav-count{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600}.ed-nav-count{background:#dc2626;padding:.125rem .5rem}.ed-sidebar-personal-info{border-top:1px solid #e5e7eb;margin-top:auto;padding:1rem}.ed-personal-info-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.ed-personal-info-btn:hover{background:#b91c1c;transform:translateY(-1px)}.ed-btn-icon{font-size:1rem}.ed-sidebar-footer{border-top:1px solid #e5e7eb;padding:1rem}.ed-logout-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.ed-logout-btn:hover{background:#fee2e2;color:#b91c1c}.ed-logout-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.ed-main-content-area{flex:1 1;min-height:calc(100vh - 72px);overflow-y:auto;padding:1.5rem}@media (max-width:768px){.ed-main-content-area{padding:1rem}}.ed-tab-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.ed-tab-title-wrapper{flex:1 1;min-width:250px}.ed-tab-main-title{align-items:center;color:#1a1a1a;display:flex;font-size:1.875rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.ed-tab-warning{color:#dc2626;font-size:1rem}.ed-tab-description{color:#6b7280;font-size:.875rem;text-align:justify}.ed-tab-actions{flex-wrap:wrap}.ed-action-buttons,.ed-tab-actions{display:flex;gap:.75rem}.ed-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-align:justify;transition:all .2s;white-space:nowrap}.ed-primary-btn{background:#dc2626;color:#fff}.ed-primary-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.ed-secondary-btn{background:#f3f4f6;color:#1a1a1a}.ed-secondary-btn:hover:not(:disabled){background:#e5e7eb}.ed-action-btn:disabled{cursor:not-allowed;opacity:.5}.ed-tab-content-container{max-width:100%}.ed-tab-content{animation:fadeIn .3s ease}.ed-profile-dashboard{display:flex;flex-direction:column;gap:2rem}.ed-profile-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ed-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s}.ed-stat-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc26261a}.ed-stat-icon-wrapper{align-items:center;background:#fee2e2;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ed-stat-icon{color:#dc2626}.ed-stat-icon svg{height:24px;width:24px}.ed-stat-content{flex:1 1}.ed-stat-content h3{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.25rem;text-align:justify}.ed-stat-value{color:#1a1a1a;font-size:1.125rem;font-weight:600;text-align:justify}.ed-stat-status{font-size:.875rem;font-weight:500}.ed-status-complete{color:#10b981}.ed-status-incomplete{color:#dc2626}.ed-profile-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.ed-profile-content-grid{grid-template-columns:1fr 1fr}}.ed-profile-left-column,.ed-profile-right-column{display:flex;flex-direction:column;gap:1.5rem}.ed-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ed-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1.25rem 1.5rem}.ed-card-header,.ed-card-title{align-items:center;display:flex}.ed-card-title{color:#1a1a1a;font-size:1rem;font-weight:600;gap:.5rem}.ed-card-title-icon{font-size:1.125rem}.ed-card-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.ed-badge-success{background:#d1fae5;color:#065f46}.ed-badge-warning{background:#fef3c7;color:#92400e}.ed-card-body{padding:1.5rem}.ed-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.ed-personal-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ed-info-item{display:flex;flex-direction:column;gap:.25rem}.ed-info-label{color:#6b7280;font-size:.75rem;font-weight:500}.ed-info-value{color:#1a1a1a;font-size:.875rem;font-weight:500}.ed-full-width{grid-column:1/-1}.ed-blood-group,.ed-highlight-value{color:#dc2626;font-weight:600}.ed-blood-group{background:#fee2e2;border-radius:4px;display:inline-block;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.ed-address-display{align-items:flex-start;display:flex;gap:.5rem}.ed-address-icon{flex-shrink:0}.ed-contact-list{display:flex;flex-direction:column;gap:1rem}.ed-contact-item{align-items:center;display:flex;gap:1rem}.ed-contact-icon-wrapper{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ed-contact-icon{font-size:1.125rem}.ed-contact-details{flex:1 1}.ed-contact-label{color:#6b7280;font-size:.75rem;margin-bottom:.125rem}.ed-contact-value{color:#1a1a1a;font-size:.875rem;font-weight:500}.ed-email-link,.ed-phone-link{color:#dc2626;text-decoration:none;transition:color .2s}.ed-email-link:hover,.ed-phone-link:hover{color:#b91c1c;text-decoration:underline}.ed-professional-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ed-professional-item{display:flex;flex-direction:column;gap:.25rem}.ed-professional-label{color:#6b7280;font-size:.75rem}.ed-professional-value{color:#1a1a1a;font-size:.875rem;font-weight:500}.ed-company-display{display:flex;flex-direction:column;gap:1.5rem}.ed-company-logo-section{align-items:center;display:flex;gap:1rem}.ed-company-logo{align-items:center;background:#dc2626;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;width:60px}.ed-company-info{flex:1 1}.ed-company-name{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.ed-company-badge{background:#fee2e2;border-radius:9999px;color:#dc2626;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.ed-company-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ed-company-metric{background:#f9fafb;border-radius:8px;padding:.75rem;text-align:center}.ed-metric-value{color:#1a1a1a;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.ed-metric-label{color:#6b7280;font-size:.75rem}.ed-quick-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ed-quick-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem;transition:all .2s}.ed-quick-action-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.ed-action-icon{font-size:1.25rem}.ed-loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.ed-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#dc2626;height:40px;margin-bottom:1rem;width:40px}.ed-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.ed-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.ed-empty-state h4{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.ed-empty-state p{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.ed-team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ed-team-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s}.ed-team-card:hover{border-color:#dc2626;box-shadow:0 8px 16px #dc26261a;transform:translateY(-2px)}.ed-team-card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem}.ed-team-avatar-container{position:relative}.ed-team-profile-pic{object-fit:cover}.ed-team-avatar,.ed-team-profile-pic{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:60px;width:60px}.ed-team-avatar{align-items:center;background:#dc2626;color:#fff;display:flex;font-size:1.25rem;font-weight:600;justify-content:center}.ed-team-basic-info{flex:1 1}.ed-team-member-name{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.ed-team-member-role{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.ed-team-member-id{color:#dc2626;font-size:.75rem;font-weight:500}.ed-team-card-body{padding:1.5rem}.ed-team-details{display:flex;flex-direction:column;gap:.75rem}.ed-team-detail{align-items:center;display:flex;justify-content:space-between}.ed-detail-label{color:#6b7280;font-size:.75rem}.ed-detail-value{color:#1a1a1a;font-size:.875rem;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.ed-team-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem 1.5rem}.ed-team-contact-btn,.ed-team-view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem;transition:all .2s}.ed-team-contact-btn{background:#dc2626;color:#fff}.ed-team-contact-btn:hover:not(:disabled){background:#b91c1c}.ed-team-view-btn{background:#f3f4f6;color:#1a1a1a}.ed-team-view-btn:hover{background:#e5e7eb}.ed-team-contact-btn:disabled{cursor:not-allowed;opacity:.5}.ed-items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ed-item-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.ed-item-card:hover{border-color:#dc2626;box-shadow:0 8px 16px #dc26261a}.ed-item-icon{font-size:2rem;opacity:.8}.ed-item-content{flex:1 1}.ed-item-name{color:#1a1a1a;font-size:1.125rem}.ed-item-name,.ed-item-status{font-weight:600;margin-bottom:.5rem}.ed-item-status{border-radius:9999px;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.ed-status-allocated{background:#d1fae5;color:#065f46}.ed-item-date{color:#6b7280;font-size:.75rem}.ed-item-actions{display:flex;gap:.5rem}.ed-item-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .2s}.ed-view-btn{background:#f3f4f6;color:#1a1a1a}.ed-view-btn:hover{background:#e5e7eb}.ed-request-btn{background:#dc2626;color:#fff}.ed-request-btn:hover{background:#b91c1c}.ed-no-data{align-items:center;display:flex;justify-content:center;min-height:300px}@media (max-width:768px){.ed-profile-stats-grid{grid-template-columns:repeat(2,1fr)}.ed-items-grid,.ed-team-grid{grid-template-columns:1fr}.ed-tab-header{flex-direction:column}.ed-tab-actions{justify-content:flex-start;width:100%}}@media (max-width:480px){.ed-profile-stats-grid{grid-template-columns:1fr}.ed-header-content{flex-wrap:wrap}.ed-user-info{align-items:flex-start}}.ed-animate-slideIn{animation:slideIn .3s ease}.rm-tab-panel{animation:fadeIn .3s ease}.rm-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.rm-panel-title{color:#1a1a1a;font-size:1.875rem;font-weight:700;margin:0}.rm-panel-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.rm-refresh-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.rm-refresh-btn:hover:not(:disabled){background:#e5e7eb}.rm-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.rm-manager-container{max-width:100%}.rm-manager-card{animation:slideIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.rm-manager-profile-section{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}@media (min-width:768px){.rm-manager-profile-section{align-items:flex-start;flex-direction:row;text-align:left}}.rm-manager-avatar-container{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative}.rm-manager-pic-wrapper{position:relative}.rm-manager-profile-pic{object-fit:cover}.rm-manager-avatar,.rm-manager-profile-pic{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;width:120px}.rm-manager-avatar{font-size:2rem;justify-content:center}.rm-manager-avatar,.rm-manager-badge{align-items:center;background:#dc2626;color:#fff;display:flex;font-weight:600}.rm-manager-badge{border-radius:9999px;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.rm-badge-icon{font-size:1rem}.rm-manager-basic-info{flex:1 1}.rm-manager-name{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.rm-manager-role-dept{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}@media (min-width:768px){.rm-manager-role-dept{align-items:center;flex-direction:row;gap:1rem}}.rm-manager-dept,.rm-manager-role{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.rm-dept-icon,.rm-role-icon{font-size:1rem}.rm-manager-ids{display:flex;flex-direction:column;gap:.25rem}.rm-manager-id{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.rm-id-icon{font-size:1rem}.rm-manager-contact-section{border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.rm-section-title{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.rm-contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rm-contact-item{align-items:flex-start;display:flex;gap:1rem}.rm-contact-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.rm-contact-details{flex:1 1}.rm-contact-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.rm-contact-value{color:#1a1a1a;font-size:.875rem;font-weight:500}.rm-email-link,.rm-phone-link{color:#dc2626;text-decoration:none;transition:color .2s}.rm-email-link:hover,.rm-phone-link:hover{color:#b91c1c;text-decoration:underline}.rm-no-data{color:#9ca3af;font-style:italic}.rm-status-indicator{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.rm-status-online{background:#d1fae5;color:#065f46}.rm-status-online:before{background:#10b981;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.rm-status-offline{background:#f3f4f6;color:#6b7280}.rm-status-offline:before{background:#9ca3af;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.rm-manager-actions-section{padding:1.5rem 2rem}.rm-action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rm-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.rm-email-btn{background:#dc2626;color:#fff}.rm-email-btn:hover{background:#b91c1c;transform:translateY(-2px)}.rm-chat-btn{background:#1a1a1a;color:#fff}.rm-chat-btn:hover{background:#374151;transform:translateY(-2px)}.rm-meeting-btn{background:#f3f4f6;color:#1a1a1a}.rm-meeting-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.rm-disabled-btn{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.rm-disabled-btn:hover{transform:none}.rm-action-icon{font-size:1rem}.rm-no-manager{align-items:center;display:flex;justify-content:center;min-height:400px}.rm-placeholder-content{max-width:400px;padding:2rem;text-align:center}.rm-placeholder-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.2}.rm-placeholder-content h4{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.rm-placeholder-content p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.rm-help-text{color:#9ca3af;font-size:.75rem;margin-top:1rem}.rm-primary-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .2s}.rm-primary-btn:hover{background:#b91c1c}.manager-chat-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.manager-chat-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.manager-chat-header{align-items:center;background:#dc2626;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.manager-chat-header-left{align-items:center;display:flex;gap:1rem}.manager-chat-avatar{position:relative}.manager-chat-avatar-img{object-fit:cover}.manager-chat-avatar-img,.manager-chat-avatar-initial{border:2px solid #fff;border-radius:50%;height:40px;width:40px}.manager-chat-avatar-initial{align-items:center;background:#fff;color:#dc2626;display:flex;font-size:.875rem;font-weight:600;justify-content:center}.manager-chat-info{flex:1 1}.manager-chat-name{font-size:1rem;font-weight:600;margin-bottom:.125rem}.manager-chat-title{align-items:center;display:flex;gap:.5rem}.manager-chat-status,.manager-chat-title{font-size:.75rem;opacity:.9}.manager-chat-status:before{color:#10b981;content:"●";margin-right:.25rem}.manager-chat-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:background .2s;width:32px}.manager-chat-close:hover{background:#ffffff1a}.manager-chat-messages{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.manager-chat-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-chat-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.manager-chat-empty p{font-size:.875rem;margin-bottom:.5rem}.manager-chat-empty small{font-size:.75rem;opacity:.7}.manager-message{display:flex;max-width:80%}.manager-message-sent{align-self:flex-end}.manager-message-received{align-self:flex-start}.manager-message-content{word-wrap:break-word;border-radius:12px;padding:.75rem 1rem;position:relative}.manager-message-sent .manager-message-content{background:#dc2626;border-bottom-right-radius:4px;color:#fff}.manager-message-received .manager-message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#1a1a1a}.manager-message-failed .manager-message-content{background:#fecaca;color:#991b1b}.manager-message-content p{font-size:.875rem;line-height:1.4;margin:0}.manager-message-meta{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.manager-message-sent .manager-message-meta{color:#fffc}.manager-message-received .manager-message-meta{color:#9ca3af}.manager-message-time{opacity:.8}.manager-message-status{margin-left:.5rem}.manager-chat-input-area{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1rem 1.5rem}.manager-chat-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:border-color .2s}.manager-chat-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.manager-chat-send{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.manager-chat-send:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.manager-chat-send:disabled{cursor:not-allowed;opacity:.5}.send-icon{font-size:1rem;transform:rotate(90deg)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media print{.ed-bg-animation,.ed-card-footer,.ed-item-actions,.ed-sidebar-nav,.ed-tab-actions,.ed-team-card-footer,.rm-action-buttons,.rm-refresh-btn{display:none!important}.ed-header,.ed-info-card,.ed-item-card,.ed-team-card,.rm-manager-card{border:1px solid #ddd!important;box-shadow:none!important}.ed-main-content-area{padding:0!important}}.ed-contact-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.ed-contact-info-card:hover{border-color:#dc2626;box-shadow:0 8px 25px #dc26261a}.ed-contact-info-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.ed-contact-info-title{align-items:center;color:#1a1a1a;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.ed-contact-info-icon{align-items:center;background:#dc2626;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;width:32px}.ed-contact-info-body{padding:1.75rem 1.5rem}.ed-contact-info-list{display:flex;flex-direction:column;gap:1.25rem;text-align:justify}.ed-contact-info-item{align-items:flex-start;background:#f9fafb;border-radius:10px;display:flex;gap:1rem;padding:.875rem;transition:all .2s ease}.ed-contact-info-item:hover{transform:translateX(5px)}.ed-contact-icon-container{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.ed-contact-info-item:hover .ed-contact-icon-container{background:#fee2e2;border-color:#dc2626}.ed-contact-icon-symbol{font-size:1.25rem}.ed-contact-details-wrapper{flex:1 1;min-width:0}.ed-contact-detail-label{color:#6b7280;display:block;font-size:.8125rem;font-weight:500;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.ed-contact-detail-value{color:#1a1a1a;display:block;font-size:.9375rem;font-weight:500;line-height:1.4}.ed-contact-email-link{align-items:center;color:#dc2626;display:inline-flex;gap:.375rem;text-decoration:none;transition:all .2s ease}.ed-contact-email-link:hover{color:#b91c1c;text-decoration:underline}.ed-contact-email-link:after{content:"↗";font-size:.875em;opacity:.7}.ed-contact-phone-link{align-items:center;color:#1a1a1a;display:inline-flex;gap:.375rem;text-decoration:none;transition:all .2s ease}.ed-contact-phone-link:hover{color:#dc2626}.ed-contact-phone-link:before{content:"📞";font-size:.875em;margin-right:.25rem}.ed-contact-no-data{color:#9ca3af;font-size:.875rem;font-style:italic}@media (max-width:768px){.ed-contact-info-card{border-radius:10px}.ed-contact-info-header{padding:1rem 1.25rem}.ed-contact-info-body{padding:1.5rem 1.25rem}.ed-contact-info-list{gap:1rem}.ed-contact-info-item{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem}.ed-contact-icon-container{height:40px;width:40px}.ed-contact-info-item:hover{transform:translateY(-2px)}}@media (max-width:480px){.ed-contact-info-title{font-size:1rem}.ed-contact-info-icon{font-size:1rem;height:28px;width:28px}.ed-contact-detail-label{font-size:.75rem}.ed-contact-detail-value{font-size:.875rem}}@keyframes slideInContact{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ed-contact-info-item:first-child{animation:slideInContact .3s ease .1s both}.ed-contact-info-item:nth-child(2){animation:slideInContact .3s ease .2s both}.ed-contact-info-item:nth-child(3){animation:slideInContact .3s ease .3s both}.ed-contact-info-item:nth-child(4){animation:slideInContact .3s ease .4s both}@media print{.ed-contact-info-card{border:1px solid #ddd!important;box-shadow:none!important}.ed-contact-info-item:hover{background:#f9fafb!important;transform:none!important}.ed-contact-email-link:after,.ed-contact-phone-link:before{display:none}}.team-chat-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.team-chat-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:80%;max-width:800px;width:90%}.team-chat-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.team-chat-user-info{align-items:center;display:flex;gap:12px}.team-chat-profile-pic{border-radius:50%;height:40px;object-fit:cover;width:40px}.team-chat-avatar{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.team-chat-user-name{font-size:16px;font-weight:600;margin:0}.team-chat-user-status{color:#666;font-size:12px;margin:0}.team-chat-header-actions{align-items:center;display:flex;gap:10px}.refresh-controls{display:flex;gap:8px}.auto-refresh-btn,.delete-chat-btn,.refresh-btn,.team-chat-close{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:8px}.auto-refresh-btn:hover,.delete-chat-btn:hover,.refresh-btn:hover{background:#e9ecef}.auto-refresh-btn.active{color:#007bff}.team-chat-close{color:#666;font-size:20px}.team-chat-messages{background:#f0f0f0;flex:1 1;overflow-y:auto;padding:20px;position:relative}.loading-messages,.no-messages{color:#666;padding:40px 20px;text-align:center}.no-messages-icon{font-size:48px;margin-bottom:16px}.no-messages-subtitle{color:#999;font-size:14px;margin-top:8px}.date-label{background:#fffc;border-radius:12px;color:#666;display:inline-block;font-size:12px;margin:20px 0 20px 50%;padding:4px 12px;text-align:center;transform:translateX(-50%)}.message-container{margin-bottom:16px}.message-container.sent{display:flex;justify-content:flex-end}.message-container.received{display:flex;justify-content:flex-start}.received-message,.sent-message{align-items:flex-start;display:flex;gap:8px;max-width:70%}.sent-message{justify-content:flex-end}.message-avatar{flex-shrink:0}.message-profile-pic{object-fit:cover}.avatar-fallback,.message-profile-pic{border-radius:50%;height:32px;width:32px}.avatar-fallback{align-items:center;background:#007bff;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:100%;padding:12px 16px}.received-bubble{background:#fff;border-bottom-left-radius:4px}.sent-bubble{background:#007bff;border-bottom-right-radius:4px;color:#fff}.message-content-wrapper{display:flex;flex-direction:column;gap:4px}.text-message{line-height:1.4}.file-message{gap:12px}.file-info,.file-message{align-items:center;display:flex}.file-info{flex:1 1;gap:8px}.file-icon{font-size:20px}.file-details{display:flex;flex-direction:column}.file-name{font-size:14px;font-weight:500}.file-size{font-size:12px;opacity:.8}.download-btn{background:#fff3;border:none;border-radius:6px;color:inherit;cursor:pointer;font-size:12px;padding:6px 12px}.sent-bubble .download-btn{background:#ffffff4d}.download-btn:hover{background:#fff6}.message-footer{align-items:center;display:flex;font-size:11px;gap:8px;opacity:.7}.delete-message-btn{background:none;padding:2px;transition:opacity .2s}.message-container:hover .delete-message-btn{opacity:1}.scroll-to-bottom-btn{background:#007bff;bottom:20px;box-shadow:0 2px 10px #0003;font-size:16px;height:40px;position:absolute;right:20px;width:40px}.team-chat-input-area{background:#fff;border-top:1px solid #e0e0e0;padding:16px 20px;position:relative}.chat-actions{gap:8px;margin-bottom:12px}.emoji-picker-btn,.file-upload-btn{background:none;border:none;border-radius:4px;font-size:16px;padding:8px}.emoji-picker-btn:hover,.file-upload-btn:hover{background:#f0f0f0}.team-chat-input-form{align-items:center;display:flex;gap:12px}.team-chat-input-container{border:1px solid #e0e0e0;border-radius:24px;display:flex;flex:1 1;overflow:hidden}.team-chat-input{border:none;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.team-chat-send-button{background:#007bff;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px}.team-chat-send-button:disabled{background:#ccc;cursor:not-allowed}.emoji-picker{border:1px solid #e0e0e0;border-radius:8px;bottom:100%;box-shadow:0 4px 20px #00000026;left:0;padding:12px;z-index:1001}.emoji-picker-header{color:#666;font-size:12px;margin-bottom:8px}.emoji-picker-close{background:none;border:none;font-size:16px}.emoji-grid{grid-gap:4px;gap:4px}.emoji-btn{background:none;border-radius:4px;font-size:16px;padding:4px}.emoji-btn:hover{background:#f0f0f0}.delete-modal-overlay{background:#00000080;bottom:0;right:0}.delete-modal{border-radius:8px;max-width:400px;padding:24px;width:90%}.delete-modal-content h3{color:#333;margin:0 0 12px}.delete-modal-content p{color:#666;line-height:1.4;margin:0 0 20px}.delete-modal-actions{gap:12px}.cancel-delete-btn,.confirm-delete-btn{border-radius:4px;font-size:14px;padding:8px 16px}.cancel-delete-btn{background:#f8f9fa;color:#333}.confirm-delete-btn{background:#dc3545}.team-chat-send-spinner,.upload-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}:root{--online-green:#4caf50;--offline-gray:#9e9e9e}.chats-tab-container{background-color:#fff;background-color:var(--bg-white);color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;min-height:100vh;padding:2rem}.chats-tab-header{background:linear-gradient(135deg,#c628280d,#ffffffe6);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.chats-tab-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);-webkit-background-clip:text;background-clip:text;color:#1e2330;color:var(--text-dark);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.chats-tab-subtitle{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:500;margin:0}.chats-tab-content{grid-gap:0;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);display:grid;gap:0;grid-template-columns:380px 1fr;height:calc(100vh - 220px)}.chats-tab-content,.conversations-list{background:#fff;background:var(--bg-white);overflow:hidden}.conversations-list{border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.conversations-search{background:#f9fafb;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1.5rem}.search-container{align-items:center;display:flex}.search-icon{color:#6b7280;color:var(--text-light);font-size:1.125rem;left:1rem}.search-input{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:25px;color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;font-size:.9375rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 3px #c628281a}.search-input::placeholder{color:#6b7280;color:var(--text-light)}.conversations-header{align-items:center;background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.conversations-header h4{color:#1e2330;color:var(--text-dark);font-size:1.125rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.conversations-count{background:#f9fafb;background:var(--bg-light);border-radius:20px;color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:600;padding:.375rem .875rem}.conversations-empty,.conversations-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.conversations-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.conversations-empty p{color:#1e2330;color:var(--text-dark);font-size:1rem;font-weight:600}.feature-icon{font-size:1.25rem}.delete-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e2330b3;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%}.delete-modal{animation:slideUp .3s ease;background:#fff;background:var(--bg-white);border-radius:20px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-width:480px;width:100%}.delete-modal-content{padding:2rem}.delete-modal-content h3{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:800;margin:0 0 1rem}.delete-modal-content p{color:#6b7280;color:var(--text-light);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.delete-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-delete-btn,.confirm-delete-btn{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cancel-delete-btn{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#1e2330;color:var(--text-dark)}.cancel-delete-btn:hover{background:#f9fafb;background:var(--bg-light);border-color:#1e2330;border-color:var(--text-dark)}.confirm-delete-btn{background:#ef4444;background:var(--error);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white)}.confirm-delete-btn:hover{background:#dc2626;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md)}@media (max-width:1024px){.chats-tab-content{grid-template-columns:320px 1fr}.conversations-list{min-width:320px}}@media (max-width:768px){.chats-tab-container{padding:1rem}.chats-tab-header{padding:1.5rem}.chats-tab-title{font-size:1.75rem}.chats-tab-content{grid-template-columns:1fr;height:calc(100vh - 180px)}.conversations-list{display:none}.back-button,.chat-area.show-mobile,.conversations-list.show-mobile{display:flex}.chat-message-content{max-width:80%}.scroll-to-bottom-btn{bottom:120px;height:44px;right:20px;width:44px}.emoji-picker{left:1rem;right:1rem;width:auto}.emoji-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:480px){.chats-tab-title{font-size:1.5rem}.chats-tab-subtitle{font-size:.875rem}.chats-tab-header{padding:1.25rem}.conversations-search{padding:1rem}.conversation-item{padding:1rem 1.25rem}.chat-user-avatar,.conversation-avatar{font-size:1rem;height:44px;min-width:44px;width:44px}.chat-header{padding:1rem 1.25rem}.chat-user-name{font-size:1rem}.chat-user-status{font-size:.8125rem}.header-action-btn{font-size:1.125rem;height:36px;width:36px}.chat-messages{padding:1rem}.chat-message-text{font-size:.875rem}.chat-input-area{padding:1rem 1.25rem}.chat-send-button,.emoji-picker-btn,.file-upload-btn{font-size:1.125rem;height:36px;width:36px}.chat-send-button{min-width:36px}.emoji-grid{grid-template-columns:repeat(5,1fr)}.chat-placeholder-icon{font-size:4rem}.chat-placeholder h4{font-size:1.25rem}.delete-modal-content{padding:1.5rem}.delete-modal-content h3{font-size:1.25rem}.delete-modal-actions{flex-direction:column-reverse}.cancel-delete-btn,.confirm-delete-btn{width:100%}}@media print{.back-button,.chat-actions,.chat-input-area,.conversations-search,.delete-message-btn,.header-action-btn,.scroll-to-bottom-btn{display:none}.chats-tab-container{padding:0}.chats-tab-content{box-shadow:none;height:auto}.chat-messages{height:auto;overflow:visible}}.conversations-empty-subtext{color:#6b7280!important;color:var(--text-light)!important;font-size:.875rem!important;font-weight:500!important}.whatsapp-spinner{animation:spin .8s linear infinite;border:4px solid #c628281a;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;width:40px}.conversations-loading p{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:600;margin:0}.conversations-items{background:#fff;background:var(--bg-white);flex:1 1;overflow-y:auto}.conversations-items::-webkit-scrollbar{width:6px}.conversations-items::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-light)}.conversations-items::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:10px}.conversations-items::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-light)}.conversation-item{align-items:flex-start;background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.conversation-item:hover{background:#f9fafb;background:var(--bg-light)}.conversation-item.active{background:linear-gradient(135deg,#c6282814,#c6282808);border-left:4px solid #c62828;border-left:4px solid var(--primary-color)}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:50px;justify-content:center;min-width:50px;position:relative;width:50px}.online-indicator{border:2px solid #fff;border:2px solid var(--bg-white);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.375rem}.conversation-name{color:#1e2330;color:var(--text-dark);font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{flex-shrink:0;font-size:.75rem;font-weight:600}.conversation-preview,.conversation-time{color:#6b7280;color:var(--text-light);white-space:nowrap}.conversation-preview{font-size:.875rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis}.conversation-meta{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.conversation-status{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.conversation-status.online{color:#4caf50;color:var(--online-green)}.conversation-status.offline{color:#9e9e9e;color:var(--offline-gray)}.conversation-unread{align-items:center;background:#c62828;background:var(--primary-color);border-radius:11px;color:#fff;color:var(--bg-white);display:inline-flex;font-size:.75rem;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 .5rem}.chat-area{background:#f9fafb;background:var(--bg-light);display:flex;flex-direction:column;position:relative}.chat-header{background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);justify-content:space-between;padding:1.25rem 1.5rem}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:1rem}.back-button{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;color:#1e2330;color:var(--text-dark);display:none;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.back-button:hover{background:#c62828;background:var(--primary-color);border-color:#c62828;border-color:var(--primary-color);color:#fff;color:var(--bg-white)}.chat-user-info{align-items:center;display:flex;gap:1rem}.chat-user-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-radius:50%;color:#fff;color:var(--bg-white);display:flex;font-size:1.125rem;font-weight:800;height:48px;justify-content:center;min-width:48px;position:relative;width:48px}.chat-user-name{color:#1e2330;color:var(--text-dark);font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.chat-user-status{font-size:.875rem;font-weight:600;margin:0}.typing-indicator{color:#c62828;color:var(--primary-color);font-style:italic}.chat-header-actions{align-items:center;display:flex;gap:.5rem}.header-action-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;color:#1e2330;color:var(--text-dark);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.header-action-btn:hover{background:#f9fafb;background:var(--bg-light);border-color:#c62828;border-color:var(--primary-color);transform:scale(1.05)}.chat-menu-container{position:relative}.chat-menu{animation:slideDown .2s ease;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);min-width:220px;position:absolute;right:0;top:50px;z-index:1000}.chat-menu-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#1e2330;color:var(--text-dark);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9375rem;font-weight:600;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.chat-menu-item:last-child{border-bottom:none}.chat-menu-item:hover{background:#f9fafb;background:var(--bg-light);color:#c62828;color:var(--primary-color)}.menu-icon{font-size:1.125rem}.chat-messages{background:linear-gradient(135deg,#c6282805,#f9fafb);background:linear-gradient(135deg,#c6282805 0,var(--bg-light) 100%);flex:1 1;overflow-y:auto;padding:1.5rem;position:relative}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-light)}.chat-empty,.chat-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.chat-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.chat-empty p{color:#1e2330;color:var(--text-dark);font-size:1rem;font-weight:600;margin:0}.chat-empty-subtext{color:#6b7280!important;color:var(--text-light)!important;font-size:.875rem!important;font-weight:500!important}.chat-loading p{font-size:1rem;font-weight:600;margin:0}.chat-date-label,.chat-loading p{color:#6b7280;color:var(--text-light)}.chat-date-label{background:#fff;background:var(--bg-white);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:inline-block;font-size:.8125rem;font-weight:700;left:50%;letter-spacing:.05em;margin:1rem auto;padding:.5rem 1rem;position:relative;text-align:center;text-transform:uppercase;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.chat-message{animation:fadeIn .3s ease;display:flex;margin-bottom:1rem}.chat-message-sent{justify-content:flex-end}.chat-message-received{justify-content:flex-start}.chat-message-content{word-wrap:break-word;border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);max-width:65%;padding:.875rem 1.125rem;position:relative}.chat-message-sent .chat-message-content{background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);border-bottom-right-radius:4px;color:#fff;color:var(--bg-white)}.chat-message-received .chat-message-content{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-bottom-left-radius:4px;color:#1e2330;color:var(--text-dark)}.chat-message-text{font-size:.9375rem;line-height:1.5;margin:0 0 .375rem}.chat-message-time{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;justify-content:flex-end;opacity:.8}.message-status{font-size:.875rem;margin-left:.25rem}.message-status.read{color:#4caf50}.message-status.sent{color:#fffc}.delete-message-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;opacity:0;position:absolute;right:-10px;top:-10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:28px}.chat-message-content:hover .delete-message-btn{opacity:1}.delete-message-btn:hover{background:#ef4444;background:var(--error);transform:scale(1.1)}.typing-bubble{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-bottom-left-radius:4px;padding:.875rem 1.125rem}.typing-dots{align-items:center;display:flex;gap:.375rem}.typing-dots span{animation:typingBounce 1.4s infinite;background:#6b7280;background:var(--text-light);border-radius:50%;height:8px;width:8px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.scroll-to-bottom-btn{align-items:center;background:#c62828;background:var(--primary-color);border:none;border-radius:50%;bottom:140px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;position:fixed;right:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.scroll-to-bottom-btn:hover{background:#b71c1c;background:var(--primary-hover);transform:scale(1.1)}.chat-input-area{background:#fff;background:var(--bg-white);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);padding:1.25rem 1.5rem;position:relative}.chat-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.emoji-picker-btn,.file-upload-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.emoji-picker-btn:hover,.file-upload-btn:hover{background:#f9fafb;background:var(--bg-light);border-color:#c62828;border-color:var(--primary-color);transform:scale(1.05)}.emoji-picker{animation:slideUp .2s ease;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);bottom:100px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);left:1.5rem;max-height:400px;overflow-y:auto;position:absolute;width:320px;z-index:1000}.emoji-picker-header{background:#f9fafb;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.emoji-picker-close,.emoji-picker-header{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-weight:700}.emoji-picker-close{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;font-size:1.25rem;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:28px}.emoji-picker-close:hover{background:#c62828;background:var(--primary-color);border-color:#c62828;border-color:var(--primary-color);color:#fff;color:var(--bg-white)}.emoji-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(8,1fr);padding:1rem}.emoji-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.emoji-btn:hover{background:#f9fafb;background:var(--bg-light);transform:scale(1.2)}.chat-input-form{width:100%}.chat-input-container{align-items:center;background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:25px;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chat-input-container:focus-within{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 3px #c628281a}.chat-input{background:#0000;border:none;color:#1e2330;color:var(--text-dark);flex:1 1;font-family:Raleway,sans-serif;font-size:.9375rem;outline:none;padding:.625rem 1rem}.chat-input::placeholder{color:#6b7280;color:var(--text-light)}.chat-input:disabled{opacity:.6}.chat-send-button{align-items:center;background:#c62828;background:var(--primary-color);border:none;border-radius:50%;color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;min-width:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.chat-send-button:hover:not(:disabled){background:#b71c1c;background:var(--primary-hover);transform:scale(1.05)}.chat-send-button:disabled{background:#6b7280;background:var(--text-light);cursor:not-allowed;opacity:.6}.send-icon{align-items:center;display:flex;justify-content:center}.send-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--bg-white);height:20px;width:20px}.chat-placeholder{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;padding:2rem}.chat-placeholder-icon{font-size:5rem;opacity:.5}.chat-placeholder h4{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:800;margin:0}.chat-placeholder p{color:#6b7280;color:var(--text-light);font-size:1rem;margin:0}.placeholder-features{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.feature-item{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#1e2330;color:var(--text-dark);font-weight:600;padding:.875rem 1.25rem}.feature-item .feature-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center}.feature-item span:not(.feature-icon){color:#1e2330;color:var(--text-dark);font-size:.9375rem;font-weight:600}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}button:focus-visible,input:focus-visible{outline:3px solid #c6282866}@media (prefers-contrast:high){.conversation-item.active{border-left-width:6px}.online-indicator{border-width:3px}.chat-message-content{border-width:2px}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.chat-messages,.conversations-items{scroll-behavior:smooth}.chat-loading,.conversations-loading{min-height:200px}.chat-empty,.conversations-empty{text-align:center;-webkit-user-select:none;user-select:none}.chat-empty-icon,.chat-placeholder-icon,.conversations-empty-icon{pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){.conversations-list.show-mobile{z-index:100}.chat-area,.conversations-list.show-mobile{bottom:0;left:0;position:absolute;right:0;top:0}}@media (hover:none) and (pointer:coarse){.chat-menu-item,.conversation-item,.emoji-btn,button{-webkit-tap-highlight-color:transparent}.conversation-item:active{background:#f9fafb;background:var(--bg-light)}.emoji-picker-btn:active,.file-upload-btn:active,.header-action-btn:active{transform:scale(.95)}}.chat-send-button,.chat-user-avatar,.conversation-avatar,.conversation-status,.conversation-time,.conversation-unread,.emoji-picker-btn,.file-upload-btn,.header-action-btn,.online-indicator{user-select:none;-webkit-user-select:none}.chat-menu,.delete-modal-overlay,.emoji-picker{isolation:isolate}[dir=rtl] .conversation-item.active{border-left:none;border-right:4px solid #c62828;border-right:4px solid var(--primary-color)}[dir=rtl] .online-indicator{left:2px;right:auto}[dir=rtl] .chat-message-sent{justify-content:flex-start}[dir=rtl] .chat-message-received{justify-content:flex-end}[dir=rtl] .chat-message-sent .chat-message-content{border-bottom-left-radius:4px;border-bottom-right-radius:12px}[dir=rtl] .chat-message-received .chat-message-content{border-bottom-left-radius:12px;border-bottom-right-radius:4px}[dir=rtl] .delete-message-btn{left:-10px;right:auto}[dir=rtl] .search-icon{left:auto;right:1rem}[dir=rtl] .search-input{padding:.875rem 3rem .875rem 1rem}.chat-message-text{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}button:focus:not(:focus-visible){outline:none}input[type=file]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chat-message,.conversation-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.chat-user-avatar,.conversation-avatar,.online-indicator{aspect-ratio:1}.chat-menu-item,.conversation-item,.emoji-btn,button:not(:disabled){cursor:pointer}.chat-input:disabled,button:disabled{cursor:not-allowed}input::-webkit-search-cancel-button{display:none}input[type=text]::-webkit-input-placeholder{color:#6b7280;color:var(--text-light)}input[type=text]:-moz-placeholder,input[type=text]::-moz-placeholder{color:#6b7280;color:var(--text-light);opacity:1}input[type=text]:-ms-input-placeholder{color:#6b7280;color:var(--text-light)}input[type=text]::-ms-input-placeholder{color:#6b7280;color:var(--text-light)}.chat-message-content,.conversation-item,button{touch-action:manipulation}@supports (padding-top:env(safe-area-inset-top)){@media (max-width:768px){.chats-tab-container{padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-top:calc(1rem + env(safe-area-inset-top))}.chat-input-area{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}}}.skeleton{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f9fafb 8%,#e5e7eb 18%,#f9fafb 33%);background:linear-gradient(to right,var(--bg-light) 8%,var(--border-color) 18%,var(--bg-light) 33%);background-size:800px 104px}.chat-header{z-index:10}.scroll-to-bottom-btn{z-index:100}.chat-menu,.emoji-picker{z-index:1000}.delete-modal-overlay{z-index:2000}.chat-messages,.conversations-items{scrollbar-gutter:stable}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.chats-tab-container *{box-sizing:border-box}.chats-tab-container img{height:auto;max-width:100%}.chats-tab-container button,.chats-tab-container input,.chats-tab-container textarea{font-family:inherit}.hrcopilot-contact-container{margin:30px auto 0;max-width:1400px;padding:0 20px}.contact-section{margin:0 auto;max-width:1400px;padding:60px 0}.header-section{margin-bottom:60px;text-align:center}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:16px}.subtitle{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:500px}.tabs-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:900px}.tab-button{background:#fff;border:2px solid #e5e7eb;border-radius:20px;overflow:hidden;padding:24px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:hover{border-color:#6366f1;box-shadow:0 20px 40px #6366f11a;transform:translateY(-4px)}.tab-button.active{background:linear-gradient(135deg,#f8faff,#f0f4ff);border-color:#6366f1;box-shadow:0 20px 40px #6366f126}.tab-icon-wrapper{margin-bottom:16px}.tab-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.tab-button:hover .tab-icon{transform:scale(1.1)}.tab-button.active .tab-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.tab-label{color:#6b7280;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.tab-title{color:#1f2937;display:block;font-size:1.25rem;font-weight:700;margin-bottom:8px}.tab-description{color:#9ca3af;display:block;font-size:.875rem}.tab-indicator{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px 2px 0 0;bottom:0;height:4px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.tab-button.active .tab-indicator{width:80%}.content-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a;min-height:400px;overflow:hidden;padding:60px;position:relative}.content-background{background:linear-gradient(135deg,#f8faff,#f0f4ff);z-index:0}.content-background,.floating-shapes{bottom:0;left:0;position:absolute;right:0;top:0}.floating-shapes{overflow:hidden}.shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:120px;right:10%;top:10%;width:120px}.shape-2{animation-delay:2s;bottom:20%;height:80px;left:10%;width:80px}.shape-3{animation-delay:4s;height:60px;right:20%;top:50%;width:60px}.content-wrapper{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr auto;position:relative;z-index:1}.text-content{max-width:500px}.content-heading{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:16px}.content-text{color:#6b7280;font-size:1.125rem;line-height:1.7;margin-bottom:32px}.action-buttons{gap:16px;margin-bottom:32px}.primary-button,.secondary-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d;color:#fff}.primary-button:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.secondary-button{background:#fff;border:2px solid #e5e7eb;color:#374151}.secondary-button:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.demo-features,.partner-benefits,.support-info{display:flex;flex-direction:column;gap:12px}.benefit-item,.feature-item,.info-item{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:8px}.illustration{align-items:center;display:flex;flex-direction:column;position:relative}.speech-bubble{background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000001a;color:#374151;font-weight:600;margin-bottom:24px;padding:16px 24px;position:relative}.bubble-tail{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-8px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.character{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 20px 40px #6366f14d;color:#fff;display:flex;height:200px;justify-content:center;transition:all .3s ease;width:200px}.character:hover{transform:scale(1.05) rotate(5deg)}.demo-character{background:linear-gradient(135deg,#10b981,#059669)}.partner-character{background:linear-gradient(135deg,#f59e0b,#d97706)}.faq-section{margin:80px auto;max-width:800px;padding:0 20px;text-align:center}.faq-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:16px}.faq-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6;margin-bottom:48px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.faq-question{align-items:center;background:none;border:none;color:#1f2937;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:24px;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:#f8faff}.chevron{color:#6b7280;transition:transform .3s ease}.chevron.open{color:#6366f1;transform:rotate(180deg)}.faq-answer{animation:slideDown .3s ease;color:#6b7280;line-height:1.6;padding:0 24px 24px;text-align:left}.office-locations{background:#fff;font-family:Raleway,sans-serif;margin-top:-110px;padding:100px 20px;text-align:center}.office-locations h2{color:#1e2330;font-size:42px;font-weight:800;margin-bottom:12px}.office-locations h2 span{color:#c62828}.office-locations p{color:#6b7280;font-size:18px;line-height:1.7;margin:0 auto 60px;max-width:760px}.office-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1200px}.office-card{background:#fff;border-radius:18px;box-shadow:0 20px 50px #1e233014;display:flex;flex-direction:column;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.office-card:hover{box-shadow:0 28px 70px #1e233024;transform:translateY(-6px)}.office-image{height:220px;overflow:hidden;position:relative}.office-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.office-card:hover .office-image img{transform:scale(1.06)}.office-flag{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;font-size:22px;height:44px;justify-content:center;position:absolute;right:14px;top:14px;width:44px}.office-content{padding:28px;text-align:left}.office-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.office-header h3{color:#1e2330;font-size:20px;font-weight:700;letter-spacing:.6px}.office-badge{background:#c62828;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:6px 12px}.office-content address{color:#4b5563;font-size:15px;font-style:normal;line-height:1.6;margin-bottom:18px}.office-content address strong{color:#1e2330;font-weight:600}.office-features{display:flex;flex-wrap:wrap;gap:10px}.office-features .feature{background:#f3f4f6;border-radius:14px;color:#374151;font-size:13px;font-weight:500;padding:6px 12px}@media (max-width:1024px){.office-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.office-grid{grid-template-columns:1fr}.office-locations h2{font-size:32px}.office-locations p{font-size:16px}}.contact-form-section{margin:80px auto 130px;max-width:1000px;padding:0 20px}.contact-form-section h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-align:center}.contact-form-section .subtitle{margin-bottom:48px;text-align:center}.success-message{align-items:center;animation:slideIn .5s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.success-icon{background:#fff3;font-size:1.5rem;font-weight:700;height:48px;width:48px}.success-text h3{font-size:1.25rem;margin:0 0 8px}.success-text p{margin:0;opacity:.9}.contact-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-label.required:after{color:#ef4444;content:" *"}.form-control{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-control:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.select-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}textarea.form-control{min-height:120px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:1.125rem;font-weight:600;padding:16px 32px;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.submit-btn:disabled{opacity:.7}@media (max-width:768px){.contact-section{padding:40px 0}.main-title{font-size:2.5rem}.tabs-container{gap:12px;grid-template-columns:1fr}.content-card{padding:40px 24px}.content-wrapper{gap:40px;grid-template-columns:1fr;text-align:center}.action-buttons{justify-content:center}.character{height:150px;width:150px}.character svg{height:80px;width:80px}.contact-form-grid,.office-grid{grid-template-columns:1fr}.faq-title{font-size:2rem}.office-locations h2{font-size:2.5rem}}@media (max-width:480px){.main-title{font-size:2rem}.content-card{padding:32px 20px}.action-buttons{flex-direction:column}.primary-button,.secondary-button{justify-content:center;width:100%}.faq-question{font-size:1rem;padding:20px}.office-locations{padding:60px 15px}.office-locations h2{font-size:2rem}}:root{--light-gray:#f8f9fa;--border-gray:#e5e7eb;--success-green:#2e7d32;--error-red:#c62828;--shadow-sm:0 2px 8px #1e23300f;--shadow-md:0 4px 16px #1e233014;--shadow-lg:0 8px 32px #1e23301f}.conto-section{background-color:#fff;font-family:Raleway,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:100px 24px;position:relative}.conto-container{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:5fr 6fr;margin:0 auto;max-width:1320px}.conto-content-area{padding-right:32px;padding-top:20px}.conto-header-content{margin-bottom:56px}.conto-prelude{align-items:center;display:flex;gap:14px;margin-bottom:28px}.conto-prelude-line{background:#c62828;background:var(--primary-red);height:2px;width:48px}.conto-prelude-text{color:#c62828;color:var(--primary-red);font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}.conto-main-headline{display:flex;flex-direction:column;line-height:1.1;margin-bottom:28px;text-align:justify}.conto-headline-accent{color:#1e2330;color:var(--text-dark);font-size:32px;font-weight:300;letter-spacing:-.5px;margin-bottom:4px;opacity:.5}.conto-headline-main{color:#1e2330;color:var(--text-dark);margin-bottom:8px}.conto-headline-main,.conto-headline-sub{font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1}.conto-headline-sub{color:#c62828;color:var(--primary-red)}.conto-description{color:#1e2330;color:var(--text-dark);font-size:17px;font-weight:400;line-height:1.75;max-width:540px;opacity:.75;text-align:justify}.conto-connector{align-items:center;display:flex;gap:20px;margin:48px 0;opacity:.3}.conto-connector-line{background:#1e2330;background:var(--text-dark);flex:1 1;height:1px}.conto-connector-icon{color:#c62828;color:var(--primary-red);flex-shrink:0;height:28px;opacity:1;width:28px}.conto-contact-grid{display:flex;flex-direction:column;gap:20px}.conto-contact-card{align-items:start;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:12px;display:flex;gap:20px;overflow:hidden;padding:28px 32px;position:relative;text-align:justify;transition:all .3s cubic-bezier(.4,0,.2,1)}.conto-contact-card:hover{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 4px 16px #1e233014;box-shadow:var(--shadow-md);transform:translateX(4px)}.conto-card-ornament{height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:3px}.conto-contact-card:hover .conto-card-ornament{width:4px}.conto-icon-frame{align-items:center;background:#c628280a;border:2px solid;border-radius:10px;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:all .3s ease;width:52px}.conto-contact-card:hover .conto-icon-frame{background:#c6282814;transform:scale(1.05)}.conto-contact-icon{height:24px;width:24px}.conto-card-content{flex:1 1;min-width:0}.conto-card-title{color:#1e2330;color:var(--text-dark);font-size:18px;font-weight:700;letter-spacing:-.3px}.conto-card-details,.conto-card-title{margin-bottom:10px}.conto-detail-text{font-size:15px;line-height:1.5;margin:3px 0;opacity:.85}.conto-card-subtext,.conto-detail-text{color:#1e2330;color:var(--text-dark);font-weight:500}.conto-card-subtext{font-size:13px;margin-top:8px;opacity:.5}.conto-form-area{position:-webkit-sticky;position:sticky;top:32px}.conto-form-elevated{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-gray);border-radius:20px;box-shadow:0 4px 16px #1e233014;box-shadow:var(--shadow-md);padding:44px 40px 40px}.conto-form-header{margin-bottom:36px;text-align:center}.conto-form-badge{align-items:center;background:#c62828;background:var(--primary-red);border-radius:24px;color:#fff;color:var(--bg-white);display:inline-flex;font-size:10px;font-weight:800;justify-content:center;letter-spacing:1.8px;margin-bottom:24px;padding:8px 20px;text-transform:uppercase}.conto-form-title{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:14px}.conto-form-intro,.conto-form-title{color:#1e2330;color:var(--text-dark)}.conto-form-intro{font-size:14px;font-weight:400;line-height:1.65;margin:0 auto;max-width:480px;opacity:.65}.conto-success-state{align-items:start;background:#2e7d320f;border:1px solid #2e7d3233;border-radius:12px;display:flex;gap:14px;margin-bottom:32px;padding:18px 20px}.conto-success-icon{flex-shrink:0}.conto-success-check{align-items:center;background:#2e7d32;background:var(--success-green);border-radius:50%;color:#fff;color:var(--bg-white);display:flex;font-size:16px;font-weight:800;height:28px;justify-content:center;width:28px}.conto-success-content{flex:1 1;padding-top:2px}.conto-success-title{color:#2e7d32;color:var(--success-green);font-size:15px;font-weight:700;margin-bottom:4px}.conto-success-message{color:#1e2330;color:var(--text-dark);font-size:13px;font-weight:400;line-height:1.6;opacity:.8}.conto-form-matrix{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.conto-field-group{display:flex;flex-direction:column}.conto-field-full{grid-column:1/-1}.conto-field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.conto-field-label{color:#1e2330;color:var(--text-dark);font-size:14px;font-weight:500;letter-spacing:-.2px}.conto-field-indicator{color:#c62828;color:var(--primary-red);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.conto-input-container,.conto-textarea-container{position:relative}.conto-input-field{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:10px;color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;font-size:15px;font-weight:500;outline:none;padding:14px 18px;transition:all .25s ease;width:100%}.conto-input-field:hover{border-color:#d1d5db}.conto-input-field:focus{background:#c6282803;border-color:#c62828;border-color:var(--primary-red);box-shadow:0 0 0 3px #c6282814}.conto-input-field::placeholder{color:#1e2330;color:var(--text-dark);font-weight:400;opacity:.35}.conto-input-error{background:#c6282808;border-color:#c62828;border-color:var(--error-red)}.conto-input-error:focus{box-shadow:0 0 0 3px #c628281f}.conto-input-decoration,.conto-textarea-decoration{background:#c62828;background:var(--primary-red);border-radius:0 0 8px 8px;bottom:-2px;height:2px;left:0;pointer-events:none;position:absolute;transition:width .3s ease;width:0}.conto-input-field:focus~.conto-input-decoration,.conto-textarea-field:focus~.conto-textarea-decoration{width:100%}.conto-textarea-field{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-gray);border-radius:10px;color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;font-size:15px;font-weight:500;line-height:1.6;min-height:130px;outline:none;padding:14px 18px;resize:vertical;transition:all .25s ease;width:100%}.conto-textarea-field:hover{border-color:#d1d5db}.conto-textarea-field:focus{background:#c6282803;border-color:#c62828;border-color:var(--primary-red);box-shadow:0 0 0 3px #c6282814}.conto-textarea-field::placeholder{color:#1e2330;color:var(--text-dark);font-weight:400;opacity:.35}.conto-error-state{align-items:center;display:flex;gap:8px;margin-top:8px}.conto-error-icon{align-items:center;background:#c62828;background:var(--error-red);border-radius:50%;color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:16px;justify-content:center;width:16px}.conto-error-message{color:#c62828;color:var(--error-red);font-size:13px;font-weight:600;letter-spacing:-.1px}.conto-submit-area{display:flex;flex-direction:column;gap:14px;padding-top:8px}.conto-submit-primary{align-items:center;background:#c62828;background:var(--primary-red);border:none;border-radius:12px;box-shadow:0 4px 14px #c6282840;color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.3px;padding:17px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.conto-submit-primary:hover:not(:disabled){background:#b71c1c;box-shadow:0 6px 20px #c6282859;transform:translateY(-2px)}.conto-submit-primary:active:not(:disabled){box-shadow:0 2px 8px #c628284d;transform:translateY(0)}.conto-submit-primary:disabled{cursor:not-allowed;opacity:.65;transform:none}.conto-submit-text{align-items:center;display:flex;gap:10px}.conto-submit-icon{height:18px;width:18px}.conto-loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top:2px solid var(--bg-white);height:15px;width:15px}.conto-submit-note{color:#1e2330;color:var(--text-dark);font-size:12px;font-weight:400;line-height:1.6;opacity:.55;padding:0 8px;text-align:center}@media (max-width:1200px){.conto-container{gap:56px;grid-template-columns:1fr}.conto-content-area{max-width:640px;padding-right:0}.conto-form-area{max-width:640px;position:relative;top:0}}@media (max-width:768px){.conto-section{padding:72px 20px}.conto-container{gap:48px}.conto-headline-accent{font-size:26px}.conto-headline-main,.conto-headline-sub{font-size:48px;letter-spacing:-1.5px}.conto-description{font-size:16px}.conto-form-elevated{padding:36px 28px 32px}.conto-form-matrix{gap:20px;grid-template-columns:1fr}.conto-form-title{font-size:30px}.conto-contact-card{padding:24px 28px}.conto-connector{margin:40px 0}}@media (max-width:480px){.conto-section{padding:56px 16px}.conto-headline-accent{font-size:22px}.conto-headline-main,.conto-headline-sub{font-size:38px;letter-spacing:-1px}.conto-description{font-size:15px}.conto-form-elevated{border-radius:16px;padding:28px 20px 24px}.conto-form-title{font-size:26px}.conto-form-intro{font-size:13px}.conto-submit-primary{font-size:14px;padding:15px 28px}.conto-contact-card{align-items:start;flex-direction:column;padding:20px 24px}.conto-contact-card:hover{transform:translateY(-2px)}.conto-form-matrix{gap:18px}}:root{--faci-primary:#c62828;--faci-dark:#1e2330;--faci-muted:#6b7280;--faci-bg:#fff;--faci-card:#fff;--faci-border:#e5e7eb}.faci-wrapper{background:#fff;background:var(--faci-bg);font-family:Raleway,sans-serif;margin-top:-60px;padding:100px 20px}.faci-header{margin:0 auto 56px;max-width:980px;text-align:center}.faci-header h2{color:#1e2330;color:var(--faci-dark);font-size:42px;font-weight:800}.faci-highlight{color:#c62828;color:var(--faci-primary)}.faci-header p{color:#6b7280;color:var(--faci-muted);font-size:18px;line-height:1.6;margin-top:14px}.faci-list{margin:0 auto;max-width:900px}.faci-item{background:#fff;background:var(--faci-card);border:1px solid #e5e7eb;border:1px solid var(--faci-border);border-radius:14px;margin-bottom:16px;overflow:hidden;transition:box-shadow .3s ease}.faci-item.open{box-shadow:0 12px 30px #0000000f}.faci-question{align-items:center;background:none;border:none;color:#1e2330;color:var(--faci-dark);cursor:pointer;display:flex;font-size:17px;font-weight:600;justify-content:space-between;padding:18px 24px;width:100%}.faci-question:hover{background:#fafafa}.faci-icon{color:#c62828;color:var(--faci-primary);font-size:20px;line-height:1}.faci-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}.faci-answer p{color:#6b7280;color:var(--faci-muted);font-size:15px;line-height:1.6;margin:0;padding:0 24px 18px}.faci-item.open .faci-answer{max-height:160px;opacity:1}@media (max-width:768px){.faci-header h2{font-size:32px}.faci-question{font-size:16px;padding:16px 20px}.faci-answer p{font-size:14px;padding:0 20px 16px}}.requirement-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e2330d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.requirement-popup{animation:slideUp .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #1e23304d;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}.popup-header{align-items:center;background:#1e2330;border-bottom:3px solid #c62828;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.popup-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.closes-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.closes-btn:hover{background:#fff3;color:#c62828;transform:rotate(90deg)}.popup-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px}.error-message,.success-message{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.success-message{background:#16a34a1a;border:2px solid #16a34a33;color:#166534}.error-message{background:#dc26261a;border:2px solid #dc262633;color:#dc2626}.error-icon,.success-icon{font-size:18px}.current-user-info{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #1e233014;display:flex;gap:16px;margin-bottom:24px;padding:20px}.user-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 8px #c6282833;color:#fff;display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.user-details{flex:1 1}.user-details strong{color:#1e2330;font-size:18px;font-weight:700}.user-details span{color:#64748b;font-size:15px;margin-left:8px}.requirement-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #1e23300f;padding:32px}.form-section{border-bottom:2px solid #f1f5f9;margin-bottom:40px;padding-bottom:32px}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h3{align-items:center;border-left:5px solid #c62828;color:#1e2330;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 24px;padding-left:16px}.form-row{grid-gap:24px;gap:24px}.form-group,.form-row{margin-bottom:24px}.form-group label{font-size:15px}.form-group label:after{background:linear-gradient(90deg,#0000,#e5e7eb);content:"";flex:1 1;height:1px;margin-left:10px}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1e2330;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}textarea{line-height:1.6;min-height:120px}.read-only-field{background:#f8fafc;border-color:#e5e7eb;color:#64748b;cursor:not-allowed}.field-hint{align-items:center;color:#64748b;display:block;display:flex;font-size:13px;gap:6px;margin-top:8px}.field-hint.warning{background:#dc26260d;border-left:3px solid #dc2626;border-radius:8px;color:#dc2626;padding:8px 12px}.skills-input-container{display:flex;gap:12px;margin-bottom:16px}.skills-input{border:2px solid #e5e7eb;border-radius:10px;color:#1e2330;flex:1 1;font-size:15px;padding:14px 18px;transition:all .3s ease}.skills-input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.add-skill-btn{background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.add-skill-btn:hover{box-shadow:0 6px 20px #c628284d;transform:translateY(-2px)}.skills-tags{background:#f8fafc;border:2px dashed #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;min-height:50px;padding:12px}.skill-tag{align-items:center;background:linear-gradient(135deg,#c628281a,#b71c1c1a);border:2px solid #c6282833;border-radius:20px;color:#c62828;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.skill-tag:hover{background:#c6282826;border-color:#c6282866;transform:translateY(-2px)}.remove-skill{align-items:center;background:none;border:none;border-radius:50%;color:#c62828;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;transition:all .3s ease;width:20px}.remove-skill:hover{background:#c6282833;transform:rotate(90deg)}.extra-field{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.extra-field:hover{border-color:#c628284d;box-shadow:0 4px 12px #1e233014}.extra-field-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.field-label{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1e2330;flex:1 1;font-size:15px;padding:12px 16px;transition:all .3s ease}.field-label:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.remove-field-btn{background:#c628281a;border:2px solid #c6282833;border-radius:8px;color:#c62828;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.remove-field-btn:hover{background:#c6282833;border-color:#c62828;transform:translateY(-2px)}.field-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1e2330;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.field-input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.dropdown-field{display:flex;gap:12px}.dropdown-field select{flex:1 1}.add-option-btn{background:#1e23301a;border:2px solid #1e233033;border-radius:8px;color:#1e2330;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.add-option-btn:hover{background:#1e233026;border-color:#1e2330}.checkbox-input{accent-color:#c62828;cursor:pointer;height:20px;width:20px}.extra-field-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:20px}.extra-field-buttons button{align-items:center;background:#1e23300d;border:2px solid #1e23301a;border-radius:10px;color:#1e2330;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.extra-field-buttons button:hover{background:#c628281a;border-color:#c628284d;color:#c62828;transform:translateY(-2px)}.form-actions{border-top:2px solid #f1f5f9;gap:20px;justify-content:flex-end;margin-top:40px}.cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1e2330;font-size:16px;min-width:140px;padding:16px 32px}.cancel-btn:hover{background:#f8fafc;border-color:#c62828;color:#c62828}.submit-btn{background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:200px;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 8px 25px #c6282866;transform:translateY(-2px)}.submit-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.submit-btn:disabled:hover:before{left:-100%}@media (max-width:768px){.requirement-popup{margin:10px;max-height:95vh;width:98%}.popup-content,.popup-header{padding:20px}.popup-header h2{font-size:20px}.requirement-form{padding:20px}.form-row{gap:20px;grid-template-columns:1fr}.skills-input-container{flex-direction:column}.add-skill-btn{width:100%}.dropdown-field{flex-direction:column}.extra-field-buttons{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{min-width:auto;width:100%}}@media (max-width:480px){.extra-field-buttons{grid-template-columns:1fr}.extra-field-header{align-items:stretch;flex-direction:column}.remove-field-btn{width:100%}.form-section h3{font-size:18px}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{padding:12px 16px}}.requirement-popup::-webkit-scrollbar{width:10px}.requirement-popup::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 16px 16px 0}.requirement-popup::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:5px}.requirement-popup::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d32f2f,#c62828)}.interview-modal-overlay{align-items:center;animation:interview-fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}@keyframes interview-fadeIn{0%{opacity:0}to{opacity:1}}.interview-modal{animation:interview-slideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes interview-slideIn{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.interview-modal-header{align-items:flex-start;background:linear-gradient(135deg,#fff,#fff9f9);border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.interview-modal-header:after{background:linear-gradient(90deg,#d32f2f,#212121);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.interview-modal-title{align-items:center;display:flex;gap:16px}.interview-modal-icon{stroke-width:1.5;background:#d32f2f1a;border:1px solid #d32f2f33;border-radius:10px;color:#d32f2f;height:36px;padding:8px;width:36px}.interview-modal-title h2{color:#212121;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.interview-modal-subtitle{color:#666;font-size:14px;font-weight:400;margin:4px 0 0}.interview-modal-close{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.interview-modal-close:hover{background:#d32f2f;border-color:#d32f2f;color:#fff;transform:rotate(90deg)}.interview-modal-close svg{stroke-width:2.5;height:20px;width:20px}.interview-candidate-info{background:#fff;border-bottom:1px solid #f0f0f0;padding:24px 32px}.candidate-header{align-items:center;display:flex;gap:20px}.candidate-avatar{align-items:center;background:linear-gradient(135deg,#d32f2f,#212121);border:3px solid #e0e0e0;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.candidate-details h3{color:#212121;font-size:20px;font-weight:700;margin:0 0 8px}.candidate-meta{display:flex;flex-wrap:wrap;gap:20px}.candidate-meta-item{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;gap:6px}.candidate-meta-item svg{stroke-width:2.5;color:#d32f2f;height:16px;width:16px}.interview-form{flex:1 1;overflow-y:auto;padding:0 32px 32px;scrollbar-color:#d32f2f #f5f5f5;scrollbar-width:thin}.interview-form::-webkit-scrollbar{width:8px}.interview-form::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.interview-form::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d32f2f,#212121);border-radius:4px}.form-section{background:#fafafa;border:1px solid #f0f0f0;margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-section-header h4{color:#212121;font-weight:700;margin:0 0 8px}.form-section-subtitle{color:#666;font-weight:400}.form-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#212121;gap:8px;margin-bottom:10px}.form-icon{stroke-width:2.5;color:#d32f2f;flex-shrink:0;height:18px;width:18px}.form-input-wrapper{position:relative}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#212121;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;font-weight:400}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:48px}.form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.input-error{background:#fff9f9!important;border-color:#d32f2f!important}.form-error{align-items:center;color:#d32f2f;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:6px}.form-error:before{content:"⚠";font-size:12px}.form-hint{color:#666;font-size:13px;line-height:1.4;margin-top:8px}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:16px;margin-top:24px;padding-top:24px}.cancel-btn,.schedule-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.cancel-btn{background:#0000;border-color:#e0e0e0;color:#212121}.cancel-btn:hover{background:#f5f5f5;border-color:#d32f2f;color:#d32f2f;transform:translateY(-2px)}.schedule-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 6px 20px #d32f2f4d;color:#fff}.schedule-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 12px 25px #d32f2f66;transform:translateY(-2px)}.schedule-btn:disabled{box-shadow:none;opacity:.6;transform:none}.cancel-btn svg,.schedule-btn svg{stroke-width:2.5;height:20px;width:20px}@media (max-width:768px){.interview-modal-overlay{padding:10px}.interview-candidate-info,.interview-form,.interview-modal-header{padding:20px}.interview-modal-title{align-items:flex-start;flex-direction:column;gap:12px}.interview-modal-icon{height:32px;width:32px}.interview-modal-title h2{font-size:20px}.candidate-header{flex-direction:column;gap:16px;text-align:center}.candidate-meta{justify-content:center}.form-row{gap:16px;grid-template-columns:1fr}.form-section{padding:16px}.form-actions{flex-direction:column}}@media (max-width:480px){.candidate-meta{align-items:flex-start;flex-direction:column;gap:12px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:12px 14px}.cancel-btn,.schedule-btn{font-size:14px;padding:14px}}.view-questions-btn{background:#f0f9ff;border:2px solid #e0f2fe;border-radius:6px;color:#0369a1;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-questions-btn:hover{background:#e0f2fe;border-color:#0369a1}.selected-questions-preview{border:2px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;padding:12px}.selected-question-item{padding:10px;transition:all .3s ease}.selected-question-item:hover{background:#f0f9ff;border-color:#3b82f6}.question-type-icon{align-items:center;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.question-text-truncated{font-size:13px}.remove-question-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;line-height:1;transition:all .3s ease}.remove-question-btn:hover{background:#dc2626;color:#fff}.no-questions-selected{align-items:center;display:flex;gap:10px;justify-content:center;padding:20px}.no-questions-icon{font-size:20px}.questions-selection-modal{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-top:16px;overflow:hidden}.questions-selection-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.questions-selection-header h5{color:#1e293b;font-size:16px;margin:0}.questions-stats{color:#64748b;display:flex;font-size:13px;gap:16px}.questions-loading{padding:40px}.loading-spinner{border:2px solid #e2e8f0;border-top-color:#3b82f6;height:24px;margin:0 auto 12px;width:24px}.no-questions-icon{margin-bottom:16px}.no-questions-hint{color:#64748b;font-size:13px;margin-top:8px}.questions-list{max-height:400px;overflow-y:auto;padding:16px}.question-item{align-items:flex-start;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.question-item:hover{background:#f0f9ff;border-color:#3b82f6}.question-item.question-selected{background:#f0fdf4;border-color:#10b981}.question-select-checkbox{margin-top:4px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.form-section:hover{border-color:#cbd5e1}.form-section-header{margin-bottom:20px}.form-section-header h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 6px}.form-section-subtitle{color:#64748b;font-size:14px;margin:0}.form-help{margin-top:8px}.form-error{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:12px;margin-top:4px;padding:4px 8px}.input-error{background:#fef2f2!important;border-color:#dc2626!important}.input-error:focus{box-shadow:0 0 0 3px #dc26261a!important}.form-hint{color:#64748b;font-size:12px;font-style:italic;margin-top:4px}.questions-loading{align-items:center;display:flex;flex-direction:column;gap:12px}.no-questions-available,.questions-loading{color:#64748b;padding:40px 20px;text-align:center}.no-questions-available .no-questions-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.generated-assessment-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px dashed #2196f3;border-radius:12px;margin:15px 0;padding:20px}.assessment-link-box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #2196f333;padding:15px}.assessment-link-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.assessment-link-icon{color:#2196f3;font-size:24px}.assessment-link-url{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:10px 0;padding:12px;word-break:break-all}.assessment-link-url a{color:#2196f3;font-size:14px;text-decoration:none}.assessment-link-url a:hover{text-decoration:underline}.assessment-link-hint{color:#64748b;font-size:12px;font-style:italic}.generate-assessment-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.generate-assessment-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.generate-assessment-btn:disabled{cursor:not-allowed;opacity:.6}.section-header-right{align-items:center;display:flex;gap:10px}.assessment-created-badge{background:#10b981;border-radius:20px;color:#fff;font-size:12px;margin-left:10px;padding:4px 8px}.question-selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.selected-questions-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;overflow-y:auto;padding:15px}.selected-question-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:10px;margin-bottom:8px;padding:8px 12px}.question-text-truncated{color:#334155;flex:1 1;font-size:14px}.question-type-icon{font-size:18px}.remove-question-btn{align-items:center;background:#fecaca;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .2s;width:24px}.remove-question-btn:hover{background:#fca5a5;transform:scale(1.1)}.no-questions-selected{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;padding:30px;text-align:center}.no-questions-icon{display:block;font-size:48px;margin-bottom:10px}.create-questions-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px;transition:all .3s}.create-questions-btn:hover{background:#2563eb;transform:translateY(-2px)}.schedule-btn:disabled{animation:pulse 1.5s infinite;cursor:not-allowed}.int-dashboard-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.int-background-animation{bottom:0;left:280px;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.int-floating-circle{animation:float 20s linear infinite;background:radial-gradient(circle,#c628280d 0,#0000 70%);border-radius:50%;position:absolute}.int-circle-1{animation-delay:0s;height:200px;left:10%;top:10%;width:200px}.int-circle-2{animation-delay:5s;height:150px;right:15%;top:60%;width:150px}.int-circle-3{animation-delay:10s;bottom:20%;height:100px;left:20%;width:100px}.int-circle-4{animation-delay:15s;height:250px;right:5%;top:30%;width:250px}.int-pulse-dot{animation:pulse 2s ease-in-out infinite;background:#c62828;height:6px;position:absolute;width:6px}.int-pulse-1{animation-delay:1s;left:25%;top:25%}.int-pulse-2{animation-delay:2s;bottom:30%;right:25%}.int-header-section{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #1e233014;margin-bottom:32px;padding:32px;position:relative;z-index:1}.int-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.int-header-title{flex:1 1;min-width:300px}.int-main-title{align-items:center;color:#1e2330;display:flex;font-size:32px;font-weight:800;gap:16px;justify-content:center;margin:0 0 12px}.int-title-icon{stroke:#c62828;height:36px;width:36px}.int-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 16px}.int-welcome-message{background:#c628280d;border:2px solid #c628281a;border-radius:12px;color:#4a5568;display:inline-block;font-size:15px;padding:12px 20px}.int-welcome-message strong{color:#c62828;font-weight:700}.int-header-actions{align-items:center;display:flex;gap:16px}.int-user-info{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;gap:12px;padding:12px 20px}.users-info{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:10px;color:#fff;padding:10px}.int-user-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.int-user-details{display:flex;flex-direction:column}.int-user-name{color:#1e2330;font-size:15px;font-weight:700}.int-user-role{color:#6b7280;font-size:13px}.int-refresh-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.int-refresh-btn:hover{box-shadow:0 8px 20px #2196f34d;transform:translateY(-2px)}.int-refresh-icon{stroke:currentColor;height:18px;width:18px}.int-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;position:relative;z-index:1}.int-stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;cursor:default;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.int-stat-card:hover{box-shadow:0 20px 40px #1e233026;transform:translateY(-8px)}.int-stat-primary:hover{border-color:#c62828}.int-stat-success:hover{border-color:#4caf50}.int-stat-warning:hover{border-color:#ff9800}.int-stat-info:hover{border-color:#2196f3}.int-stat-glow{background:linear-gradient(90deg,#0000,currentColor,#0000);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.int-stat-card:hover .int-stat-glow{opacity:1}.int-stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.int-stat-primary .int-stat-icon{background:linear-gradient(135deg,#c628281a,#c628280d);color:#c62828}.int-stat-success .int-stat-icon{background:linear-gradient(135deg,#4caf501a,#4caf500d);color:#4caf50}.int-stat-warning .int-stat-icon{background:linear-gradient(135deg,#ff98001a,#ff98000d);color:#ff9800}.int-stat-info .int-stat-icon{background:linear-gradient(135deg,#2196f31a,#2196f30d);color:#2196f3}.int-stat-icon svg{stroke:currentColor;height:28px;width:28px}.int-stat-content{flex:1 1}.int-stat-number{color:#1e2330;font-size:40px;font-weight:800;line-height:1;margin-bottom:8px}.int-stat-label{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.int-controls-section{background:#fff;border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #1e23300d;margin-bottom:32px;padding:24px;position:relative;z-index:1}.int-search-filter{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.int-search-box{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.int-search-icon{stroke:#6b7280;height:18px;left:20px;pointer-events:none;position:absolute;width:18px}.int-search-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:15px;padding:16px 20px 16px 52px;transition:all .3s ease}.int-search-input:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 4px #c628281a;outline:none}.int-clear-search-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;transition:all .3s ease}.int-clear-search-btn:hover{background:#f0f0f0}.int-clear-search-btn svg{stroke:#6b7280;height:16px;width:16px}.int-date-filter{align-items:center;display:flex;gap:12px;min-width:200px}.int-date-icon{stroke:#6b7280;flex-shrink:0;height:20px;width:20px}.int-date-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:15px;padding:16px 20px;transition:all .3s ease}.int-date-input:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 4px #c628281a;outline:none}.int-clear-date-btn{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;padding:16px 20px;transition:all .3s ease}.int-clear-date-btn:hover{background:#e8e9eb;border-color:#c62828;color:#c62828}.int-clear-date-btn svg{stroke:currentColor;height:16px;width:16px}.int-status-filter{align-items:center;display:flex;gap:12px;min-width:200px}.int-filter-icon{stroke:#6b7280;flex-shrink:0;height:20px;width:20px}.int-status-select{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#1e2330;cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:15px;padding:16px 20px;transition:all .3s ease}.int-status-select:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 4px #c628281a;outline:none}.int-view-tabs{display:flex;gap:8px;overflow-x:auto;padding:18px}.int-view-tabs::-webkit-scrollbar{height:6px}.int-view-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.int-view-tabs::-webkit-scrollbar-thumb{background:#c62828;border-radius:3px}.int-tab-btn{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#6b7280;cursor:pointer;flex-shrink:0;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.int-tab-btn:hover{background:#e8e9eb;border-color:#c62828;color:#c62828}.int-tab-btn.int-tab-active{background:#c62828;border-color:#c62828;box-shadow:0 4px 20px #c6282833;color:#fff}.int-tab-icon{stroke:currentColor;height:18px;width:18px}.int-error-message{align-items:center;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef9a9a;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:24px;position:relative;z-index:1}.int-error-icon{stroke:#d32f2f;flex-shrink:0;height:24px;width:24px}.int-error-text{color:#d32f2f;flex:1 1;font-size:15px;font-weight:600;margin:0}.int-retry-btn{background:#d32f2f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.int-retry-btn:hover{background:#b71c1c;transform:translateY(-2px)}.int-interviews-section{position:relative;z-index:1}.int-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.int-section-title{align-items:center;color:#1e2330;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.int-count-badge{background:#c62828;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:6px 14px}.int-view-options{display:flex;gap:8px}.int-view-btn{align-items:center;background:#fff;border:2px solid #e8e9eb;display:flex;height:40px;justify-content:center;width:40px}.int-view-btn:hover{background:#f8f9fa;border-color:#c62828}.int-view-btn.int-view-active{background:#c62828;border-color:#c62828;color:#fff}.int-view-btn svg{stroke:currentColor;height:18px;width:18px}.int-interviews-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));padding:20px 0}.int-interview-card{background:#fff;border:2px solid #f1f5f9;border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.int-interview-card:hover{border-color:#c62828;box-shadow:0 20px 40px #1e23301f;transform:translateY(-6px)}.int-interview-card.scheduled:hover{border-color:#2196f3}.int-interview-card.completed:hover{border-color:#4caf50}.int-interview-card.cancelled:hover{border-color:#757575}.int-interview-card.int-assessment-interview:hover{border-color:#9c27b0}.int-interview-card.int-hired-interview:hover{border-color:#ff9800}.int-card-glow{background:linear-gradient(90deg,#c62828,#ff9800 50%,#2196f3);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.int-interview-card:hover .int-card-glow{opacity:1}.int-interview-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;flex-shrink:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:28px 32px 24px}.int-candidate-info{align-items:flex-start;gap:18px;margin-bottom:18px}.int-candidate-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:16px;box-shadow:0 4px 12px #c6282833;color:#fff;display:flex;flex-shrink:0;font-family:Raleway,sans-serif;font-size:22px;font-weight:700;height:56px;justify-content:center;width:56px}.int-candidate-details{flex:1 1;min-width:0}.int-candidate-name{color:#1e2330;font-family:Raleway,sans-serif;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.int-candidate-role{color:#6b7280;font-size:15px;font-weight:500;line-height:1.4;margin:0 0 14px}.int-contact-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.int-contact-item{align-items:center;color:#2196f3;display:flex;font-size:13px;font-weight:500;gap:6px;text-decoration:none;transition:all .3s ease}.int-contact-item:hover{color:#1976d2;text-decoration:underline}.int-contact-divider{color:#d1d5db;font-size:12px}.int-interview-meta{align-items:center;display:flex;gap:12px;margin-top:16px}.int-starting-soon-badge{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;box-shadow:0 2px 8px #ff980033;color:#fff;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase}.int-pulse-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:10px;width:10px}.int-interview-details{flex:1 1;padding:28px 32px}.int-detail-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.int-detail-item{align-items:flex-start;display:flex;gap:14px}.int-detail-icon{stroke:#6b7280;flex-shrink:0;height:20px;margin-top:4px;width:20px}.int-detail-content{flex:1 1;overflow:hidden}.int-detail-content label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.int-detail-content span{color:#1e2330;display:block;font-size:15px;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.int-detail-content .int-detail-text{line-height:1.6;max-height:4.8em;overflow:hidden;position:relative;white-space:normal;word-break:break-word}.int-detail-content .int-detail-text:after{background:linear-gradient(90deg,#0000,#fff 50%);bottom:0;content:"";height:1.6em;position:absolute;right:0;width:30%}.int-interview-progress{background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;margin:28px 0 24px;padding:20px}.int-progress-bar{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.int-progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .6s ease}.int-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.int-progress-text{color:#6b7280;display:block;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;text-align:center}.int-assessment-indicator,.int-hired-indicator{align-items:center;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:12px;margin-top:20px;padding:16px 20px}.int-assessment-indicator{background:linear-gradient(135deg,#9c27b01a,#9c27b00d);border:2px solid #9c27b033;color:#9c27b0}.int-hired-indicator{background:linear-gradient(135deg,#ff98001a,#ff98000d);border:2px solid #ff980033;color:#ff9800}.int-assessment-icon,.int-hired-icon{stroke:currentColor;flex-shrink:0;height:20px;width:20px}.int-interview-actions{background:#f8fafc;border-top:2px solid #f1f5f9;flex-shrink:0;padding:24px 32px 28px}.int-join-meeting-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:16px;box-shadow:0 4px 12px #4caf5033;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;margin-bottom:18px;padding:18px;transition:all .3s ease;width:100%}.int-join-meeting-btn:hover{box-shadow:0 8px 25px #4caf504d;transform:translateY(-3px)}.int-join-meeting-btn:active{transform:translateY(-1px)}.int-location-info{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;gap:14px;margin-bottom:18px;padding:18px;transition:all .3s ease}.int-location-info:hover{border-color:#e5e7eb;transform:translateY(-2px)}.int-location-icon{stroke:#6b7280;flex-shrink:0;height:22px;width:22px}.int-location-info span{color:#1e2330;flex:1 1;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.int-action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.int-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:15px 16px;transition:all .3s ease}.int-action-btn:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.int-action-btn:active{transform:translateY(-1px)}.int-completed-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.int-completed-btn:hover{box-shadow:0 6px 20px #4caf5040}.int-no-show-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.int-no-show-btn:hover{box-shadow:0 6px 20px #f4433640}.int-feedback-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.int-feedback-btn:hover{box-shadow:0 6px 20px #2196f340}.int-schedule-next-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.int-schedule-next-btn:hover{box-shadow:0 6px 20px #ff980040}.int-answers-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.int-answers-btn:hover{box-shadow:0 6px 20px #9c27b040}.int-offer-btn{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.int-offer-btn:hover{box-shadow:0 6px 20px #00bcd440}.int-onboard-btn{background:linear-gradient(135deg,#673ab7,#512da8);color:#fff}.int-onboard-btn:hover{box-shadow:0 6px 20px #673ab740}.int-btn-icon,.int-btn-iconss{stroke:currentColor;flex-shrink:0;height:18px;width:18px}.int-schedule-first-btn{background-color:#b71c1c;border:none;border-radius:10px;color:#fff;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;justify-content:center;padding:15px}@media (max-width:768px){.int-interviews-grid{gap:20px;grid-template-columns:1fr}.int-interview-actions,.int-interview-details,.int-interview-header{padding:24px}.int-detail-row{gap:20px;grid-template-columns:1fr}.int-candidate-info{flex-direction:column;text-align:center}.int-candidate-avatar{align-self:center}.int-contact-info{justify-content:center}.int-action-buttons{grid-template-columns:1fr}}@media (max-width:480px){.int-interview-actions,.int-interview-details,.int-interview-header{padding:20px}.int-candidate-name{font-size:18px}.int-candidate-role{font-size:14px}.int-join-meeting-btn{font-size:15px;padding:16px}.int-action-btn{font-size:13px;padding:14px}}.int-status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;position:absolute;right:24px;text-transform:uppercase;top:24px;z-index:1}.int-status-scheduled{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.int-status-completed{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.int-status-cancelled{background:linear-gradient(135deg,#757575,#616161);color:#fff}.int-time-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#1e2330;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;position:absolute;right:120px;top:24px;z-index:1}.int-decision-badge,.int-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.int-status-badge.scheduled{background:#2196f31a;border:2px solid #2196f333;color:#2196f3}.int-status-badge.completed{background:#4caf501a;border:2px solid #4caf5033;color:#4caf50}.int-status-badge.cancelled{background:#9e9e9e1a;border:2px solid #9e9e9e33;color:#757575}.int-status-badge.no-show{background:#f443361a;border:2px solid #f4433633;color:#f44336}.int-status-badge.hired{background:#ff98001a;border:2px solid #ff980033;color:#ff9800}.int-decision-badge.move-to-next-round{background:#2196f31a;border:2px solid #2196f333;color:#2196f3}.int-decision-badge.hire{background:#4caf501a;border:2px solid #4caf5033;color:#4caf50}.int-decision-badge.reject{background:#f443361a;border:2px solid #f4433633;color:#f44336}.int-decision-badge.on-hold{background:#ff98001a;border:2px solid #ff980033;color:#ff9800}.int-empty-state{background:#fff;border:2px solid #f1f5f9;border-radius:24px;margin-bottom:32px;padding:80px 24px;position:relative;text-align:center;z-index:1}.int-empty-animation{height:120px;margin:0 auto 32px;padding:2px;position:relative;width:120px}.int-empty-icon{stroke:#9ca3af;align-content:center;align-items:center;animation:bounce 3s ease-in-out infinite;display:grid;height:120px;justify-content:center;justify-items:center;width:120px}.int-empty-pulse{animation:pulse-ring 2s ease-out infinite;border:2px solid #c62828;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.int-empty-title{color:#1e2330;font-size:28px;font-weight:700;justify-content:center;margin:0 0 16px}.int-empty-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto 32px;max-width:500px}.int-clear-filters-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.int-clear-filters-btn:hover{box-shadow:0 8px 25px #2196f34d;transform:translateY(-2px)}.int-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:280px;padding:20px;position:fixed;right:0;top:0;z-index:2000}.int-modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 32px 64px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.int-modal-header{align-items:flex-start;background:linear-gradient(135deg,#1e2330,#2d3548);color:#fff;display:flex;justify-content:space-between;padding:32px;position:relative}.int-modal-header h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.int-modal-subtitle{color:#fffc;font-size:14px;margin:0}.int-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.int-close-btn:hover{background:#fff3;transform:rotate(90deg)}.int-close-btn svg{stroke:currentColor;height:20px;width:20px}.int-modal-body{flex:1 1;overflow-y:auto;padding:32px}.int-form-group{margin-bottom:24px}.int-form-group label{color:#6b7280;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.int-input,.int-select,.int-textarea{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;font-family:Raleway,sans-serif;font-size:15px;padding:16px;transition:all .3s ease;width:100%}.int-input:focus,.int-select:focus,.int-textarea:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 4px #c628281a;outline:none}.int-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.int-array-input-group{display:flex;gap:12px;margin-bottom:12px}.int-array-input-group .int-input{flex:1 1}.int-remove-btn{align-items:center;background:#ffebee;border:2px solid #ffcdd2;border-radius:12px;color:#f44336;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.int-remove-btn:hover{background:#ffcdd2;transform:scale(1.1)}.int-add-btn{align-items:center;background:#e8f5e8;border:2px solid #c8e6c9;border-radius:12px;color:#4caf50;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.int-add-btn:hover{background:#c8e6c9;transform:translateY(-2px)}.int-add-btn svg{stroke:currentColor;height:16px;width:16px}.int-rating-stars{display:flex;gap:8px}.int-star-btn{background:#0000;border:none;color:#e0e0e0;cursor:pointer;padding:8px;transition:all .3s ease}.int-star-btn:hover{transform:scale(1.2)}.int-star-btn.int-star-active{color:#ffc107}.int-star-btn svg{height:24px;width:24px}.int-feedback-summary{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:20px}.int-candidate-info{align-items:center;display:flex;gap:16px}.int-candidate-info .int-candidate-avatar{height:40px;width:40px}.int-submissions-list{display:flex;flex-direction:column;gap:16px}.int-submission-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:20px;transition:all .3s ease}.int-submission-card:hover{border-color:#c62828;box-shadow:0 12px 30px #1e23301a;transform:translateY(-4px)}.int-submission-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.int-submission-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.int-submission-info{flex:1 1}.int-submission-info h5{color:#1e2330;font-size:16px;font-weight:700;margin:0 0 4px}.int-submission-email{color:#6b7280;font-size:14px;margin:0}.int-score-badge{border-radius:20px;color:#fff;font-size:14px;font-weight:700;min-width:70px;padding:8px 16px;text-align:center}.int-score-excellent{background:linear-gradient(135deg,#4caf50,#388e3c)}.int-score-good{background:linear-gradient(135deg,#2196f3,#1976d2)}.int-score-average{background:linear-gradient(135deg,#ff9800,#f57c00)}.int-score-poor{background:linear-gradient(135deg,#f44336,#d32f2f)}.int-submission-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.int-meta-item{color:#6b7280;display:flex;font-size:14px;justify-content:space-between}.int-meta-item strong{color:#4a5568;font-weight:600}.int-submission-actions{display:flex;justify-content:flex-end}.int-view-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.int-view-btn:hover{box-shadow:0 4px 15px #2196f34d;transform:translateY(-2px)}.int-empty-submissions{padding:60px 24px;text-align:center}.int-empty-submissions .int-empty-icon{stroke:#9ca3af;height:80px;margin-bottom:24px;width:80px}.int-empty-submissions h4{color:#1e2330;font-size:20px;font-weight:700;margin:0 0 12px}.int-empty-submissions p{color:#6b7280;font-size:15px;margin:0}.int-questions-section{margin-top:32px}.int-questions-section h4{color:#1e2330;font-size:18px;font-weight:700;margin:0 0 24px}.int-question-card{background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;margin-bottom:20px;padding:24px}.int-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.int-question-header h5{color:#1e2330;font-size:16px;font-weight:700;margin:0}.int-question-type{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.int-type-multiple-choice{background:#2196f31a;border:2px solid #2196f333;color:#2196f3}.int-type-coding{background:#9c27b01a;border:2px solid #9c27b033;color:#9c27b0}.int-type-descriptive{background:#ff98001a;border:2px solid #ff980033;color:#ff9800}.int-question-content{margin-bottom:20px}.int-question-text{color:#4a5568;font-size:15px;line-height:1.6;margin:0 0 16px}.int-options-list{background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:16px}.int-options-list strong{color:#6b7280;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.int-options-list ul{list-style:none;margin:0;padding:0}.int-option-item{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.int-option-item:hover{background:#f8f9fa}.int-option-item.int-option-selected{background:#2196f31a;border:2px solid #2196f333}.int-option-item.int-option-correct{background:#4caf501a;border:2px solid #4caf5033}.int-option-marker{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.int-option-marker svg{stroke:currentColor;height:14px;width:14px}.int-option-text{flex:1 1}.int-answer-content{background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:20px}.int-answer-content strong{color:#6b7280;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.int-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.int-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#c62828;height:48px;margin-bottom:20px;width:48px}.int-loading-state p{color:#6b7280;font-size:16px;margin:0}.int-modal-actions{background:#f8fafc;border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.int-cancel-btn{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.int-cancel-btn:hover{background:#e8e9eb;border-color:#c62828;color:#c62828}.int-submit-btn{background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:700;padding:14px 32px;transition:all .3s ease}.int-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #c628284d;transform:translateY(-2px)}.int-submit-btn:disabled{cursor:not-allowed;opacity:.5}.int-interviews-list{display:flex;flex-direction:column;gap:16px}.int-interview-list-item{background:#fff;border:2px solid #f1f5f9;border-radius:20px;padding:24px;transition:all .3s ease}.int-interview-list-item:hover{border-color:#c62828;box-shadow:0 12px 30px #1e23301a;transform:translateY(-4px)}.int-list-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.int-list-candidate{align-items:center;display:flex;gap:16px}.int-list-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.int-list-candidate-info{display:flex;flex-direction:column}.int-list-candidate-name{color:#1e2330;font-size:18px;font-weight:700;margin:0 0 4px}.int-list-candidate-role{color:#6b7280;font-size:14px;margin:0}.int-list-meta{align-items:center;display:flex;gap:24px}.int-list-date-time,.int-list-type{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.int-list-icon{stroke:currentColor;height:16px;width:16px}.int-list-status{display:flex;gap:12px}.int-list-decision-badge,.int-list-status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.int-list-item-details{grid-gap:20px;background:#f8fafc;border-radius:16px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:20px}.int-list-detail-group{display:flex;flex-direction:column;gap:12px}.int-list-detail{align-items:center;color:#4a5568;font-size:14px}.int-list-detail,.int-list-item-actions{display:flex;gap:12px}.int-list-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.int-list-action-btn:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.int-list-join-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.int-list-join-btn:hover{box-shadow:0 4px 15px #4caf504d}.int-list-complete-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.int-list-complete-btn:hover{box-shadow:0 4px 15px #2196f34d}.int-list-no-show-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.int-list-no-show-btn:hover{box-shadow:0 4px 15px #f443364d}.int-list-feedback-btn{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.int-list-feedback-btn:hover{box-shadow:0 4px 15px #ff98004d}.int-list-schedule-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.int-list-schedule-btn:hover{box-shadow:0 4px 15px #9c27b04d}.int-list-offer-btn{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff}.int-list-offer-btn:hover{box-shadow:0 4px 15px #00bcd44d}.int-list-action-icon{stroke:currentColor;height:16px;width:16px}@media (max-width:1200px){.int-dashboard-container{margin-left:240px}.int-interviews-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.int-dashboard-container{margin-left:70px}.int-header-content{align-items:stretch;flex-direction:column}.int-header-actions{justify-content:space-between}.int-stats-grid{grid-template-columns:repeat(2,1fr)}.int-detail-row,.int-form-row,.int-interviews-grid{grid-template-columns:1fr}.int-list-item-header{align-items:flex-start;flex-direction:column;gap:16px}.int-list-meta{flex-wrap:wrap;gap:12px}.int-list-item-details{grid-template-columns:1fr}.int-view-tabs{flex-wrap:nowrap;overflow-x:auto}.int-modal-overlay{left:70px;padding:16px}}@media (max-width:640px){.int-dashboard-container{margin-left:0;padding:16px}.int-modal-overlay{left:0}.int-stats-grid{grid-template-columns:1fr}.int-search-filter{flex-direction:column}.int-date-filter,.int-search-box,.int-status-filter{min-width:100%}.int-action-buttons,.int-list-item-actions{flex-direction:column}.int-modal-content{max-height:85vh}.int-modal-body,.int-modal-header{padding:24px}.int-modal-actions{flex-direction:column-reverse}.int-cancel-btn,.int-submit-btn{text-align:center;width:100%}}.int-stat-icon svg{color:inherit;height:24px;width:24px}.int-stat-primary .int-stat-icon svg{color:var(--primary-color)}.int-stat-success .int-stat-icon svg{color:var(--success-color)}.int-stat-warning .int-stat-icon svg{color:var(--warning-color)}.int-stat-info .int-stat-icon svg{color:var(--info-color)}.int-tab-btn{gap:8px}.int-tab-btn,.int-tab-icon{align-items:center;display:flex}.int-tab-icon{justify-content:center}.int-tab-icon svg{flex-shrink:0;height:18px;width:18px}.int-tab-active .int-tab-icon svg{stroke-width:2.5}:root{--hr-primary:#d32f2f;--hr-primary-dark:#9a0007;--hr-primary-light:#ff6659;--hr-secondary:#212121;--hr-text-primary:#1e2330;--hr-text-secondary:#5f6368;--hr-text-light:#8a8d93;--hr-white:#fff;--hr-background:#f8f9fa;--hr-border:#e0e0e0;--hr-success:#2e7d32;--hr-error:#d32f2f;--hr-warning:#f57c00;--hr-shadow-sm:0 2px 8px #00000014;--hr-shadow-md:0 4px 16px #0000001a;--hr-shadow-lg:0 8px 32px #0000001f;--hr-radius-sm:6px;--hr-radius-md:8px;--hr-radius-lg:12px;--hr-radius-xl:16px}.hr-auth-page-loading{align-items:center;background:linear-gradient(135deg,#d32f2f,#212121);background:linear-gradient(135deg,var(--hr-primary) 0,var(--hr-secondary) 100%);display:flex;flex-direction:column;font-family:Raleway,sans-serif;gap:24px;justify-content:center;min-height:100vh}.hr-auth-page-spinner{animation:hr-spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top:4px solid var(--hr-white);height:60px;width:60px}.hr-auth-page-loading p{color:#fff;color:var(--hr-white);font-size:18px;font-weight:500;letter-spacing:.5px}@keyframes hr-spin{to{transform:rotate(1turn)}}.hr-auth-page{font-family:Raleway,sans-serif;min-height:100vh;overflow:hidden;position:relative;width:100%}.hr-auth-page__background{background:linear-gradient(135deg,#d32f2f0d,#21212114);height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.hr-auth-page__particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.hr-auth-page__particle{animation:hr-float 15s ease-in-out infinite;background:#d32f2f1a;border-radius:50%;position:absolute}.hr-auth-page__particle:first-child{animation-delay:0s;height:80px;left:10%;width:80px}.hr-auth-page__particle:nth-child(2){animation-delay:2s;height:60px;left:20%;width:60px}.hr-auth-page__particle:nth-child(3){animation-delay:4s;height:100px;left:30%;width:100px}.hr-auth-page__particle:nth-child(4){animation-delay:6s;height:50px;left:40%;width:50px}.hr-auth-page__particle:nth-child(5){animation-delay:8s;height:70px;left:50%;width:70px}.hr-auth-page__particle:nth-child(6){animation-delay:10s;height:90px;left:60%;width:90px}.hr-auth-page__particle:nth-child(7){animation-delay:12s;height:55px;left:70%;width:55px}.hr-auth-page__particle:nth-child(8){animation-delay:14s;height:75px;left:80%;width:75px}@keyframes hr-float{0%,to{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(100px) rotate(1turn)}}.hr-auth-page__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--hr-border);box-shadow:0 2px 8px #00000014;box-shadow:var(--hr-shadow-sm);left:0;padding:20px 40px;position:fixed;top:0;width:100%;z-index:100}.hr-auth-page__back-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--hr-radius-sm);color:#5f6368;color:var(--hr-text-secondary);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.hr-auth-page__back-btn:hover{background:#f8f9fa;background:var(--hr-background);color:#d32f2f;color:var(--hr-primary)}.hr-auth-page__container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:100px 40px 40px;position:relative;z-index:1}.hr-auth-page__content{background:#fff;background:var(--hr-white);border-radius:16px;border-radius:var(--hr-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--hr-shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:48px 40px}.hr-auth-page__trial-banner{align-items:center;background:linear-gradient(135deg,#fff5e6,#ffe4cc);border:2px solid #f57c00;border:2px solid var(--hr-warning);border-radius:12px;border-radius:var(--hr-radius-lg);display:flex;gap:16px;margin-bottom:24px;padding:20px}.hr-auth-page__trial-icon{color:#f57c00;color:var(--hr-warning);flex-shrink:0;font-size:32px}.hr-auth-page__trial-content h4{color:#1e2330;color:var(--hr-text-primary);font-size:16px;font-weight:700;margin-bottom:8px}.hr-auth-page__trial-content p{color:#5f6368;color:var(--hr-text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px}.hr-auth-page__upgrade-btn{background:linear-gradient(135deg,#d32f2f,#9a0007);background:linear-gradient(135deg,var(--hr-primary),var(--hr-primary-dark));border:none;border-radius:8px;border-radius:var(--hr-radius-md);box-shadow:0 4px 12px #d32f2f40;color:#fff;color:var(--hr-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.hr-auth-page__upgrade-btn:hover{background:linear-gradient(135deg,#9a0007,#6d0000);background:linear-gradient(135deg,var(--hr-primary-dark),#6d0000);box-shadow:0 6px 16px #d32f2f59;transform:translateY(-2px)}.hr-auth-page__onboarding-welcome{margin-bottom:24px;text-align:center}.hr-auth-page__onboarding-badge{background:linear-gradient(135deg,#d32f2f,#9a0007);background:linear-gradient(135deg,var(--hr-primary),var(--hr-primary-dark));border-radius:50px;color:#fff;color:var(--hr-white);display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;padding:8px 20px}.hr-auth-page__onboarding-text{color:#5f6368;color:var(--hr-text-secondary);font-size:14px;line-height:1.6}.hr-auth-page__onboarding-text strong{color:#d32f2f;color:var(--hr-primary);font-weight:700}.hr-auth-page__trial-info{margin-bottom:24px;text-align:center;text-align:justify}.hr-auth-page__trial-badge{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50px;color:#2e7d32;color:var(--hr-success);display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:8px;padding:8px 20px}.hr-auth-page__trial-desc{color:#5f6368;color:var(--hr-text-secondary);font-size:14px}.hr-auth-page__header-content{margin-bottom:32px}.hr-auth-page__title{align-items:center;color:#1e2330;color:var(--hr-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;text-align:center}.hr-auth-page__subtitle{color:#5f6368;color:var(--hr-text-secondary);font-size:15px;font-weight:400;line-height:1.5;text-align:justify}.hr-auth-page__form{display:flex;flex-direction:column;gap:24px}.hr-auth-page__input-group{display:flex;flex-direction:column;gap:8px}.hr-auth-page__input{background:#fff;background:var(--hr-white);border:1.5px solid #e0e0e0;border:1.5px solid var(--hr-border);border-radius:8px;border-radius:var(--hr-radius-md);color:#1e2330;color:var(--hr-text-primary);font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.hr-auth-page__input:focus{border-color:#d32f2f;border-color:var(--hr-primary);box-shadow:0 0 0 3px #d32f2f1a}.hr-auth-page__input:disabled{background:#f8f9fa;background:var(--hr-background);cursor:not-allowed;opacity:.6}.hr-auth-page__input::placeholder{color:#8a8d93;color:var(--hr-text-light);font-weight:400}.hr-auth-page__input select{cursor:pointer}.hr-auth-page__submit-btn{background:linear-gradient(135deg,#d32f2f,#9a0007);background:linear-gradient(135deg,var(--hr-primary),var(--hr-primary-dark));border:none;border-radius:8px;border-radius:var(--hr-radius-md);box-shadow:0 4px 12px #d32f2f40;color:#fff;color:var(--hr-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease;width:100%}.hr-auth-page__submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#9a0007,#6d0000);background:linear-gradient(135deg,var(--hr-primary-dark),#6d0000);box-shadow:0 6px 16px #d32f2f59;transform:translateY(-1px)}.hr-auth-page__submit-btn:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;transform:none}.hr-auth-page__otp-section{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:-8px}.hr-auth-page__resend-timer{color:#5f6368;color:var(--hr-text-secondary);font-size:14px;font-weight:500}.hr-auth-page__resend-timer span{color:#d32f2f;color:var(--hr-primary);font-weight:700}.hr-auth-page__resend-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--hr-radius-sm);color:#d32f2f;color:var(--hr-primary);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:8px;transition:all .3s ease}.hr-auth-page__resend-btn:hover:not(:disabled){background:#d32f2f1a}.hr-auth-page__resend-btn:disabled{cursor:not-allowed;opacity:.5}.hr-auth-page__message{align-items:center;animation:hr-slideIn .3s ease-out;border:1px solid;border-radius:8px;border-radius:var(--hr-radius-md);display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;margin-top:16px;padding:14px 16px}@keyframes hr-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hr-auth-page__message--success{background:#e8f5e9;border-color:#81c784;color:#2e7d32;color:var(--hr-success)}.hr-auth-page__message--error{background:#ffebee;border-color:#ef9a9a;color:#d32f2f;color:var(--hr-error)}.hr-auth-page__message-upgrade{background:#d32f2f;background:var(--hr-primary);border:none;border-radius:6px;border-radius:var(--hr-radius-sm);color:#fff;color:var(--hr-white);cursor:pointer;flex-shrink:0;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s ease}.hr-auth-page__message-upgrade:hover{background:#9a0007;background:var(--hr-primary-dark);transform:scale(1.05)}.hr-auth-page__footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--hr-border);margin-top:32px;padding-top:24px;text-align:justify}.hr-auth-page__footer p{color:#5f6368;color:var(--hr-text-secondary);font-size:14px;margin-bottom:12px;text-align:center}.hr-auth-page__switch-btn{background:#0000;border:none;color:#d32f2f;color:var(--hr-primary);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;transition:all .3s ease}.hr-auth-page__switch-btn:hover{color:#9a0007;color:var(--hr-primary-dark);text-decoration:underline}.hr-auth-page__trial-note{color:#2e7d32;color:var(--hr-success);font-size:13px;font-weight:600;gap:8px;text-align:justify}.hr-auth-page__side-panel,.hr-auth-page__trial-note{align-items:center;display:flex;justify-content:center}.hr-auth-page__side-panel{background:linear-gradient(135deg,#d32f2f,#212121);background:linear-gradient(135deg,var(--hr-primary) 0,var(--hr-secondary) 100%);border-radius:16px;border-radius:var(--hr-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--hr-shadow-lg);padding:40px}.hr-auth-page__side-content{max-width:500px;width:100%}.hr-auth-page__side-title{color:#fff;color:var(--hr-white);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}.hr-auth-page__benefits-list{list-style:none;margin-bottom:32px}.hr-auth-page__benefits-list li{color:#ffffffe6;font-size:16px;line-height:1.6;margin-bottom:16px;padding-left:8px;text-align:justify}.hr-auth-page__subscription-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--hr-radius-lg);margin-bottom:32px;padding:24px}.hr-auth-page__subscription-info h4{align-items:center;color:#fff;color:var(--hr-white);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:20px}.hr-auth-page__plan-highlights{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.hr-auth-page__plan-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--hr-radius-md);padding:16px;text-align:center;transition:all .3s ease}.hr-auth-page__plan-item:hover{background:#ffffff1a;transform:translateY(-2px)}.hr-auth-page__plan-item h5{color:#fff;color:var(--hr-white);font-size:14px;font-weight:700;margin-bottom:8px}.hr-auth-page__plan-item p{color:#ffffffd9;font-size:13px}.hr-auth-page__testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--hr-radius-lg);margin-bottom:32px;padding:24px}.hr-auth-page__testimonial-text{color:#fffffff2;font-size:15px;font-style:italic;line-height:1.7;margin-bottom:12px}.hr-auth-page__testimonial-author{color:#fffc;font-size:13px;font-weight:600}.hr-auth-page__stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.hr-auth-page__stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--hr-radius-lg);padding:20px;text-align:center;transition:all .3s ease}.hr-auth-page__stat:hover{background:#ffffff26;transform:translateY(-2px)}.hr-auth-page__stat h4{color:#fff;color:var(--hr-white);font-size:32px;font-weight:800;margin-bottom:8px}.hr-auth-page__stat p{color:#ffffffd9;font-size:13px}@media (max-width:1200px){.hr-auth-page__container{gap:30px;padding:90px 30px 30px}.hr-auth-page__side-title{font-size:24px}.hr-auth-page__plan-highlights{gap:12px}}@media (max-width:968px){.hr-auth-page__header{padding:16px 24px}.hr-auth-page__container{gap:30px;grid-template-columns:1fr;padding:80px 20px 20px}.hr-auth-page__content{order:1;padding:36px 28px}.hr-auth-page__side-panel{order:2;padding:30px 20px}.hr-auth-page__side-content{max-width:600px}.hr-auth-page__plan-highlights{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hr-auth-page__title{font-size:24px}.hr-auth-page__subtitle{font-size:14px}.hr-auth-page__form-title{font-size:24px}.hr-auth-page__side-title{font-size:22px}.hr-auth-page__benefits-list li{font-size:15px}.hr-auth-page__stats{gap:16px}.hr-auth-page__stat h4{font-size:28px}}@media (max-width:560px){.hr-auth-page__header{padding:12px 16px}.hr-auth-page__back-btn{font-size:13px;padding:6px 12px}.hr-auth-page__container{padding:70px 16px 16px}.hr-auth-page__content{padding:28px 20px}.hr-auth-page__side-panel{padding:24px 16px}.hr-auth-page__title{font-size:22px}.hr-auth-page__side-title{font-size:20px}.hr-auth-page__plan-highlights{gap:12px;grid-template-columns:1fr}.hr-auth-page__stats{grid-template-columns:1fr}.hr-auth-page__input{font-size:14px;padding:12px 16px}.hr-auth-page__submit-btn{font-size:14px;padding:12px 20px}.hr-auth-page__trial-banner{flex-direction:column;padding:16px;text-align:center}.hr-auth-page__trial-icon{font-size:28px}.hr-auth-page__benefits-list li{font-size:14px;margin-bottom:12px}}@media print{.hr-auth-page__background,.hr-auth-page__header,.hr-auth-page__particles{display:none}.hr-auth-page__container{background:#fff;background:var(--hr-white)}}.hr-auth-page__error-message{align-items:center;color:#f44;display:flex;flex-wrap:wrap;font-size:12px;gap:5px;gap:8px;margin-top:5px}.hr-auth-page__error-message svg{font-size:14px;min-width:14px}.hr-auth-page__suggestion-message{align-items:center;color:#28a745;display:flex;font-size:12px;gap:5px;margin-top:5px}.hr-auth-page__suggestion-message svg{font-size:12px}.hr-auth-page__suggestion-btn{align-items:center;background:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;margin-left:auto;padding:3px 8px}.hr-auth-page__suggestion-btn:hover{background:#0056b3}.hr-auth-page__input--error{background-color:#fff8f8!important;border-color:#f44!important}.hr-auth-page__input--valid{background-color:#f8fff9!important;border-color:#28a745!important}.hr-auth-page__submit-btn--disabled{cursor:not-allowed!important;opacity:.6!important}.hr-auth-page__submit-btn--disabled:hover{box-shadow:none!important;transform:none!important}.hr-auth-page__password-hint{color:#666;font-size:11px;font-style:italic;margin-top:3px}.hr-auth-page__message-suggestion{align-items:center;background:#e8f4ff;border-radius:4px;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px}.hr-auth-page__message-suggestion-btn{background:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;margin-left:auto;padding:3px 8px}.hr-auth-page__message-suggestion-btn:hover{background:#0056b3}.hr-auth-page__email-tips{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:20px;padding:15px}.hr-auth-page__email-tips h5{color:#333;font-size:14px;margin:0 0 10px}.hr-auth-page__email-tips ul{margin:0;padding-left:20px}.hr-auth-page__email-tips li{color:#666;font-size:12px;margin-bottom:5px;text-align:justify}.hr-auth-page__email-validation-info{background:#f0f7ff;border:1px solid #d1e7ff;border-radius:8px;margin-top:20px;padding:15px}.hr-auth-page__email-validation-info h5{align-items:center;color:#0056b3;display:flex;font-size:14px;gap:8px;margin:0 0 10px}.hr-auth-page__email-validation-info p{color:#666;font-size:13px;margin-bottom:15px}.hr-auth-page__validation-examples{display:flex;flex-direction:column;gap:8px}.hr-auth-page__validation-example{border-radius:4px;font-family:monospace;font-size:12px;padding:6px 10px}.hr-auth-page__validation-example.valid{background:#e7f7e7;border:1px solid #c3e6c3;color:#28a745}.hr-auth-page__validation-example.invalid{background:#ffeaea;border:1px solid #f5c6cb;color:#f44}.qmb-main-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.qmb-background-animation{bottom:0;left:280px;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.qmb-floating-shape{animation:qmb-float 25s linear infinite;background:radial-gradient(circle,#3b82f60d 0,#0000 70%);border-radius:50%;position:absolute}.qmb-shape-1{animation-delay:0s;height:180px;left:5%;top:15%;width:180px}.qmb-shape-2{animation-delay:8s;height:120px;right:10%;top:65%;width:120px}.qmb-shape-3{animation-delay:15s;bottom:10%;height:220px;left:15%;width:220px}.qmb-pulse-dot{animation:qmb-pulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:6px;position:absolute;width:6px}.qmb-pulse-1{animation-delay:1s;left:20%;top:30%}.qmb-pulse-2{animation-delay:2.5s;bottom:25%;right:30%}@keyframes qmb-float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translateY(-50px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}}@keyframes qmb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(2)}}.qmb-header-section{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #1e233014;margin-bottom:32px;padding:32px;position:relative;z-index:1}.qmb-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.qmb-header-title{flex:1 1;min-width:300px}.qmb-main-title{color:#1e2330;font-size:32px;font-weight:800;gap:16px;margin:0 0 12px}.qmb-main-title,.qmb-title-icon{align-items:center;display:flex;justify-content:center}.qmb-title-icon{font-size:28px;height:36px;width:36px}.qmb-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 16px}.qmb-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.qmb-user-badge{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;gap:12px;padding:12px 20px;transition:all .3s ease}.qmb-user-badge:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f61a;transform:translateY(-2px)}.qmb-user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.qmb-user-info{display:flex;flex-direction:column}.qmb-user-name{color:#1e2330;font-size:15px;font-weight:700}.qmb-user-email{color:#6b7280;font-size:13px}.qmb-create-question-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.qmb-create-question-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.qmb-create-question-btn:disabled{cursor:not-allowed;opacity:.5}.qmb-btn-icon{font-size:18px}.qmb-stats-section{margin-bottom:32px;position:relative;z-index:1}.qmb-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.qmb-stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;cursor:default;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.qmb-stat-card:hover{box-shadow:0 20px 40px #1e233026;transform:translateY(-8px)}.qmb-stat-primary:hover{border-color:#3b82f6}.qmb-stat-success:hover{border-color:#10b981}.qmb-stat-warning:hover{border-color:#f59e0b}.qmb-stat-info:hover{border-color:#8b5cf6}.qmb-stat-glow{background:linear-gradient(90deg,#0000,currentColor,#0000);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.qmb-stat-card:hover .qmb-stat-glow{opacity:1}.qmb-stat-icon{border-radius:16px;flex-shrink:0;font-size:28px;height:56px;width:56px}.qmb-stat-primary .qmb-stat-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}.qmb-stat-success .qmb-stat-icon{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.qmb-stat-warning .qmb-stat-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.qmb-stat-info .qmb-stat-icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6}.qmb-stat-content{flex:1 1}.qmb-stat-number{color:#1e2330;font-size:40px;font-weight:800;line-height:1;margin-bottom:8px}.qmb-stat-label{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.qmb-controls-section{background:#fff;border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #1e23300d;margin-bottom:32px;padding:24px;position:relative;z-index:1}.qmb-search-filter{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.qmb-search-box{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.qmb-search-icon{color:#6b7280;font-size:18px;left:20px;pointer-events:none;position:absolute}.qmb-search-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:15px;padding:16px 20px 16px 52px;transition:all .3s ease}.qmb-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.qmb-industry-filter,.qmb-job-position-filter{min-width:200px}.qmb-industry-select,.qmb-job-position-select{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;padding:16px 20px;transition:all .3s ease;width:100%}.qmb-industry-select:focus,.qmb-job-position-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.qmb-filter-tabs{display:flex;gap:8px;overflow-x:auto;padding:15px}.qmb-filter-tabs::-webkit-scrollbar{height:6px}.qmb-filter-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.qmb-filter-tabs::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.qmb-tab-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:16px 24px;transition:all .3s ease;white-space:nowrap}.qmb-tab-btn:hover{background:#e8e9eb;border-color:#3b82f6;color:#3b82f6}.qmb-tab-btn.qmb-tab-active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633;color:#fff}.qmb-tab-icon{font-size:18px}.qmb-error-message{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:24px;position:relative;z-index:1}.qmb-error-icon{flex-shrink:0;font-size:24px}.qmb-error-content{flex:1 1}.qmb-error-content h4{color:#92400e;font-size:16px;font-weight:700;margin:0 0 4px}.qmb-error-content p{color:#92400e;font-size:14px;margin:0;opacity:.8}.qmb-content-section{position:relative;z-index:1}.qmb-loading-state{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.qmb-loading-animation{height:80px;margin-bottom:24px;position:relative;width:80px}.qmb-loading-spinner{animation:qmb-spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:100%;width:100%}.qmb-loading-pulse{animation:qmb-pulse-ring 2s ease-out infinite;border:2px solid #3b82f6;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.qmb-loading-text{color:#6b7280;font-size:16px;font-weight:600}@keyframes qmb-spin{to{transform:rotate(1turn)}}@keyframes qmb-pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.qmb-questions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.qmb-question-card{background:#fff;border:2px solid #f1f5f9;border-radius:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.qmb-question-card:hover{border-color:#3b82f6;box-shadow:0 20px 40px #1e233026;transform:translateY(-8px)}.qmb-card-glow{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#10b981);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.qmb-question-card:hover .qmb-card-glow{opacity:1}.qmb-question-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.qmb-question-type-badge{align-items:center;background:#fff;border:2px solid #e8e9eb;border-radius:12px;display:flex;gap:8px;padding:8px 16px}.qmb-type-icon{font-size:16px}.qmb-type-label{color:#4a5568;font-size:13px;font-weight:600}.qmb-question-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qmb-difficulty-badge,.qmb-industry-badge,.qmb-job-position-badge,.qmb-time-badge{border-radius:12px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.qmb-industry-badge{background:#3b82f61a;border:2px solid #3b82f633;color:#3b82f6}.qmb-job-position-badge{background:#8b5cf61a;border:2px solid #8b5cf633;color:#8b5cf6}.qmb-time-badge{background:#f59e0b1a;border:2px solid #f59e0b33;color:#f59e0b}.qmb-question-content{padding:24px}.qmb-question-text{color:#1e2330;font-size:17px;font-weight:600;line-height:1.5;margin:0 0 16px}.qmb-question-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.qmb-category-tag{background:#3b82f61a;border:2px solid #3b82f633;border-radius:12px;color:#3b82f6;font-size:12px;font-weight:600;padding:6px 12px}.qmb-tag{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#6b7280;font-size:11px;padding:4px 10px}.qmb-tag-more{color:#9ca3af;font-size:11px;font-weight:600}.qmb-question-details{animation:qmb-slideDown .3s ease-out;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;margin-top:20px;padding:20px}@keyframes qmb-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qmb-options-details h5{color:#4a5568;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.qmb-options-list{display:flex;flex-direction:column;gap:8px}.qmb-option-item{align-items:center;background:#fff;border:2px solid #e8e9eb;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.qmb-option-item.qmb-option-correct{background:#10b9811a;border-color:#10b98133}.qmb-option-letter{border-radius:6px;font-size:12px;height:24px;width:24px}.qmb-option-text{color:#4a5568;flex:1 1;font-size:14px}.qmb-correct-indicator{background:#10b981;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.qmb-description-details{display:flex;flex-direction:column;gap:12px}.qmb-detail-item{color:#4a5568;display:flex;font-size:14px;justify-content:space-between}.qmb-detail-item strong{color:#1e2330;font-weight:600}.qmb-tags-details{margin-top:16px}.qmb-tags-details strong{color:#4a5568;display:block;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qmb-tags-list{display:flex;flex-wrap:wrap;gap:8px}.qmb-detail-tag{background:#fff;border:2px solid #e8e9eb;border-radius:10px;color:#6b7280;font-size:12px;padding:4px 10px}.qmb-question-footer{align-items:center;background:#f8fafc;border-top:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;padding:20px 24px}.qmb-footer-actions,.qmb-question-footer{display:flex;gap:12px}.qmb-view-details-btn{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.qmb-view-details-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.qmb-delete-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.qmb-delete-btn:hover{background:#fee2e2;border-color:#fecaca;transform:translateY(-2px)}.qmb-delete-icon{font-size:14px}.qmb-created-info{align-items:center;display:flex;gap:8px}.qmb-created-date{color:#9ca3af;font-size:12px}.qmb-empty-state{background:#fff;border:2px solid #f1f5f9;border-radius:24px;margin-bottom:32px;padding:80px 24px;position:relative;text-align:center;z-index:1}.qmb-empty-animation{height:120px;margin:0 auto 32px;position:relative;width:120px}.qmb-empty-icon{animation:qmb-bounce 3s ease-in-out infinite;font-size:60px}.qmb-empty-pulse{animation:qmb-pulse-ring 2s ease-out infinite;border:2px solid #3b82f6;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.qmb-empty-title{color:#1e2330;font-size:28px;font-weight:700;margin:0 0 16px}.qmb-empty-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto 32px;max-width:500px}.qmb-create-first-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.qmb-create-first-btn:hover{box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.qmb-modal-overlay{align-items:center;animation:qmb-fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:280px;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes qmb-fadeIn{0%{opacity:0}to{opacity:1}}.qmb-modal-content{animation:qmb-slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 32px 64px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes qmb-slideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qmb-modal-header{align-items:flex-start;background:linear-gradient(135deg,#1e2330,#2d3548);color:#fff;display:flex;justify-content:space-between;padding:32px;position:relative}.qmb-modal-title-section{flex:1 1}.qmb-modal-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.qmb-user-indicator{color:#fffc;font-size:14px}.qmb-user-indicator strong{color:#fff;font-weight:700}.qmb-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.qmb-close-btn:hover{background:#fff3;transform:rotate(90deg)}.qmb-modal-body{flex:1 1;overflow-y:auto;padding:32px}.qmb-form-container{display:flex;flex-direction:column;gap:32px}.qmb-form-section{display:flex;flex-direction:column;gap:20px}.qmb-form-section-title{border-bottom:2px solid #f1f5f9;color:#1e2330;font-size:18px;font-weight:700;margin:0;padding-bottom:12px}.qmb-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.qmb-form-group{margin-bottom:20px}.qmb-form-label{color:#6b7280;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qmb-form-input,.qmb-form-select,.qmb-form-textarea{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;font-family:Raleway,sans-serif;font-size:15px;padding:16px;transition:all .3s ease;width:100%}.qmb-form-input:focus,.qmb-form-select:focus,.qmb-form-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.qmb-form-textarea{min-height:100px;resize:vertical}.qmb-form-help{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px;margin-top:6px}.qmb-position-suggestions{margin-top:20px}.qmb-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.qmb-suggestion-chip{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.qmb-suggestion-chip:hover{background:#e8e9eb;border-color:#3b82f6;color:#3b82f6}.qmb-suggestion-chip.qmb-suggestion-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.qmb-options-container{display:flex;flex-direction:column;gap:16px}.qmb-option-group{display:flex;flex-direction:column;gap:8px}.qmb-option-input-row{align-items:center;display:flex;gap:12px}.qmb-option-letter{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.qmb-option-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease}.qmb-option-input:focus{background:#fff;border-color:#3b82f6;outline:none}.qmb-correct-radio-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.qmb-correct-radio{display:none}.qmb-radio-custom{align-items:center;border:2px solid #e8e9eb;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.qmb-correct-radio:checked+.qmb-radio-custom{background:#10b981;border-color:#10b981}.qmb-correct-radio:checked+.qmb-radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;width:8px}.qmb-remove-option-btn{background:#fee2e2;border:2px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:20px;height:36px;transition:all .3s ease;width:36px}.qmb-remove-option-btn:hover{background:#fecaca;transform:scale(1.1)}.qmb-add-option-btn{align-items:center;background:#f0f9ff;border:2px solid #bae6fd;border-radius:12px;color:#0ea5e9;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.qmb-add-option-btn:hover{background:#e0f2fe;transform:translateY(-2px)}.qmb-add-icon{font-size:16px;font-weight:700}.qmb-correct-preview{align-items:center;background:#10b9811a;border:2px solid #10b98133;border-radius:12px;color:#065f46;display:flex;font-size:14px;gap:8px;padding:16px}.qmb-correct-icon{font-size:16px}.qmb-tags-container{display:flex;flex-direction:column;gap:12px}.qmb-tag-group{align-items:center;display:flex;gap:8px}.qmb-tag-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease}.qmb-tag-input:focus{background:#fff;border-color:#8b5cf6;outline:none}.qmb-remove-tag-btn{background:#f5f3ff;border:2px solid #ddd6fe;border-radius:8px;color:#8b5cf6;cursor:pointer;flex-shrink:0;font-size:20px;height:36px;transition:all .3s ease;width:36px}.qmb-remove-tag-btn:hover{background:#ddd6fe;transform:scale(1.1)}.qmb-add-tag-btn{align-items:center;align-self:flex-start;background:#f5f3ff;border:2px solid #ddd6fe;border-radius:12px;color:#8b5cf6;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.qmb-add-tag-btn:hover{background:#ddd6fe;transform:translateY(-2px)}.qmb-modal-actions{border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;margin-top:20px;padding-top:32px}.qmb-cancel-btn{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease}.qmb-cancel-btn:hover{background:#e8e9eb;border-color:#3b82f6;color:#3b82f6}.qmb-create-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:700;gap:8px;padding:14px 32px;transition:all .3s ease}.qmb-create-btn:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.qmb-create-btn:disabled{cursor:not-allowed;opacity:.5}.qmb-create-icon{font-size:16px}@media (max-width:1200px){.qmb-main-container{margin-left:240px}.qmb-questions-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.qmb-modal-overlay{left:240px}}@media (max-width:768px){.qmb-main-container{margin-left:70px}.qmb-header-content{align-items:stretch;flex-direction:column}.qmb-header-actions{justify-content:space-between}.qmb-stats-grid{grid-template-columns:repeat(2,1fr)}.qmb-questions-grid{grid-template-columns:1fr}.qmb-search-filter{flex-direction:column}.qmb-industry-filter,.qmb-job-position-filter,.qmb-search-box{min-width:100%}.qmb-form-row{grid-template-columns:1fr}.qmb-filter-tabs{flex-wrap:nowrap;overflow-x:auto}.qmb-modal-overlay{left:70px;padding:16px}.qmb-option-input-row{flex-wrap:wrap}.qmb-correct-radio-label{flex:1 1;order:2}}@media (max-width:640px){.qmb-main-container{margin-left:0;padding:16px}.qmb-modal-overlay{left:0}.qmb-stats-grid{grid-template-columns:1fr}.qmb-modal-content{max-height:85vh}.qmb-modal-body,.qmb-modal-header{padding:24px}.qmb-modal-actions{flex-direction:column-reverse}.qmb-cancel-btn,.qmb-create-btn{text-align:center;width:100%}.qmb-question-footer,.qmb-question-header{align-items:stretch;flex-direction:column}.qmb-footer-actions{width:100%}.qmb-delete-btn,.qmb-view-details-btn{flex:1 1}}.qmb-card-expanded{border-color:#3b82f6;box-shadow:0 20px 40px #3b82f626}.qmb-card-expanded .qmb-card-glow{opacity:1}.qmb-stat-icon{align-items:center;display:flex;justify-content:center}.qmb-stat-icon svg{color:inherit;height:24px;width:24px}.qmb-stat-card .qmb-stat-icon svg{height:28px;width:28px}.qmb-stat-card:hover .qmb-stat-icon svg{transform:scale(1.1);transition:transform .2s ease}.aa-main-container{background:#fff;border:2px solid #f1f5f9;border-radius:20px;font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;overflow-x:hidden;padding:32px;position:relative}.aa-background-animation{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.aa-floating-shape{animation:aa-float 25s linear infinite;background:radial-gradient(circle,#ef44440d 0,#0000 70%);border-radius:50%;position:absolute}.aa-shape-1{animation-delay:0s;height:180px;left:5%;top:15%;width:180px}.aa-shape-2{animation-delay:8s;height:120px;right:10%;top:65%;width:120px}.aa-shape-3{animation-delay:15s;bottom:10%;height:220px;left:15%;width:220px}.aa-pulse-dot{animation:aa-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:50%;height:6px;position:absolute;width:6px}.aa-pulse-1{animation-delay:1s;left:20%;top:30%}.aa-pulse-2{animation-delay:2.5s;bottom:25%;right:30%}@keyframes aa-float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translateY(-50px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}}@keyframes aa-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(2)}}.aa-header-section{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #1e233014;margin-bottom:32px;padding:32px;position:relative;z-index:1}.aa-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.aa-header-title{flex:1 1;min-width:300px}.aa-main-title{align-items:center;color:#1e2330;display:flex;font-size:32px;font-weight:800;gap:16px;justify-content:center;margin:0 0 12px}.aa-title-icon{font-size:32px}.aa-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 16px}.aa-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.aa-user-badge{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;gap:12px;padding:12px 20px;transition:all .3s ease}.aa-user-badge:hover{border-color:#ef4444;box-shadow:0 8px 20px #ef44441a;transform:translateY(-2px)}.aa-user-avatar{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.aa-user-info{display:flex;flex-direction:column}.aa-user-name{color:#1e2330;font-size:15px;font-weight:700}.aa-user-email{color:#6b7280;font-size:13px}.aa-refresh-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.aa-refresh-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.aa-refresh-icon{font-size:16px}.aa-stats-section{margin-bottom:32px;position:relative;z-index:1}.aa-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.aa-stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;cursor:default;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.aa-stat-card:hover{box-shadow:0 16px 32px #1e23301f;transform:translateY(-6px)}.aa-stat-primary:hover{border-color:#ef4444}.aa-stat-success:hover{border-color:#10b981}.aa-stat-info:hover{border-color:#3b82f6}.aa-stat-warning:hover{border-color:#f59e0b}.aa-stat-danger:hover{border-color:#ef4444}.aa-stat-glow{background:linear-gradient(90deg,#0000,currentColor,#0000);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.aa-stat-card:hover .aa-stat-glow{opacity:1}.aa-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.aa-stat-primary .aa-stat-icon{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.aa-stat-success .aa-stat-icon{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.aa-stat-info .aa-stat-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}.aa-stat-warning .aa-stat-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.aa-stat-danger .aa-stat-icon{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.aa-stat-content{flex:1 1}.aa-stat-number{color:#1e2330;font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.aa-stat-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.aa-controls-section{background:#fff;border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 32px #1e23300d;margin-bottom:32px;padding:24px;position:relative;z-index:1}.aa-search-filter{display:flex;flex-direction:column;gap:20px}.aa-search-box{align-items:center;display:flex;position:relative}.aa-search-icon{color:#6b7280;font-size:18px;left:20px;pointer-events:none;position:absolute}.aa-search-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:14px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:15px;padding:16px 20px 16px 52px;transition:all .3s ease}.aa-search-input:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;outline:none}.aa-filter-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;overflow-x:auto;padding:8px}.aa-filter-tabs::-webkit-scrollbar{height:6px}.aa-filter-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.aa-filter-tabs::-webkit-scrollbar-thumb{background:#ef4444;border-radius:3px}.aa-tab-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.aa-tab-btn:hover{background:#e8e9eb;border-color:#ef4444;color:#ef4444}.aa-tab-btn.aa-tab-active{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 16px #ef444433;color:#fff}.aa-tab-icon{font-size:16px}.aa-error-message{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:24px;position:relative;z-index:1}.aa-error-icon{flex-shrink:0;font-size:24px}.aa-error-content{flex:1 1}.aa-error-content h4{color:#92400e;font-size:16px;font-weight:700;margin:0 0 4px}.aa-error-content p{color:#92400e;font-size:14px;margin:0;opacity:.8}.aa-content-section{position:relative;z-index:1}.aa-loading-container{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.aa-loading-animation{height:80px;margin-bottom:24px;position:relative;width:80px}.aa-loading-spinner{animation:aa-spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#ef4444;height:100%;width:100%}.aa-loading-pulse{animation:aa-pulse-ring 2s ease-out infinite;border:2px solid #ef4444;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.aa-loading-text{color:#6b7280;font-size:16px;font-weight:600}@keyframes aa-spin{to{transform:rotate(1turn)}}@keyframes aa-pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.aa-empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #d1d5db;border-radius:20px;padding:80px 24px;text-align:center}.aa-empty-animation{height:120px;margin:0 auto 32px;position:relative;width:120px}.aa-empty-icon{animation:aa-bounce 3s ease-in-out infinite;font-size:60px}.aa-empty-pulse{animation:aa-pulse-ring 2s ease-out infinite;border:2px solid #ef4444;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.aa-empty-title{color:#1e2330;font-size:28px;font-weight:700;margin:0 0 16px}.aa-empty-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto 32px;max-width:500px}.aa-help-tips{margin-top:40px;text-align:left}.aa-help-title{color:#1e2330;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.aa-tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.aa-tip-card{align-items:flex-start;background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.aa-tip-card:hover{border-color:#ef4444;transform:translateY(-4px)}.aa-tip-icon{flex-shrink:0;font-size:24px}.aa-tip-content{flex:1 1}.aa-tip-content strong{color:#1e2330;display:block;font-size:15px;font-weight:700;margin-bottom:4px}.aa-tip-content p{color:#6b7280;font-size:14px;margin:0}@keyframes aa-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.aa-submissions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.aa-submission-card{animation:aa-card-appear .6s ease-out forwards;background:#fff;border:2px solid #f1f5f9;border-radius:20px;opacity:0;overflow:hidden;padding:24px;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes aa-card-appear{to{opacity:1;transform:translateY(0)}}.aa-submission-card:hover{border-color:#ef4444;box-shadow:0 20px 40px #1e233026;transform:translateY(-8px)}.aa-card-glow{background:linear-gradient(90deg,#ef4444,#dc2626);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.aa-submission-card:hover .aa-card-glow{opacity:1}.aa-submission-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.aa-candidate-info{align-items:flex-start;display:flex;gap:16px}.aa-candidate-avatar{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.aa-candidate-details{flex:1 1}.aa-candidate-name{color:#1e2330;font-size:18px;font-weight:700;margin:0 0 4px}.aa-candidate-email{color:#6b7280;font-size:14px;margin:0 0 8px;word-break:break-all}.aa-assessment-title{color:#9ca3af;font-size:13px;font-weight:600;margin:0}.aa-score-section{align-items:center;display:flex;flex-direction:column;gap:8px}.aa-score-circle{align-items:center;background:conic-gradient(var(--score-color) var(--percentage),#f1f5f9 0);border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.aa-score-circle:before{background:#fff;border-radius:50%;content:"";height:60px;position:absolute;width:60px}.aa-score-inner{position:relative;text-align:center;z-index:1}.aa-percentage{color:#1e2330;display:block;font-size:18px;font-weight:800;line-height:1;margin-bottom:2px}.aa-score{color:#6b7280;display:block;font-size:12px;font-weight:600}.aa-score-badge{border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.aa-score-excellent{background:#10b9811a;border:2px solid #10b98133;color:#10b981}.aa-score-good{background:#3b82f61a;border:2px solid #3b82f633;color:#3b82f6}.aa-score-average{background:#f59e0b1a;border:2px solid #f59e0b33;color:#f59e0b}.aa-score-poor{background:#ef44441a;border:2px solid #ef444433;color:#ef4444}.aa-submission-details{background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;margin:20px 0;padding:20px}.aa-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.aa-detail-item{align-items:center;display:flex;gap:12px}.aa-detail-icon{color:#6b7280;flex-shrink:0;font-size:16px}.aa-detail-content{flex:1 1}.aa-detail-content label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.aa-detail-content span{color:#1e2330;display:block;font-size:14px;font-weight:600}.aa-status{border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.aa-status-completed{background:#10b9811a;color:#10b981}.aa-status-pending{background:#f59e0b1a;color:#f59e0b}.aa-submission-actions{display:flex;gap:12px}.aa-download-btn,.aa-email-btn,.aa-view-details-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.aa-view-details-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.aa-view-details-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.aa-email-btn{background:#f8f9fa;border:2px solid #e8e9eb;color:#6b7280}.aa-email-btn:hover{background:#e8e9eb;border-color:#ef4444;color:#ef4444}.aa-download-btn{background:#f8f9fa;border:2px solid #e8e9eb;color:#6b7280}.aa-download-btn:hover{background:#e8e9eb;border-color:#3b82f6;color:#3b82f6}.aa-btn-icon{font-size:16px}.aa-modal-overlay{align-items:center;animation:aa-fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2330cc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes aa-fadeIn{0%{opacity:0}to{opacity:1}}.aa-modal-content{animation:aa-slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 32px 64px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}@keyframes aa-slideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.aa-modal-header{align-items:flex-start;background:linear-gradient(135deg,#1e2330,#2d3548);color:#fff;display:flex;justify-content:space-between;padding:32px;position:relative}.aa-modal-title-section{flex:1 1}.aa-modal-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.aa-user-indicator{color:#fffc;font-size:14px}.aa-user-indicator strong{color:#fff;font-weight:700}.aa-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.aa-close-btn:hover{background:#fff3;transform:rotate(90deg)}.aa-modal-body{flex:1 1;overflow-y:auto;padding:32px}.aa-candidate-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #f1f5f9;border-radius:20px;margin-bottom:32px;padding:24px}.aa-candidate-header{align-items:center;display:flex;gap:24px;margin-bottom:24px}.aa-candidate-avatar-large{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.aa-candidate-info-large{flex:1 1}.aa-candidate-info-large h3{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 4px}.aa-candidate-email-large{color:#6b7280;font-size:15px;margin:0 0 8px}.aa-submission-date{color:#9ca3af;font-size:14px;margin:0}.aa-summary-scores{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.aa-summary-score-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.aa-summary-score-card:hover{border-color:#ef4444;transform:translateY(-4px)}.aa-score-value{color:#1e2330;font-size:28px;font-weight:800;margin-bottom:8px}.aa-pending-indicator{color:#f59e0b;font-size:12px;font-weight:600;margin-left:4px}.aa-percentage-value{font-size:32px;font-weight:800;margin-bottom:8px}.aa-tentative-indicator{color:#f59e0b;font-size:20px;font-weight:700}.aa-time-value{color:#1e2330;font-size:24px;font-weight:800;margin-bottom:8px}.aa-score-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.aa-evaluation-progress{margin-top:24px}.aa-progress-bar{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.aa-progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:4px;height:100%;transition:width .6s ease}.aa-progress-text{color:#6b7280;font-size:14px;font-weight:600;text-align:center}.aa-questions-section{margin-top:32px}.aa-section-title{border-bottom:2px solid #f1f5f9;color:#1e2330;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:12px}.aa-question-card{background:#fff;border:2px solid #f1f5f9;border-radius:20px;margin-bottom:24px;padding:24px;transition:all .3s ease}.aa-question-card:hover{border-color:#ef4444;box-shadow:0 12px 30px #1e23301a}.aa-question-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.aa-question-meta{flex:1 1}.aa-question-number{color:#1e2330;font-size:18px;font-weight:700;margin:0 0 12px}.aa-question-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.aa-question-type{background:#3b82f61a;border:2px solid #3b82f633;color:#3b82f6}.aa-difficulty,.aa-question-type{border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.aa-difficulty-easy{background:#10b9811a;border:2px solid #10b98133;color:#10b981}.aa-difficulty-medium{background:#f59e0b1a;border:2px solid #f59e0b33;color:#f59e0b}.aa-difficulty-hard{background:#ef44441a;border:2px solid #ef444433;color:#ef4444}.aa-category-tag{background:#8b5cf61a;border:2px solid #8b5cf633;border-radius:12px;color:#8b5cf6;font-size:12px;font-weight:600;padding:6px 12px}.aa-answer-status-indicator{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.aa-answer-status-correct{background:#10b9811a;border:2px solid #10b98133;color:#10b981}.aa-answer-status-incorrect{background:#ef44441a;border:2px solid #ef444433;color:#ef4444}.aa-answer-status-pending{background:#f59e0b1a;border:2px solid #f59e0b33;color:#f59e0b}.aa-status-icon{font-size:16px}.aa-status-text{font-weight:700}.aa-question-content{margin-bottom:20px}.aa-question-text{color:#1e2330;font-size:17px;font-weight:600;line-height:1.5;margin:0}.aa-answer-section{background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;margin:20px 0;padding:20px}.aa-answer-title{color:#4a5568;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.aa-no-answer{color:#9ca3af;font-style:italic}.aa-answer-text{color:#4a5568;font-size:15px;line-height:1.6;margin:0}.aa-code-answer{background:#1e2330;border:2px solid #374151;border-radius:12px;color:#e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:20px}.aa-code-answer,.aa-text-answer{word-wrap:break-word;white-space:pre-wrap}.aa-text-answer{color:#4a5568;font-size:15px;line-height:1.6}.aa-options-section{margin-top:20px}.aa-options-title{color:#4a5568;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.aa-options-grid{display:flex;flex-direction:column;gap:8px}.aa-option-item{align-items:center;background:#fff;border:2px solid #e8e9eb;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.aa-option-item.aa-option-correct{background:#10b9811a;border-color:#10b98133}.aa-option-item.aa-option-selected{background:#ef44441a;border-color:#ef444433}.aa-option-letter{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.aa-option-item.aa-option-correct .aa-option-letter{background:#10b981}.aa-option-item.aa-option-selected .aa-option-letter{background:#ef4444}.aa-option-text{color:#4a5568;flex:1 1;font-size:15px}.aa-correct-indicator,.aa-incorrect-indicator{border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.aa-correct-indicator{background:#10b98133;color:#065f46}.aa-incorrect-indicator{background:#ef444433;color:#991b1b}.aa-evaluation-section{margin-top:20px}.aa-evaluation-form{background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;padding:24px}.aa-evaluation-title{color:#1e2330;font-size:16px;font-weight:700;margin:0 0 16px}.aa-evaluation-score{margin-bottom:16px}.aa-evaluation-score label{color:#6b7280;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.aa-score-options{display:flex;flex-wrap:wrap;gap:12px}.aa-score-option{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.aa-score-option:hover{background:#e8e9eb}.aa-score-option.aa-score-selected{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.aa-evaluation-feedback{margin-bottom:24px}.aa-evaluation-feedback label{color:#6b7280;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.aa-feedback-textarea{background:#fff;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;font-family:Raleway,sans-serif;font-size:15px;min-height:100px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.aa-feedback-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;outline:none}.aa-evaluation-actions{display:flex;gap:12px}.aa-save-evaluation-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.aa-save-evaluation-btn:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.aa-cancel-evaluation-btn{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.aa-cancel-evaluation-btn:hover{background:#e8e9eb;border-color:#ef4444;color:#ef4444}.aa-evaluation-panel{background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;padding:20px}.aa-evaluation-result{display:flex;flex-direction:column;gap:12px}.aa-evaluation-feedback-display,.aa-evaluation-score-display{align-items:flex-start;color:#4a5568;display:flex;font-size:15px;gap:8px}.aa-evaluation-feedback-display strong,.aa-evaluation-score-display strong{color:#1e2330;font-weight:700;min-width:80px}.aa-reevaluate-btn{align-self:flex-start;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.aa-reevaluate-btn:hover{background:#e8e9eb;border-color:#ef4444;color:#ef4444}.aa-evaluation-prompt{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.aa-evaluation-prompt p{color:#6b7280;font-size:15px;margin:0}.aa-evaluate-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.aa-evaluate-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.aa-explanation-section{background:#3b82f60d;border:2px solid #3b82f61a;border-radius:16px;margin-top:20px;padding:20px}.aa-explanation-title{color:#3b82f6;font-size:15px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.aa-explanation-text{color:#4a5568;font-size:15px;line-height:1.6;margin:0}.aa-modal-actions{background:#f8fafc;border-top:2px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.aa-print-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.aa-print-btn:hover{background:#e8e9eb;border-color:#ef4444;color:#ef4444}.aa-close-modal-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.aa-close-modal-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.aa-main-container{padding:24px}.aa-header-content{gap:20px}.aa-header-actions,.aa-header-content{align-items:stretch;flex-direction:column}.aa-refresh-btn,.aa-user-badge{width:100%}.aa-stats-grid{grid-template-columns:repeat(2,1fr)}.aa-submissions-grid{grid-template-columns:1fr}.aa-submission-header{align-items:stretch;flex-direction:column;gap:20px}.aa-score-section{align-items:center}.aa-submission-actions{flex-direction:column}.aa-download-btn,.aa-email-btn,.aa-view-details-btn{width:100%}.aa-modal-overlay{padding:16px}.aa-modal-content{max-height:85vh}.aa-candidate-header{flex-direction:column;text-align:center}.aa-details-grid,.aa-summary-scores{grid-template-columns:1fr}.aa-question-header{align-items:stretch}.aa-evaluation-actions,.aa-question-header,.aa-score-options{flex-direction:column}.aa-cancel-evaluation-btn,.aa-save-evaluation-btn{width:100%}.aa-modal-actions{flex-direction:column-reverse}.aa-close-modal-btn,.aa-print-btn{width:100%}}@media (max-width:480px){.aa-main-container{padding:16px}.aa-stats-grid{grid-template-columns:1fr}.aa-modal-body,.aa-modal-header{padding:24px}.aa-question-text{font-size:15px}.aa-code-answer,.aa-text-answer{font-size:13px;padding:16px}}.rd-header-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000001a;margin-top:90px;overflow:hidden;position:relative;z-index:10000}.rd-header-main:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0h100v100Z' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");background-size:cover;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rd-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem;position:relative;z-index:2}.rd-brand-section{align-items:center;display:flex;gap:3rem}.rd-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e3f2fd);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0;position:relative;text-shadow:0 2px 4px #0000001a}.rd-main-title:after{background:linear-gradient(90deg,#fff,#0000);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50%}.rd-user-info-section{gap:2rem}.rd-user-info-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;min-width:180px;padding:.75rem 1.5rem;transition:all .3s ease}.rd-user-info-item:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)}.rd-info-label{color:#ffffffb3;margin-bottom:.25rem}.rd-info-value{color:#fff;font-size:1rem;text-shadow:0 1px 2px #0003}.rd-username{border-left:3px solid #4ade80}.rd-company{border-left:3px solid #60a5fa}.rd-header-actions,.rd-logout-button{align-items:center;display:flex}.rd-logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.rd-logout-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.rd-logout-button:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.rd-logout-button:hover:before{left:100%}.rd-logout-button:active{transform:translateY(0)}.rd-logout-icon{font-size:1.1rem;transition:transform .3s ease}.rd-logout-button:hover .rd-logout-icon{transform:translateX(-3px) rotate(-45deg)}@media (max-width:1024px){.rd-user-info-section{gap:1rem}.rd-user-info-item{min-width:160px;padding:.6rem 1.2rem}}@media (max-width:768px){.rd-header-content{flex-direction:column;gap:1.5rem;padding:1rem}.rd-brand-section{flex-direction:column;gap:1.5rem;text-align:center;width:100%}.rd-user-info-section{gap:1rem;justify-content:center;width:100%}.rd-user-info-item{align-items:center;flex:1 1;min-width:auto;text-align:center}.rd-main-title{font-size:2rem}.rd-main-title:after{left:50%;transform:translateX(-50%);width:30%}}@media (max-width:480px){.rd-header-content{padding:.75rem}.rd-user-info-section{flex-direction:column;width:100%}.rd-user-info-item{width:100%}.rd-main-title{font-size:1.75rem}.rd-info-value{font-size:.9rem}}@keyframes rdHeaderSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.rd-header-main{animation:rdHeaderSlideIn .6s ease-out}.rd-content-area{background:#fff;color:#1f2937;min-height:calc(100vh - 80px);padding:2rem}.rd-pipeline-section{margin-bottom:2.5rem}.rd-section-header{margin-bottom:1.5rem}.rd-section-title{margin:0 0 .75rem}.rd-divider-line{background:linear-gradient(90deg,#e5e7eb,#0000);height:1px;margin-top:1rem}.rd-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.rd-stat-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.rd-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.rd-stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.rd-stat-icon{align-items:center;background:#667eea1a;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;width:70px}.rd-stat-content{flex:1 1}.rd-stat-number{color:#111827;font-size:2.25rem;font-weight:800;line-height:1;margin:0 0 .25rem}.rd-stat-label{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.rd-navigation-tabs{-ms-overflow-style:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:nowrap;gap:.25rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem;position:relative;scrollbar-width:none}.rd-navigation-tabs::-webkit-scrollbar{display:none}.rd-tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:.5rem;min-width:-webkit-max-content;min-width:max-content;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s ease;white-space:nowrap}.rd-tab-button:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.rd-tab-button:hover{background:#667eea14;color:#4f46e5}.rd-tab-button:hover:before{width:80%}.rd-tab-active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.rd-tab-active:before{background:#fff;height:2px;width:90%!important}.rd-tab-active:hover{background:linear-gradient(135deg,#5a6fd8,#6a42a0);color:#fff}.rd-tab-active:hover:before{width:95%}.rd-tab-icon{flex-shrink:0;font-size:1.1rem;transition:transform .3s ease}.rd-tab-active .rd-tab-icon,.rd-tab-button:hover .rd-tab-icon{transform:scale(1.1)}.rd-navigation-tabs.compact .rd-tab-button{font-size:.85rem;gap:.4rem;padding:.6rem 1rem}.rd-navigation-tabs.compact .rd-tab-icon{font-size:1rem}.rd-tabs-container{position:relative}.rd-tabs-scroll-left,.rd-tabs-scroll-right{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px;z-index:10}.rd-tabs-scroll-left{left:-16px}.rd-tabs-scroll-right{right:-16px}.rd-tabs-container:hover .rd-tabs-scroll-left,.rd-tabs-container:hover .rd-tabs-scroll-right{opacity:1}.rd-tabs-scroll-left:hover,.rd-tabs-scroll-right:hover{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:1024px){.rd-navigation-tabs{gap:.2rem}.rd-tab-button{font-size:.875rem;padding:.7rem 1.1rem}}@media (max-width:768px){.rd-navigation-tabs{border-radius:10px;padding:.4rem}.rd-tab-button{font-size:.85rem;gap:.4rem;padding:.65rem 1rem}.rd-tab-icon{font-size:1rem}}@media (max-width:640px){.rd-navigation-tabs{padding:.3rem}.rd-tab-button{font-size:.8rem;padding:.6rem .8rem}.rd-tab-icon{font-size:.9rem}}.rd-navigation-tabs{scroll-behavior:smooth}@keyframes tabPulse{0%{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 2px 12px #667eea80}to{box-shadow:0 2px 8px #667eea4d}}.rd-tab-active{animation:tabPulse 2s ease-in-out infinite}.rd-tab-button:focus{outline:2px solid #667eea;outline-offset:2px}.rd-tab-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.rd-jobs-section{margin-bottom:80px;padding:2rem}.rd-actions-panel{align-items:center;margin-bottom:2rem}.rd-create-job-button{border-radius:10px;box-shadow:0 4px 12px #10b9814d;font-size:1rem;gap:.75rem;padding:1rem 1.5rem}.rd-create-job-button:hover{background:linear-gradient(135deg,#0da271,#047852);box-shadow:0 6px 20px #10b98166}.rd-button-icon{font-size:1.25rem}.rd-view-option{font-size:.9rem}.rd-filter-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.25rem;position:relative;transition:all .3s ease}.rd-filter-toggle:hover{background:#f9fafb;border-color:#9ca3af}.rd-filter-active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.rd-filter-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.rd-job-filters-panel{animation:slideDown .3s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.rd-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rd-filters-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.rd-clear-filters-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.rd-clear-filters-btn:hover:not(:disabled){background:#dc2626}.rd-clear-filters-btn:disabled{background:#9ca3af;cursor:not-allowed}.rd-filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.rd-filter-group{gap:.5rem}.rd-filter-label{color:#374151;font-size:.9rem;font-weight:600}.rd-search-input{font-size:.95rem}.rd-search-icon{color:#9ca3af}.rd-clear-search{color:#9ca3af;font-size:1.25rem}.rd-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.rd-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rd-active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.rd-active-filters-label{color:#374151;font-size:.9rem;font-weight:600}.rd-active-filter-tag{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;color:#1d4ed8;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.rd-active-filter-tag button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;padding:0;width:16px}.rd-results-summary{text-align:right}.rd-empty-state{background:#fff;margin-bottom:80px}.rd-create-first-button{border-radius:10px}.rd-jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.rd-job-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.rd-job-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.rd-job-expired{background:#fef2f2;border-color:#fecaca;opacity:.7}.rd-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9;padding:1.5rem}.rd-job-title-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.rd-job-title{color:#111827;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.rd-job-department{background:#667eea;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.rd-job-meta{display:flex;flex-wrap:wrap;gap:1rem}.rd-status-badge{padding:.375rem .75rem}.rd-status-active{background:#d1fae5;color:#065f46}.rd-status-expired{background:#fecaca;color:#991b1b}.rd-applicants-count,.rd-vacancies-count{color:#6b7280;font-size:.875rem;font-weight:500}.rd-card-content{padding:1.5rem}.rd-job-description{color:#4b5563;line-height:1.6}.rd-job-description,.rd-skills-section{margin-bottom:1.5rem}.rd-skills-label{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.rd-skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.rd-skill-tag{background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;color:#1d4ed8;font-weight:500}.rd-skill-more,.rd-skill-tag{font-size:.8rem;padding:.375rem .75rem}.rd-skill-more{border-radius:20px}.rd-job-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.rd-detail-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.rd-detail-label{color:#374151;font-size:.9rem;font-weight:600}.rd-detail-value{color:#6b7280;font-size:.9rem}.rd-application-link-section{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1rem}.rd-link-container{display:flex;flex-direction:column;gap:.5rem}.rd-link-label{color:#374151;font-size:.9rem;font-weight:600}.rd-link-actions{display:flex;gap:.5rem}.rd-link-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;flex:1 1;font-size:.85rem;padding:.75rem}.rd-copy-link-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.rd-copy-link-button:hover{background:#5a6fd8}.rd-card-footer{background:#fafbfc;border-top:1px solid #f1f5f9;padding:1.5rem}.rd-card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.rd-action-button{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;min-width:120px;padding:.75rem 1.25rem;text-align:center;transition:all .3s ease}.rd-edit-button{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.rd-edit-button:hover{background:#dbeafe;border-color:#93c5fd}.rd-view-apps-button{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.rd-view-apps-button:hover{background:#dcfce7;border-color:#86efac}.rd-delete-button{background:#fef2f2;border-color:#fecaca;color:#dc2626}.rd-delete-button:hover{background:#fee2e2;border-color:#fca5a5}.rd-jobs-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 0}@media (max-width:1024px){.rd-content-area{padding:1.5rem}.rd-jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.rd-content-area{padding:1rem}.rd-stats-grid{grid-template-columns:1fr}.rd-navigation-tabs{flex-direction:column}.rd-tab-button{min-width:auto}.rd-actions-panel{align-items:stretch;flex-direction:column}.rd-view-controls{order:2}.rd-filter-toggle{order:3}.rd-jobs-grid{grid-template-columns:1fr}.rd-job-title-section{align-items:flex-start}.rd-job-meta,.rd-job-title-section{flex-direction:column;gap:.5rem}.rd-card-actions{flex-direction:column}.rd-action-button{min-width:auto}.rd-jobs-pagination{align-items:stretch;flex-direction:column;text-align:center}.rd-pagination-controls{justify-content:center}}@media (max-width:480px){.rd-content-area{padding:.75rem}.rd-jobs-section{padding:1rem}.rd-filters-grid{grid-template-columns:1fr}.rd-link-actions{flex-direction:column}}.rde-jobs-section{background:#fff;border-radius:12px;margin-bottom:150px;margin-top:-10px;padding:1.5rem}.rd-actions-panel{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.rd-create-job-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.rd-create-job-button:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.rd-button-icon{font-weight:700}.rd-filter-controls{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem;min-width:0}.rd-filter-group{flex-direction:column;gap:.25rem}.rd-filter-input-wrapper{align-items:center;display:flex;min-width:280px;position:relative}.rd-filter-icon{color:#6b7280;font-size:1rem;left:.75rem;position:absolute}.rd-search-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem 2.5rem;transition:all .3s ease;width:100%}.rd-search-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rd-clear-search{right:.75rem}.rd-department-filter,.rd-sort-filter,.rd-status-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.9rem;min-width:140px;padding:.75rem 1rem;transition:all .3s ease}.rd-department-filter:focus,.rd-sort-filter:focus,.rd-status-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rd-clear-filters{font-size:.85rem;padding:.75rem 1rem}.rd-view-controls{background:#f1f5f9;border-radius:8px;display:flex;flex-shrink:0;gap:.25rem;padding:.25rem}.rd-view-option{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.rd-view-active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#111827}.rd-active-filters{animation:slideDown .3s ease-out;padding:1rem}.rd-simple-positions-list{margin-top:1rem}.rd-simple-positions-container{display:flex;flex-direction:column;gap:.75rem}.rd-simple-position-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .3s ease}.rd-simple-position-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.rd-position-expanded{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.rd-simple-position-header{align-items:center;background:#fafbfc;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:background-color .3s ease}.rd-simple-position-header:hover{background:#f1f5f9}.rd-simple-position-info{flex:1 1;min-width:0}.rd-simple-position-title{color:#111827;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.rd-simple-position-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rd-simple-department{background:#667eea;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.rd-simple-applicants{color:#6b7280;font-size:.85rem;font-weight:500}.rd-simple-status{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.rd-simple-active{background:#d1fae5;color:#065f46}.rd-simple-expired{background:#fecaca;color:#991b1b}.rd-simple-date{color:#9ca3af;font-size:.8rem}.rd-simple-position-actions{align-items:center;display:flex;gap:.5rem}.rd-simple-copy-link,.rd-simple-edit{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;opacity:.7;padding:.5rem;transition:all .3s ease}.rd-simple-copy-link:hover,.rd-simple-edit:hover{background:#f3f4f6;opacity:1;transform:scale(1.1)}.rd-simple-expand-icon{color:#6b7280;font-size:.9rem;margin-left:.5rem;transition:transform .3s ease}.rd-position-expanded .rd-simple-expand-icon{transform:rotate(180deg)}.rd-simple-candidates-dropdown{animation:slideDown .3s ease-out;background:#f8fafc;border-top:1px solid #e2e8f0}.rd-simple-loading{align-items:center;color:#6b7280;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:2rem}.rd-simple-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.rd-simple-candidates-list{padding:1.5rem}.rd-simple-candidates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rd-simple-candidates-title{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0}.rd-simple-candidates-count{color:#6b7280;font-size:.9rem;font-weight:500}.rd-simple-export-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.rd-simple-export-btn:hover{background:#059669;transform:translateY(-1px)}.rd-simple-candidates-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.rd-simple-table-header{grid-gap:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;display:grid;font-size:.85rem;font-weight:600;gap:1rem;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase}.rd-simple-table-body{max-height:400px;overflow-y:auto}.rd-simple-candidate-row{grid-gap:1rem;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr;padding:1rem 1.5rem;transition:background-color .3s ease}.rd-simple-candidate-row:hover{background:#f8fafc}.rd-simple-candidate-row:last-child{border-bottom:none}.rd-simple-col{align-items:center;display:flex;min-width:0}.rd-simple-candidate-info{align-items:center;display:flex;gap:.75rem}.rd-simple-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.rd-simple-name{color:#111827;font-weight:600;margin-bottom:.25rem}.rd-simple-location{color:#6b7280;font-size:.8rem}.rd-simple-email{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .3s ease}.rd-simple-email:hover{color:#5a6fd8;text-decoration:underline}.rd-simple-phone{align-items:center;display:flex;gap:.5rem}.rd-simple-phone-link{color:#374151;font-size:.9rem;text-decoration:none;transition:color .3s ease}.rd-simple-phone-link:hover{color:#667eea}.rd-simple-whatsapp{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;opacity:.7;padding:.25rem;transition:all .3s ease}.rd-simple-whatsapp:hover{background:#f3f4f6;opacity:1;transform:scale(1.1)}.rd-simple-status-select{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;max-width:120px;padding:.5rem .75rem;transition:all .3s ease;width:100%}.rd-simple-status-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.rd-simple-actions{display:flex;gap:.5rem}.rd-simple-action-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;opacity:.7;padding:.5rem;transition:all .3s ease}.rd-simple-action-btn:hover{background:#f3f4f6;opacity:1;transform:scale(1.1)}.rd-simple-no-candidates{padding:3rem 2rem;text-align:center}.rd-simple-no-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.rd-simple-no-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.rd-simple-no-description{color:#6b7280;line-height:1.5;margin:0 0 1.5rem}.rd-simple-link-section{display:flex;justify-content:center}.rd-simple-link-container{display:flex;gap:.5rem;max-width:500px;width:100%}.rd-simple-link-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;flex:1 1;font-size:.85rem;padding:.75rem 1rem}.rd-simple-copy-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.rd-simple-copy-btn:hover{background:#5a6fd8}.rd-simple-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1.5rem 0}.rd-simple-pagination-info{color:#6b7280;font-size:.9rem;font-weight:500}.rd-simple-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rd-simple-pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.rd-simple-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.rd-simple-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.rd-simple-pagination-numbers{align-items:center;display:flex;gap:.5rem}.rd-simple-pagination-number{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;min-width:44px;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.rd-simple-pagination-number:hover{background:#f9fafb;border-color:#9ca3af}.rd-simple-active{background:#667eea;border-color:#667eea;color:#fff}.rd-simple-ellipsis{color:#9ca3af;font-weight:600;padding:.75rem .5rem}.rd-simple-page-size{align-items:center;display:flex;gap:.5rem}.rd-simple-page-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem}@media (max-width:1200px){.rd-simple-candidate-row,.rd-simple-table-header{gap:.75rem;grid-template-columns:2fr 1.5fr 1.2fr .8fr .8fr 1fr;padding:1rem}}@media (max-width:1024px){.rd-actions-panel{align-items:stretch;flex-direction:column}.rd-filter-controls{order:2}.rd-view-controls{justify-content:center;order:3}.rd-simple-candidate-row,.rd-simple-table-header{font-size:.8rem;grid-template-columns:1.5fr 1.2fr 1fr .8fr .8fr 1fr}}@media (max-width:768px){.rd-jobs-section{padding:1rem}.rd-filter-controls{align-items:stretch;flex-direction:column}.rd-filter-input-wrapper{min-width:auto}.rd-simple-position-header{align-items:flex-start;flex-direction:column;gap:1rem}.rd-simple-position-actions{align-self:flex-end}.rd-simple-table-header{display:none}.rd-simple-candidate-row{border-bottom:1px solid #e2e8f0;gap:.75rem;grid-template-columns:1fr;padding:1.25rem}.rd-simple-col:before{color:#374151;content:attr(data-label);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.rd-simple-col{align-items:flex-start;flex-direction:column}.rd-simple-pagination{flex-direction:column;text-align:center}.rd-simple-pagination-controls{justify-content:center}}@media (max-width:480px){.rd-simple-position-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.rd-simple-link-container{flex-direction:column}.rd-simple-pagination-controls{flex-direction:column;gap:.75rem}.rd-simple-pagination-numbers{order:-1}}.rd-offer-letters-section{background:#fff;border-radius:12px;margin-top:-370px;padding:1.5rem}.rd-offer-letters-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.rd-offer-letters-title-section{flex:1 1;min-width:300px}.rd-offer-letters-subtitle{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0}.rd-offer-letters-actions{display:flex;flex-wrap:wrap;gap:.75rem}.rd-export-all-button,.rd-export-detailed-button,.rd-export-filtered-button,.rd-refresh-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.rd-export-filtered-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;color:#fff}.rd-export-detailed-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.rd-export-all-button:hover:not(:disabled),.rd-export-detailed-button:hover:not(:disabled),.rd-export-filtered-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.rd-refresh-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.rd-export-all-button:disabled,.rd-export-detailed-button:disabled,.rd-export-filtered-button:disabled,.rd-refresh-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.rd-export-info-panel{animation:slideDown .3s ease-out;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.rd-export-info{align-items:center;display:flex;gap:.75rem}.rd-export-icon{flex-shrink:0;font-size:1.2rem}.rd-export-text{color:#1d4ed8;font-size:.9rem;font-weight:500;line-height:1.4}.rd-offer-letters-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.rd-offer-stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.rd-offer-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.rd-offer-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rd-offer-stat-number{color:#111827;display:block;font-size:2rem;font-weight:800;line-height:1;margin-bottom:.5rem}.rd-offer-stat-label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rd-offer-letters-filters{margin-bottom:1.5rem}.rd-search-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.rd-clear-search{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.1rem;height:20px;justify-content:center;padding:0;position:absolute;right:2.5rem;transition:color .3s ease;width:20px}.rd-clear-search:hover{color:#374151}.rd-sort-select:disabled,.rd-status-filter:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.rd-clear-filters:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.rd-clear-filters:disabled{cursor:not-allowed;opacity:.5;transform:none}.rd-active-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.rd-active-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.rd-active-filters-header span{color:#374151;font-size:.9rem;font-weight:600}.rd-active-filters-header button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;transition:color .3s ease}.rd-active-filters-header button:hover{color:#5a6fd8}.rd-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.rd-filter-chip{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;color:#1d4ed8;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.rd-filter-chip button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;height:16px;justify-content:center;padding:0;transition:color .3s ease;width:16px}.rd-filter-chip button:hover{color:#374151}.rd-offer-letters-table-container{margin-bottom:1.5rem}.rd-offer-letters-table{background:#fff;border-collapse:collapse;width:100%}.rd-table-col-candidate{min-width:200px;width:20%}.rd-table-col-position{width:15%}.rd-table-col-department{width:12%}.rd-table-col-salary{min-width:120px;width:12%}.rd-table-col-joining{min-width:100px;width:10%}.rd-table-col-status{width:10%}.rd-table-col-accepted,.rd-table-col-sent{min-width:100px;width:10%}.rd-table-col-actions{width:11%}.rd-candidate-email{color:#667eea;display:block;font-size:.8rem;margin-bottom:.25rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.rd-candidate-email:hover{color:#5a6fd8;text-decoration:underline}.rd-candidate-phone{font-size:.8rem}.rd-phone-link{align-items:center;color:#6b7280;display:flex;gap:.25rem}.rd-phone-link:hover{color:#374151}.rd-salary-info{display:flex;flex-direction:column;gap:.25rem}.rd-salary-amount{color:#111827;font-size:.9rem;font-weight:600}.rd-salary-period{color:#6b7280;font-size:.8rem}.rd-accepted-date,.rd-joining-date,.rd-sent-date{color:#374151;font-size:.9rem;font-weight:500}.rd-time-text{color:#6b7280;font-size:.75rem}.rd-not-accepted{color:#9ca3af;font-size:.85rem;font-style:italic}.rd-offer-status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;min-width:80px;padding:.5rem .75rem;text-align:center;text-transform:uppercase}.rd-offer-status-sent,.rd-offer-status-sent_to_candidate{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8}.rd-offer-status-accepted{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.rd-offer-status-rejected{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.rd-offer-status-expired{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.rd-offer-actions{display:flex;flex-direction:column;gap:.5rem}.rd-action-btn{font-size:.8rem;gap:.5rem;padding:.5rem .75rem}.rd-view-offer-btn{background:#eff6ff;border-color:#dbeafe;color:#3b82f6}.rd-download-offer-btn{background:#f0fdf4;border-color:#d1fae5;color:#10b981}.rd-resend-offer-btn{background:#fffbeb;border-color:#fde68a;color:#f59e0b}.rd-track-offer-btn{background:#faf5ff;border-color:#e9d5ff;color:#8b5cf6}.rd-onboarding-btn{background:#fdf2f8;border-color:#fbcfe8;color:#ec4899}.rd-action-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.rd-action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.rd-btn-icon{font-size:.9rem}.rd-results-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6b7280;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}.rd-pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 0}@media (max-width:1200px){.rd-offer-letters-table{font-size:.85rem}.rd-table-cell{padding:.875rem 1rem}}@media (max-width:1024px){.rd-offer-letters-header{align-items:stretch;flex-direction:column}.rd-offer-letters-actions{justify-content:center}.rd-table-wrapper{overflow-x:auto}.rd-offer-letters-table{min-width:1000px}}@media (max-width:768px){.rd-offer-letters-section{padding:1rem}.rd-offer-letters-stats{grid-template-columns:repeat(2,1fr)}.rd-filter-group{align-items:stretch;flex-direction:column}.rd-search-box{min-width:auto}.rd-offer-letters-actions{flex-direction:column}.rd-pagination-container{flex-direction:column;text-align:center}.rd-pagination-controls{justify-content:center}}@media (max-width:480px){.rd-offer-letters-stats{grid-template-columns:1fr}.rd-offer-stat-card{padding:1.25rem}.rd-offer-stat-number{font-size:1.75rem}.rd-candidate-name-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.rd-offer-actions{flex-direction:row;flex-wrap:wrap}.rd-action-btn{flex:1 1;justify-content:center;min-width:120px}.rd-pagination-controls{flex-direction:column;gap:.75rem}.rd-pagination-numbers{order:-1}}.rd-candidates-section{background:#fff;border-radius:12px;margin-top:-390px;padding:1.5rem}.rd-candidates-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.rd-candidates-title-section{flex:1 1;min-width:300px}.rd-section-title{color:#111827;display:inline-block;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;position:relative}.rd-section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.rd-candidates-subtitle{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0}.rd-candidates-actions{display:flex;flex-wrap:wrap;gap:.75rem}.rd-export-all-button,.rd-refresh-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.rd-export-all-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.rd-refresh-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rd-export-all-button:hover:not(:disabled),.rd-refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.rd-export-all-button:disabled,.rd-refresh-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.rd-button-icon{font-size:1.1rem}.rd-candidates-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.rd-candidate-stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.rd-candidate-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.rd-candidate-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rd-candidate-stat-number{color:#111827;display:block;font-size:2rem;font-weight:800;line-height:1;margin-bottom:.5rem}.rd-candidate-stat-label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rd-candidates-table-container{margin-bottom:1.5rem}.rd-loading-container{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.rd-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.rd-loading-text{color:#6b7280;font-weight:500;margin:0}.rd-empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:4rem 2rem;text-align:center}.rd-empty-description{margin:0 0 2rem}.rd-create-first-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.rd-create-first-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.rd-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.rd-candidates-table{background:#fff;border-collapse:collapse;width:100%}.rd-table-col-name{width:14%}.rd-table-col-email{width:12%}.rd-table-col-phone{min-width:130px;width:10%}.rd-table-col-position{min-width:150px;width:12%}.rd-table-col-department{min-width:120px;width:10%}.rd-table-col-experience{min-width:100px;width:8%}.rd-table-col-skills{min-width:150px;width:12%}.rd-table-col-location,.rd-table-col-status{min-width:100px;width:8%}.rd-table-col-actions{min-width:120px;width:8%}.rd-candidate-avatar-small{font-size:.9rem}.rd-candidate-company{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.rd-company-icon,.rd-skill-more{font-size:.7rem}.rd-skill-more{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;display:inline-block;font-weight:500;line-height:1;padding:.2rem .5rem}.rd-status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;min-width:80px;padding:.4rem .75rem;text-align:center;text-transform:uppercase;white-space:nowrap}.rd-status-applied{border:1px solid #dbeafe}.rd-status-shortlisted{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.rd-status-under-review{background:#e0f2fe;border:1px solid #bae6fd;color:#0c4a6e}.rd-status-rejected{border:1px solid #fecaca}.rd-status-hired{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.rd-status-interview{background:#f3e8ff;border:1px solid #e9d5ff;color:#6b21a8}.rd-table-cell-location{color:#6b7280;font-size:.85rem}.rd-table-actions{flex-direction:column}.rd-action-btn{text-align:left;width:100%}@media (max-width:1400px){.rd-candidates-table{font-size:.85rem}.rd-table-cell{padding:.875rem 1rem}}@media (max-width:1200px){.rd-table-wrapper{overflow-x:auto}.rd-candidates-table{min-width:1200px}}@media (max-width:1024px){.rd-candidates-header{align-items:stretch;flex-direction:column}.rd-candidates-actions{justify-content:center}.rd-candidates-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rd-candidates-section{padding:1rem}.rd-candidates-stats{grid-template-columns:1fr}.rd-candidate-stat-card{padding:1.25rem}.rd-candidate-stat-number{font-size:1.75rem}.rd-candidates-actions{flex-direction:column}.rd-export-all-button,.rd-refresh-button{justify-content:center}.rd-table-actions{flex-direction:row;flex-wrap:wrap}.rd-action-btn{flex:1 1;font-size:.7rem;justify-content:center;min-width:60px;padding:.35rem .5rem}.rd-download-btn{flex-basis:100%}}@media (max-width:480px){.rd-candidate-name-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.rd-candidate-avatar-small{font-size:.8rem;height:32px;width:32px}.rd-phone-cell{align-items:flex-start;flex-direction:column;gap:.25rem}.rd-skills-scroll-container{max-height:45px}.rd-skill-more,.rd-skill-tag-small{font-size:.65rem;padding:.15rem .4rem}.rd-status-badge{font-size:.7rem;min-width:70px;padding:.3rem .6rem}}@media print{.rd-candidates-actions,.rd-candidates-stats,.rd-table-col-actions{display:none}.rd-candidates-table{font-size:12px;width:100%}.rd-table-cell{padding:.5rem .75rem}}.rd-applications-modal{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;height:auto;padding:2rem;width:100%;z-index:10000}.rd-modal-content.rd-table-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:100vh;max-width:1200px;width:95%}.rd-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;padding:1.5rem 2rem}.rd-modal-title{color:#111827;flex-wrap:wrap;font-size:1.5rem;gap:.75rem}.rd-applications-count{background:#667eea;color:#fff;font-size:.9rem;padding:.25rem .75rem}.rd-modal-actions{gap:1rem}.rd-export-button{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 2px 8px #10b9814d;font-size:.9rem;gap:.5rem;padding:.75rem 1.25rem}.rd-export-button:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.rd-export-icon{font-size:1.1rem}.rd-close-button{background:none;border:none;border-radius:6px;color:#6b7280;font-size:2rem;height:40px;padding:.25rem;width:40px}.rd-close-button:hover{background:#f3f4f6;color:#374151}.rd-applications-stats{grid-gap:.75rem;background:#fff;border-bottom:1px solid #f1f5f9;gap:.75rem;grid-template-columns:repeat(6,1fr);padding:1.5rem 2rem}.rd-app-stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;overflow:hidden;padding:1.25rem 1rem;position:relative}.rd-app-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rd-app-stat-active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#667eea;box-shadow:0 4px 12px #667eea26}.rd-app-stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.rd-app-stat-active:before{transform:scaleX(1)}.rd-app-stat-number{color:#111827;display:block;font-size:1.75rem;margin-bottom:.5rem}.rd-app-stat-label{color:#6b7280;font-size:.8rem;letter-spacing:.5px}.rd-applications-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.rd-filter-group{gap:1rem;margin-bottom:1rem}.rd-search-box{align-items:center;display:flex}.rd-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem 2.5rem .75rem 1rem}.rd-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rd-search-icon{color:#6b7280;font-size:1rem;right:1rem}.rd-sort-select,.rd-status-filter{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;min-width:150px;padding:.75rem 1rem}.rd-sort-select:focus,.rd-status-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rd-clear-filters{background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem 1.25rem}.rd-clear-filters:hover{background:#dc2626;transform:translateY(-1px)}.rd-results-info{color:#6b7280;font-size:.9rem;text-align:right}.rd-empty-applications{background:#f8fafc;border-radius:0 0 16px 16px;padding:4rem 2rem}.rd-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.rd-empty-title{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.rd-empty-description{color:#6b7280;font-size:1.05rem;line-height:1.5;margin:0 0 2rem 490px;text-align:center}.rd-table-wrapper{background:#fff}.rd-applications-table{background:#fff;min-width:1000px}.rd-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.rd-table-header tr th{border-bottom:1px solid #e2e8f0;color:#374151;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.rd-table-col-checkbox{min-width:50px;width:4%}.rd-table-col-name{min-width:180px;width:16%}.rd-table-col-email{min-width:160px;width:14%}.rd-table-col-phone{min-width:140px;width:12%}.rd-table-col-experience{min-width:120px;width:10%}.rd-table-col-skills{min-width:200px;width:18%}.rd-table-col-status{min-width:130px;width:12%}.rd-table-col-date{min-width:100px;width:8%}.rd-table-col-actions{min-width:150px;width:6%}.rd-table-body{background:#fff}.rd-table-row{border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.rd-table-row:hover{background:#f8fafc}.rd-table-row:last-child{border-bottom:none}.rd-table-cell{border-bottom:1px solid #f1f5f9;font-size:.9rem;padding:1rem 1.25rem;vertical-align:top}.rd-table-cell-checkbox{text-align:center}.rd-row-select,.rd-select-all{accent-color:#667eea;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.rd-row-select:checked,.rd-select-all:checked{background-color:#667eea;border-color:#667eea}.rd-candidate-name-cell{align-items:flex-start;gap:.75rem}.rd-candidate-avatar-small{background:linear-gradient(135deg,#667eea,#764ba2);font-size:.85rem;font-weight:600;height:36px;width:36px}.rd-candidate-info{flex:1 1;min-width:0}.rd-candidate-name{word-wrap:break-word;color:#111827;line-height:1.3;margin-bottom:.25rem}.rd-candidate-location{color:#6b7280;font-size:.8rem;gap:.25rem}.rd-location-icon{font-size:.7rem}.rd-email-link{color:#667eea;font-size:.9rem;word-break:break-all}.rd-email-link:hover{color:#5a6fd8}.rd-phone-cell{gap:.5rem}.rd-phone-link{color:#374151;font-size:.9rem;white-space:nowrap}.rd-phone-link:hover{color:#667eea}.rd-whatsapp-btn{background:none;border-radius:4px;font-size:1.1rem;opacity:.7;padding:.25rem}.rd-whatsapp-btn:hover{background:#f3f4f6;opacity:1}.rd-skills-cell{max-width:200px}.rd-skills-scroll-container{gap:.25rem;padding-right:.25rem}.rd-skills-scroll-container::-webkit-scrollbar{width:4px}.rd-skills-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.rd-skills-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.rd-skills-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rd-skill-tag-small{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;display:inline-block;font-size:.7rem;line-height:1;padding:.2rem .5rem}.rd-no-skills{color:#9ca3af;font-size:.8rem}.rd-status-select{border:1px solid #d1d5db;font-size:.8rem;font-weight:500;max-width:120px;padding:.5rem .75rem;width:100%}.rd-status-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.rd-status-applied{background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.rd-status-under-review{background:#fef3c7;border-color:#fde68a;color:#92400e}.rd-status-shortlisted{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.rd-status-rejected{background:#fef2f2;border-color:#fecaca;color:#991b1b}.rd-status-hired{background:#dcfce7;border-color:#bbf7d0;color:#166534}.rd-table-cell-date{color:#374151;font-size:.85rem;font-weight:500;white-space:nowrap}.rd-table-actions{gap:.5rem}.rd-action-btn{background:#fff;border:1px solid #d1d5db;font-size:.75rem;gap:.4rem;padding:.4rem .6rem}.rd-download-btn{background:#f0fdf4;border-color:#d1fae5;color:#10b981}.rd-email-btn{background:#eff6ff;border-color:#dbeafe;color:#3b82f6;padding:.4rem}.rd-profile-btn{background:#faf5ff;border-color:#e9d5ff;color:#8b5cf6;padding:.4rem}.rd-action-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.rd-btn-icon{flex-shrink:0;font-size:.8rem}.rd-more-actions-btn{background:none;background:#fff;border:1px solid #d1d5db;color:#6b7280;font-size:1rem;padding:.4rem .6rem}.rd-more-actions-btn:hover{background:#f3f4f6;border-color:#9ca3af}.rd-actions-menu{border:1px solid #e2e8f0;box-shadow:0 10px 25px #00000026;min-width:180px;opacity:0;padding:.5rem;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.rd-actions-dropdown:hover .rd-actions-menu{opacity:1;transform:translateY(0);visibility:visible}.rd-action-menu-item{background:none;border-radius:6px;color:#374151;font-size:.85rem;gap:.5rem;padding:.75rem 1rem}.rd-action-menu-item:hover{background:#f3f4f6}.rd-action-delete{color:#ef4444}.rd-action-delete:hover{background:#fef2f2}.rd-action-icon{font-size:1rem;text-align:center}.rd-pagination-container{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.rd-pagination-info{color:#6b7280;font-size:.9rem;margin-bottom:1rem;text-align:center}.rd-pagination-controls{flex-wrap:wrap;gap:1rem}.rd-pagination-btn{border:1px solid #d1d5db;color:#374151;font-size:.9rem;gap:.5rem;padding:.75rem 1.25rem;white-space:nowrap}.rd-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.rd-pagination-numbers{gap:.5rem}.rd-pagination-number{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.9rem;min-width:44px;padding:.75rem 1rem;text-align:center}.rd-pagination-number:hover{background:#f9fafb;border-color:#9ca3af}.rd-pagination-active{background:#667eea;border-color:#667eea}.rd-pagination-ellipsis{color:#9ca3af;font-weight:600;padding:.75rem .5rem}.rd-page-size-control{gap:.5rem}.rd-page-size-select{border:1px solid #d1d5db;color:#374151;font-size:.9rem;font-weight:500;padding:.75rem 1rem}@media (max-width:1200px){.rd-applications-stats{grid-template-columns:repeat(3,1fr)}.rd-modal-content.rd-table-modal{max-height:95vh;width:98%}}@media (max-width:768px){.rd-applications-modal{padding:1rem}.rd-modal-header{align-items:stretch;flex-direction:column;gap:1rem}.rd-modal-actions{justify-content:space-between}.rd-applications-stats{grid-template-columns:repeat(2,1fr);padding:1rem}.rd-applications-filters{padding:1rem}.rd-filter-group{align-items:stretch;flex-direction:column}.rd-search-box{min-width:auto}.rd-results-info{text-align:center}.rd-pagination-container{padding:1rem}.rd-pagination-controls{flex-direction:column;gap:1rem}.rd-pagination-numbers{order:-1}}@media (max-width:480px){.rd-applications-stats{grid-template-columns:1fr}.rd-app-stat-card{padding:1rem}.rd-app-stat-number{font-size:1.5rem}.rd-candidate-name-cell{align-items:flex-start;flex-direction:column;gap:.5rem}.rd-table-actions{flex-direction:column;gap:.25rem}.rd-action-btn{font-size:.7rem;justify-content:center;padding:.35rem .5rem}.rd-actions-dropdown{width:100%}.rd-more-actions-btn{justify-content:center;width:100%}}.rd-plan-badge{border-radius:12px;font-size:.75rem;padding:4px 8px}.rd-plan-paid{background:#d4edda;border:1px solid #c3e6cb}.rd-plan-trial{background:#fff3cd;border:1px solid #ffeaa7}.rd-plan-none{background:#f8d7da;border:1px solid #f5c6cb}.rd-subscription-card{border:2px solid #e9ecef;position:relative}.rd-subscription-card.rd-plan-paid{border-color:#28a745}.rd-subscription-card.rd-plan-trial{border-color:#ffc107}.rd-upgrade-prompt{background:#007bff;border-radius:4px;font-size:.75rem;padding:4px 8px}.rd-upgrade-prompt:hover{background:#0056b3}.rd-subscription-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;gap:12px;padding:16px}.rd-warning-icon{font-size:1.5rem}.rd-warning-content h4{margin:0 0 4px}.rd-warning-actions{gap:8px}.rd-subscription-status{border-left:3px solid #007bff;min-width:200px;padding-left:12px}.rd-subscription-info{display:flex;flex-direction:column;gap:4px}.rd-plan-badge{border-radius:16px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;min-width:80px;padding:6px 12px;text-align:center;text-transform:uppercase}.rd-plan-paid{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;box-shadow:0 2px 4px #28a74533;color:#155724}.rd-plan-trial{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;box-shadow:0 2px 4px #ffc10733;color:#856404}.rd-plan-none{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;box-shadow:0 2px 4px #dc354533;color:#721c24}.rd-plan-date{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:.75rem;font-weight:500;padding:4px 8px}.rd-upgrade-now-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;margin-top:4px;padding:6px 12px;transition:all .3s ease}.rd-upgrade-now-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.rd-subscription-card.rd-plan-paid{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border:2px solid #28a745}.rd-subscription-card.rd-plan-trial{background:linear-gradient(135deg,#fffdf0,#fff5d6);border:2px solid #ffc107}.rd-subscription-card.rd-plan-none{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border:2px solid #dc3545}.rd-upgrade-prompt{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 2px 4px #007bff4d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .3s ease}.rd-upgrade-prompt:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff66;transform:translateY(-2px)}.rd-subscription-warning{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 8px #ffc10733;display:flex;gap:16px;margin:16px 0;padding:20px}.rd-warning-icon{flex-shrink:0;font-size:2rem}.rd-warning-content h4{color:#856404;font-size:1.2rem;margin:0 0 8px}.rd-warning-content p{color:#856404;font-size:.95rem;margin:0}.rd-warning-actions{display:flex;flex-shrink:0;gap:12px;margin-left:auto}.rd-user-info-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.rd-user-info-item{display:flex;flex-direction:column;gap:4px}.rd-info-label{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rd-info-value{color:#495057;font-size:.9rem;font-weight:600}.recruit-navbar{background:linear-gradient(135deg,#1a1f36,#2d3748);border-bottom:1px solid #ffffff1a;height:64px;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;gap:20px;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.nav-brand{flex-shrink:0}.logo-wrapper{align-items:center;display:flex;gap:8px;padding:8px 0}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:1.5rem;padding:6px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap}.nav-center{display:flex;flex:1 1;justify-content:center;max-width:400px}.user-subscription-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:12px;padding:6px 12px}.user-info-compact{align-items:center;border-right:1px solid #ffffff1a;display:flex;gap:8px;padding-right:12px}.user-avatar-sm{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-details-sm{display:flex;flex-direction:column;gap:2px}.user-name-sm{color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap}.user-company-sm{color:#ffffffb3;font-size:.7rem;white-space:nowrap}.subscription-compact{align-items:center;display:flex}.subscription-badge{border:1px solid #0000;border-radius:16px;cursor:pointer;font-size:.75rem;transition:all .3s ease;white-space:nowrap}.subscription-badge.premium{background:linear-gradient(135deg,#ffd70033,#ff6b0033);border-color:#ffd7004d;color:gold}.subscription-badge.trial{background:linear-gradient(135deg,#4facfe33,#00f2fe33);border-color:#4facfe4d;color:#4facfe}.subscription-badge.basic{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea4d;color:#667eea}.subscription-badge.no-plan{background:linear-gradient(135deg,#a0aec033,#71809633);border-color:#a0aec04d;color:#a0aec0}.subscription-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.badge-icon{font-size:.9rem}.badge-text{font-size:.7rem}.upgrade-indicator{align-items:center;background:#48bb78;border-radius:50%;color:#fff;display:flex;font-size:.6rem;height:16px;justify-content:center;transition:all .3s ease;width:16px}.upgrade-indicator:hover{background:#38a169;transform:scale(1.1)}.nav-actions{flex-shrink:0;gap:8px}.nav-actions,.nav-btn{align-items:center;display:flex}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.nav-btn:hover{background:#ffffff1a;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-1px)}.support-btn:hover{background:#4299e133;border-color:#4299e14d}.logout-btn:hover{background:#f5656533;border-color:#f565654d}.btn-icon{font-size:1.1rem}.notification-dot{background:#48bb78;border:2px solid #1a1f36;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.menu-line{background:#fff;height:2px;transition:all .3s ease;width:20px}@media (max-width:1024px){.nav-container{gap:16px;padding:0 16px}.logo-text{font-size:1.1rem}.user-subscription-wrapper{gap:10px;padding:6px 10px}.user-info-compact{gap:6px;padding-right:10px}.user-name-sm{font-size:.75rem}.user-company-sm{font-size:.65rem}}@media (max-width:768px){.nav-container{padding:0 12px}.logo-text,.user-company-sm{display:none}.user-subscription-wrapper{gap:8px;padding:4px 8px}.subscription-badge{gap:4px;padding:4px 8px}.badge-text{font-size:.65rem}.nav-btn{height:36px;width:36px}}@media (max-width:480px){.nav-container{gap:8px;padding:0 8px}.user-name-sm{display:none}.user-info-compact{border-right:none;padding-right:0}.subscription-badge .badge-text{display:none}.subscription-badge{padding:6px}.nav-actions{gap:4px}}.subscription-badge.trial .upgrade-indicator{animation:pulse 2s infinite}.rd-plan-premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rd-plan-trial{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.rd-plan-basic{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.rd-plan-none{background:linear-gradient(135deg,#868686,#a5a5a5);color:#fff}.subscription-badge{align-items:center;border:1px solid #fff3;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.subscription-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2)}.subscription-badge.trial{background:linear-gradient(135deg,#f093fb,#f5576c)}.subscription-badge.basic{background:linear-gradient(135deg,#4facfe,#00f2fe)}.subscription-badge.no-plan{background:linear-gradient(135deg,#868686,#a5a5a5)}.badge-icon{font-size:14px}.badge-text{font-size:11px;font-weight:600}.upgrade-indicator{cursor:pointer;font-weight:700;margin-left:4px}.hrna-navbar{background:#fff;border-bottom:2px solid #f0f0f0;box-shadow:0 2px 8px #1e23300d;font-family:Raleway,sans-serif;margin-left:281px;margin-top:-43px;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.hrna-nav-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 32px}.hrna-nav-brand{flex-shrink:0}.hrna-logo-wrapper{align-items:center;display:flex;gap:12px}.hrna-logo-icon{font-size:28px;line-height:1}.hrna-logo-text{color:#1e2330;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.hrna-nav-center{display:flex;flex:1 1;justify-content:center}.hrna-user-subscription-wrapper{align-items:center;background:#f8f9fa;border:1px solid #e8e9eb;border-radius:12px;display:flex;gap:24px;padding:12px 20px}.hrna-user-info-compact{align-items:center;display:flex;gap:12px}.hrna-user-avatar-sm{align-items:center;background:linear-gradient(135deg,#c62828,#e53935);border-radius:50%;box-shadow:0 2px 4px #c6282833;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.hrna-user-details-sm{display:flex;flex-direction:column;gap:2px;min-width:0}.hrna-user-name-sm{color:#1e2330;font-size:15px;font-weight:600}.hrna-company-name-sm,.hrna-user-name-sm{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrna-company-name-sm{color:#6b7280;font-size:13px;font-weight:400}.hrna-subscription-compact{flex-shrink:0}.hrna-subscription-badge{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;cursor:default;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.hrna-subscription-badge.hrna-premium{background:linear-gradient(135deg,#1e2330,#2d3548);border-color:#1e2330;color:#fff}.hrna-subscription-badge.hrna-trial{background:linear-gradient(135deg,#fff9e6,#fffbf0);border-color:gold;color:#1e2330}.hrna-subscription-badge.hrna-basic{background:#fff;border-color:#d0d0d0;color:#1e2330}.hrna-subscription-badge.hrna-no-plan{background:#fff;border-color:#c62828;color:#c62828;cursor:pointer;transition:all .3s ease}.hrna-subscription-badge.hrna-no-plan:hover{background:#c62828;box-shadow:0 4px 12px #c6282840;color:#fff;transform:translateY(-1px)}.hrna-badge-icon{font-size:16px;line-height:1}.hrna-badge-text{font-size:13px;font-weight:600}.hrna-upgrade-indicator{align-items:center;background:#c62828;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;margin-left:4px;transition:all .3s ease;width:22px}.hrna-upgrade-indicator:hover{background:#b71c1c;box-shadow:0 4px 12px #c628284d;transform:translateY(-2px)}.hrna-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.hrna-nav-btn{align-items:center;background:#fff;border:1.5px solid #e8e9eb;border-radius:10px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.hrna-nav-btn:hover{background:#f8f9fa;border-color:#1e2330;box-shadow:0 4px 12px #1e23301a;transform:translateY(-2px)}.hrna-btn-icon{font-size:20px;line-height:1}.hrna-logout-btn:hover{background:#fff5f5;border-color:#c62828}.hrna-notification-dot{animation:pulse-notification 2s infinite;background:#c62828;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}@keyframes pulse-notification{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:1024px){.hrna-nav-container{gap:16px;padding:14px 20px}.hrna-user-subscription-wrapper{gap:16px;padding:10px 16px}.hrna-logo-text{font-size:20px}.hrna-user-name-sm{font-size:14px}.hrna-company-name-sm{font-size:12px}}@media (max-width:768px){.hrna-nav-container{flex-wrap:wrap;padding:12px 16px}.hrna-nav-center{margin-top:12px;order:3;width:100%}.hrna-user-subscription-wrapper{justify-content:space-between;width:100%}.hrna-nav-actions{gap:8px}.hrna-nav-btn{height:40px;width:40px}}@media (max-width:480px){.hrna-logo-text{font-size:18px}.hrna-user-subscription-wrapper{align-items:stretch;flex-direction:column;gap:12px}.hrna-subscription-badge{justify-content:center}}.hd-pipeline-wrapper{background:linear-gradient(135deg,#f8f9fa,#fff);font-family:Raleway,sans-serif;overflow:hidden;padding:40px 32px;position:relative}.hd-pipeline-wrapper:before{background:linear-gradient(135deg,#c6282808,#1e23300d);border-radius:0 0 50% 50%/0 0 20px 20px;content:"";height:300px;left:0;position:absolute;right:0;top:0;z-index:0}.hd-header-container{margin-bottom:48px;position:relative;z-index:1}.hd-title-block{padding-bottom:20px;position:relative;text-align:center}.hd-title-decorator{animation:expandWidth 1s ease-out;background:linear-gradient(90deg,#c62828,#1e2330);border-radius:10px;height:4px;margin:0 auto 16px;width:60px}@keyframes expandWidth{0%{opacity:0;width:0}to{opacity:1;width:60px}}.hd-main-title{animation:fadeInDown .6s ease-out;color:#1e2330;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.hd-subtitle{animation:fadeInUp .8s ease-out;color:#6b7280;font-size:16px;font-weight:400;margin:0}.hd-header-wave{bottom:-50px;height:100px;left:0;line-height:0;opacity:.1;overflow:hidden;position:absolute;width:100%}.hd-header-wave svg{display:block;height:100px;position:relative;width:calc(100% + 1.3px)}.hd-wave-shape{fill:#c62828;animation:waveAnimation 8s ease-in-out infinite}@keyframes waveAnimation{0%,to{transform:translateX(0)}50%{transform:translateX(-25px)}}.hd-metrics-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;position:relative;z-index:1}.hd-metric-card{animation:cardSlideIn .6s ease-out backwards;border:2px solid #0000;border-radius:20px;cursor:pointer;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1)}.hd-metric-card:first-child{animation-delay:.1s}.hd-metric-card:nth-child(2){animation-delay:.2s}.hd-metric-card:nth-child(3){animation-delay:.3s}.hd-metric-card:nth-child(4){animation-delay:.4s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hd-metric-card:hover{box-shadow:0 20px 40px #1e233026;transform:translateY(-8px) scale(1.02)}.hd-card-primary:hover{border-color:#3b82f6}.hd-card-success:hover{border-color:#10b981}.hd-card-info:hover{border-color:#8b5cf6}.hd-card-premium:hover{border-color:#fbbf24}.hd-card-trial:hover{border-color:#f59e0b}.hd-card-inactive:hover{border-color:#9ca3af}.hd-card-glow{background:radial-gradient(circle,currentColor 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.hd-metric-card:hover .hd-card-glow{animation:rotateGlow 3s linear infinite;opacity:.05}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hd-glow-blue{color:#3b82f6}.hd-glow-green{color:#10b981}.hd-glow-purple{color:#8b5cf6}.hd-glow-gold{color:#fbbf24}.hd-glow-orange{color:#f59e0b}.hd-glow-gray{color:#9ca3af}.hd-card-pattern{background:radial-gradient(circle at 30% 30%,#fffc 0,#0000 60%);height:150px;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;width:150px}.hd-card-inner{align-items:flex-start;display:flex;gap:20px;position:relative;z-index:2}.hd-icon-wrapper{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .4s ease;width:64px}.hd-metric-card:hover .hd-icon-wrapper{transform:scale(1.1) rotate(5deg)}.hd-icon-bg{background:currentColor;inset:0;opacity:.1;position:absolute;transition:all .4s ease}.hd-metric-card:hover .hd-icon-bg{opacity:.2;transform:scale(1.2)}.hd-icon{stroke-width:2.5;height:32px;position:relative;transition:all .4s ease;width:32px;z-index:1}.hd-metric-card:hover .hd-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:scale(1.1)}.hd-icon-blue{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}.hd-icon-green{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.hd-icon-purple{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6}.hd-icon-gold{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);color:#fbbf24}.hd-icon-orange{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.hd-icon-gray{background:linear-gradient(135deg,#9ca3af1a,#9ca3af0d);color:#9ca3af}.hd-card-content{flex:1 1;min-width:0}.hd-metric-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:8px}.hd-metric-value{animation:countUp 1s ease-out;color:#1e2330;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.hd-metric-label{color:#6b7280;font-size:14px;font-weight:500;line-height:1.4;margin:0}.hd-trend-indicator{align-items:center;animation:bounce 2s infinite;border-radius:8px;display:flex;height:28px;justify-content:center;width:28px}.hd-trend-up{background:linear-gradient(135deg,#10b9811a,#10b98133);color:#10b981}.hd-trend-indicator svg{height:16px;width:16px}.hd-pulse-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:12px;position:relative;width:12px}.hd-pulse-dot:before{animation:pulseBorder 2s infinite;border:2px solid #10b981;border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes pulseBorder{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.hd-premium-badge{align-items:center;animation:sparkle 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.hd-premium-badge svg{height:16px;width:16px}.hd-plan-info{font-size:13px}.hd-upgrade-button{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:10px;box-shadow:0 4px 12px #c6282833;color:#fff;cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .3s ease}.hd-upgrade-button:hover{background:linear-gradient(135deg,#b71c1c,#a31818);box-shadow:0 6px 20px #c628284d;transform:translateY(-2px)}.hd-button-text{transition:transform .3s ease}.hd-upgrade-button:hover .hd-button-text{transform:translateX(-4px)}.hd-button-icon{height:18px;transition:transform .3s ease;width:18px}.hd-upgrade-button:hover .hd-button-icon{transform:translateX(4px)}.hd-card-accent{background:currentColor;bottom:0;height:4px;left:0;position:absolute;right:0;transition:all .4s ease}.hd-metric-card:hover .hd-card-accent{box-shadow:0 -2px 12px currentColor;height:6px}.hd-accent-blue{color:#3b82f6}.hd-accent-green{color:#10b981}.hd-accent-purple{color:#8b5cf6}.hd-accent-gold{color:#fbbf24}.hd-accent-orange{color:#f59e0b}.hd-accent-gray{color:#9ca3af}@media (max-width:1024px){.hd-metrics-container{grid-template-columns:repeat(2,1fr)}.hd-main-title{font-size:28px}}@media (max-width:768px){.hd-pipeline-wrapper{padding:24px 16px}.hd-metrics-container{gap:16px;grid-template-columns:1fr}.hd-main-title{font-size:24px}.hd-metric-card{padding:20px}.hd-icon-wrapper{height:56px;width:56px}.hd-icon{height:28px;width:28px}.hd-metric-value{font-size:28px}}.hs-sidebar-container{background:#fff;border-right:2px solid #f0f0f0;box-shadow:2px 0 12px #1e23300d;display:flex;flex-direction:column;font-family:Raleway,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:280px;z-index:100}.hs-sidebar-header{background:linear-gradient(135deg,#1e2330,#2d3548);overflow:hidden;padding:28px 24px;position:relative}.hs-sidebar-header:before{animation:headerGlow 6s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.hs-header-content{position:relative;z-index:1}.hs-sidebar-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.hs-title-underline{animation:underlineExpand .8s ease-out;background:linear-gradient(90deg,#c62828,#0000);border-radius:10px;height:3px;width:50px}@keyframes underlineExpand{0%{opacity:0;width:0}to{opacity:1;width:50px}}.hs-nav-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.hs-nav-menu::-webkit-scrollbar{width:6px}.hs-nav-menu::-webkit-scrollbar-track{background:#f8f9fa}.hs-nav-menu::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:10px}.hs-nav-menu::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.hs-nav-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;justify-content:space-between;margin-bottom:8px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hs-nav-item:before{background:#c62828;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.hs-nav-item:hover:before{transform:scaleY(1)}.hs-nav-item:hover{background:#f8f9fa;border-color:#e8e9eb;transform:translateX(4px)}.hs-nav-item.hs-nav-active{background:linear-gradient(135deg,#c628280d,#c628281a);border-color:#c62828;box-shadow:0 4px 12px #c6282826}.hs-nav-item.hs-nav-active:before{transform:scaleY(1)}.hs-nav-content{flex:1 1;gap:14px;min-width:0}.hs-nav-content,.hs-nav-icon{align-items:center;display:flex}.hs-nav-icon{background:linear-gradient(135deg,#f8f9fa,#e8e9eb);border-radius:10px;height:40px;justify-content:center;min-width:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.hs-nav-icon:before{background:linear-gradient(135deg,#c62828,#b71c1c);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.hs-nav-item:hover .hs-nav-icon{transform:scale(1.1) rotate(-5deg)}.hs-nav-item.hs-nav-active .hs-nav-icon{background:linear-gradient(135deg,#c62828,#b71c1c);box-shadow:0 4px 12px #c628284d}.hs-nav-item.hs-nav-active .hs-nav-icon:before{opacity:1}.hs-icon-svg{stroke:#6b7280;height:22px;position:relative;transition:all .3s ease;width:22px;z-index:1}.hs-nav-item:hover .hs-icon-svg{stroke:#1e2330;transform:scale(1.1)}.hs-nav-item.hs-nav-active .hs-icon-svg{stroke:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hs-nav-text{color:#1e2330;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.hs-nav-item:hover .hs-nav-text{color:#c62828}.hs-nav-item.hs-nav-active .hs-nav-text{color:#c62828;font-weight:700}.hs-nav-indicator{background:#0000;border:2px solid #0000;border-radius:50%;height:8px;min-width:8px;opacity:0;transition:all .3s ease;width:8px}.hs-nav-item:hover .hs-nav-indicator{border-color:#c62828;opacity:1}.hs-nav-item.hs-nav-active .hs-nav-indicator{animation:indicatorPulse 2s infinite;background:#c62828;border-color:#c62828;opacity:1}@keyframes indicatorPulse{0%,to{box-shadow:0 0 0 0 #c6282866;transform:scale(1)}50%{box-shadow:0 0 0 4px #c6282800;transform:scale(1.2)}}.hs-sidebar-footer{background:#f8f9fa;border-top:2px solid #f0f0f0;padding:20px 24px}.hs-footer-badge{align-items:center;background:linear-gradient(135deg,#1e2330,#2d3548);border-radius:10px;box-shadow:0 4px 12px #1e233026;cursor:default;display:flex;gap:10px;padding:12px 16px;transition:all .3s ease}.hs-footer-badge:hover{box-shadow:0 6px 20px #1e233040;transform:translateY(-2px)}.hs-badge-icon{stroke:#c62828;animation:badgeIconBounce 2s ease-in-out infinite;height:20px;width:20px}@keyframes badgeIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hs-badge-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}@media (max-width:1024px){.hs-sidebar-container{width:240px}.hs-nav-text{font-size:14px}.hs-nav-icon{height:36px;min-width:36px;width:36px}.hs-icon-svg{height:20px;width:20px}}@media (max-width:768px){.hs-sidebar-container{transition:width .3s ease;width:70px}.hs-sidebar-container:hover{width:240px}.hs-sidebar-title,.hs-title-underline{display:none}.hs-sidebar-header{min-height:60px;padding:20px 16px}.hs-nav-content{gap:0}.hs-nav-text{display:none}.hs-sidebar-container:hover .hs-nav-text{display:block}.hs-nav-item{justify-content:center;padding:12px}.hs-sidebar-container:hover .hs-nav-item{justify-content:space-between;padding:14px 16px}.hs-nav-indicator{display:none}.hs-sidebar-container:hover .hs-nav-indicator{display:block}.hs-sidebar-footer{padding:16px 12px}.hs-footer-badge{flex-direction:column;gap:4px;padding:12px 8px}.hs-badge-text{display:none}.hs-sidebar-container:hover .hs-footer-badge{flex-direction:row;gap:10px;padding:12px 16px}.hs-sidebar-container:hover .hs-badge-text{display:block}}.hs-nav-item{animation:navItemSlideIn .4s ease-out backwards}.hs-nav-item:first-child{animation-delay:.1s}.hs-nav-item:nth-child(2){animation-delay:.15s}.hs-nav-item:nth-child(3){animation-delay:.2s}.hs-nav-item:nth-child(4){animation-delay:.25s}.hs-nav-item:nth-child(5){animation-delay:.3s}.hs-nav-item:nth-child(6){animation-delay:.35s}.hs-nav-item:nth-child(7){animation-delay:.4s}@keyframes navItemSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.jr-main-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;padding:24px}.jr-action-bar{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:20px 24px;position:relative}.jr-action-bar:before{animation:actionBarGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#c62828,#d84315 50%,#ff6f00);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes actionBarGlow{0%,to{opacity:.8}50%{opacity:1}}.jr-action-left{gap:24px}.jr-action-left,.jr-create-btn{align-items:center;display:flex}.jr-create-btn{background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #c628284d;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:12px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.jr-create-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 8px 25px #c6282866;transform:translateY(-2px)}.jr-create-btn:active{transform:translateY(0)}.jr-btn-icon-wrapper{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px;z-index:1}.jr-btn-icon{stroke:#fff;stroke-width:2;height:20px;width:20px}.jr-btn-text{position:relative;z-index:1}.jr-btn-shine{animation:buttonShine 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes buttonShine{0%{left:-100%}to{left:100%}}.jr-quick-stats{border-left:2px solid #f0f0f0;gap:16px;padding-left:24px}.jr-quick-stats,.jr-stat-item{align-items:center;display:flex}.jr-stat-item{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;gap:12px;padding:8px 16px;transition:all .3s ease}.jr-stat-item:hover{background:#c6282808;border-color:#c62828;transform:translateY(-2px)}.jr-stat-icon{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.jr-stat-total{background:linear-gradient(135deg,#1e23301a,#2d35481a)}.jr-stat-total svg{stroke:#1e2330;height:20px;width:20px}.jr-stat-active{background:linear-gradient(135deg,#c628281a,#b71c1c1a)}.jr-stat-active svg{stroke:#c62828;height:20px;width:20px}.jr-stat-content{display:flex;flex-direction:column}.jr-stat-number{color:#1e2330;font-size:20px;font-weight:700;line-height:1}.jr-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.jr-stat-divider{background:linear-gradient(180deg,#0000,#e0e0e0,#0000);height:40px;width:1px}.jr-action-right{align-items:center;display:flex;gap:16px}.jr-view-tabs{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;display:flex;padding:4px}.jr-view-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.jr-view-tab:hover{background:#1e23300d;color:#1e2330}.jr-view-tab.jr-tab-active{background:#1e2330;box-shadow:0 4px 12px #1e233033;color:#fff}.jr-tab-count{background:#ffffff1a;border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.jr-tab-active .jr-tab-count{background:#fff3}.jr-filter-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.jr-filter-btn:hover{background:#c6282808;border-color:#c62828;transform:translateY(-2px)}.jr-filter-btn.jr-filter-active{background:#c628280d;border-color:#c62828;color:#c62828}.jr-filter-icon{stroke:currentColor;height:18px;width:18px}.jr-filter-badge{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.jr-filters-container{animation:filtersSlideDown .4s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;margin-bottom:24px;padding:24px}@keyframes filtersSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.jr-filters-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.jr-filters-title-group{align-items:center;display:flex;gap:12px}.jr-filters-icon{stroke:#c62828;height:24px;width:24px}.jr-filters-title{color:#1e2330;font-size:18px;font-weight:700;margin:0}.jr-clear-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.jr-clear-btn:hover:not(:disabled){background:#ffebee;border-color:#c62828;color:#c62828}.jr-clear-btn:disabled{cursor:not-allowed;opacity:.5}.jr-clear-btn svg{stroke:currentColor;height:16px;width:16px}.jr-filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.jr-filter-group{display:flex;flex-direction:column;gap:10px}.jr-filter-label{align-items:center;color:#1e2330;display:flex;font-size:14px;font-weight:600;gap:8px}.jr-label-icon{stroke:#6b7280;height:16px;width:16px}.jr-search-wrapper{align-items:center;display:flex;position:relative}.jr-search-icon{stroke:#6b7280;height:18px;left:16px;pointer-events:none;position:absolute;width:18px}.jr-search-input{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;font-family:Raleway,sans-serif;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.jr-search-input:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.jr-clear-search{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .3s ease}.jr-clear-search:hover{background:#f0f0f0}.jr-clear-search svg{stroke:#6b7280;height:16px;width:16px}.jr-select-wrapper{align-items:center;display:flex;position:relative}.jr-filter-select{-webkit-appearance:none;appearance:none;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.jr-filter-select:focus{background:#fff;border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.jr-select-arrow{stroke:#6b7280;height:16px;pointer-events:none;position:absolute;right:16px;width:16px}.jr-active-filters{background:#c628280d;border:2px solid #c628281a;border-radius:10px;margin-bottom:16px;padding:16px}.jr-filters-label{color:#c62828;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.jr-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.jr-filter-tag{align-items:center;background:#fff;border:2px solid #ffebee;border-radius:8px;color:#c62828;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.jr-filter-tag svg{stroke:currentColor;height:12px;width:12px}.jr-filter-tag button{background:#0000;border:none;color:#c62828;cursor:pointer;font-size:16px;padding:0 4px;transition:all .3s ease}.jr-filter-tag button:hover{color:#b71c1c;transform:scale(1.2)}.jr-results-summary{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;padding:12px 16px}.jr-summary-content{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px}.jr-summary-icon{stroke:#6b7280;height:16px;width:16px}.jr-summary-content strong{color:#1e2330;font-weight:700}.jr-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.jr-empty-illustration{margin-bottom:32px}.jr-empty-circle{align-items:center;animation:emptyCircleFloat 6s ease-in-out infinite;background:linear-gradient(135deg,#f8f9fa,#e8e9eb);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto;position:relative;width:120px}@keyframes emptyCircleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.jr-empty-circle:before{animation:emptyCircleRotate 10s linear infinite;background:linear-gradient(135deg,#c62828,#0000 70%);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes emptyCircleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.jr-empty-icon{stroke:#6b7280;height:48px;width:48px}.jr-empty-title{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 12px}.jr-empty-description{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.jr-empty-action-btn{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.jr-empty-action-btn:hover{box-shadow:0 8px 25px #c628284d;transform:translateY(-2px)}.jr-jobs-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:32px}.jr-job-card{animation:cardAppear .6s cubic-bezier(.4,0,.2,1) backwards;background:#fff;border:2px solid #f1f5f9;border-radius:16px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.jr-job-card:hover{border-color:#c62828;box-shadow:0 20px 40px #1e233026;transform:translateY(-8px)}.jr-card-expired{border-color:#ffcdd2;opacity:.9}.jr-card-expired:hover{border-color:#ef9a9a}.jr-card-glow{background:linear-gradient(90deg,#c62828,#d84315 50%,#ff6f00);height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.jr-job-card:hover .jr-card-glow{opacity:1}.jr-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f0f0f0;padding:24px}.jr-header-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.jr-job-title{color:#1e2330;font-size:20px;font-weight:700;line-height:1.3;margin:0}.jr-status-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.jr-badge-active{background:#4caf501a;border:2px solid #a5d6a7;color:#2e7d32}.jr-badge-expired{background:#f443361a;border:2px solid #ffcdd2;color:#c62828}.jr-badge-dot{animation:badgePulse 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.jr-dept-tag{align-items:center;background:#fff;border:2px solid #e8e9eb;border-radius:10px;color:#6b7280;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.jr-dept-tag svg{stroke:currentColor;height:14px;width:14px}.jr-header-stats{display:flex;gap:12px}.jr-stat-badge{align-items:center;background:#1e23300d;border-radius:8px;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.jr-stat-badge svg{stroke:currentColor;height:14px;width:14px}.jr-card-body{padding:24px}.jr-job-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 20px}.jr-skills-section{margin-bottom:20px}.jr-skills-header{align-items:center;color:#1e2330;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.jr-skills-header svg{stroke:#c62828;height:16px;width:16px}.jr-skills-list{display:flex;flex-wrap:wrap;gap:8px}.jr-skill-chip{background:#c628281a;border:2px solid #c6282833;border-radius:20px;color:#c62828;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.jr-skill-chip:hover{background:#c6282833;transform:translateY(-2px)}.jr-skill-more{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:20px;color:#6b7280;font-size:12px;font-weight:500;padding:6px 12px}.jr-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.jr-info-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.jr-info-item:hover{background:#fff;border-color:#e8e9eb;transform:translateY(-2px)}.jr-info-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.jr-icon-location{background:linear-gradient(135deg,#2196f31a,#2196f30d)}.jr-icon-location svg{stroke:#2196f3}.jr-icon-salary{background:linear-gradient(135deg,#4caf501a,#4caf500d)}.jr-icon-salary svg{stroke:#4caf50}.jr-icon-deadline{background:linear-gradient(135deg,#ff98001a,#ff98000d)}.jr-icon-deadline svg{stroke:#ff9800}.jr-info-content{display:flex;flex-direction:column;min-width:0}.jr-info-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.jr-info-value{color:#1e2330;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jr-link-section{background:#c6282808;border:2px solid #c628281a;border-radius:10px;padding:16px}.jr-link-header{align-items:center;color:#c62828;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.jr-link-header svg{stroke:currentColor;height:16px;width:16px}.jr-link-box{display:flex;gap:8px}.jr-link-input{background:#fff;border:2px solid #e8e9eb;border-radius:8px;color:#6b7280;flex:1 1;font-family:Raleway,sans-serif;font-size:13px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis}.jr-link-input:focus{border-color:#c62828;outline:none}.jr-copy-btn{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.jr-copy-btn:hover{background:#b71c1c;transform:translateY(-2px)}.jr-copy-btn:active{transform:translateY(0)}.jr-copy-btn svg{stroke:currentColor;height:14px;width:14px}.jr-card-footer{background:#f8fafc;border-top:2px solid #f0f0f0;display:flex;gap:12px;padding:20px 24px}.jr-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.jr-btn-edit{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.jr-btn-edit:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.jr-btn-view{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.jr-btn-view:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.jr-btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.jr-btn-delete:hover{box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.jr-action-btn svg{stroke:currentColor;height:16px;width:16px}.jr-pagination-wrapper{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;display:flex;justify-content:space-between;padding:20px}.jr-pagination-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px}.jr-pagination-info svg{stroke:#6b7280;height:16px;width:16px}.jr-pagination-info strong{color:#1e2330;font-weight:700}.jr-pagination-controls{align-items:center;display:flex;gap:16px}.jr-page-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.jr-page-btn:hover:not(:disabled){background:#fff;border-color:#c62828;color:#c62828}.jr-page-btn:disabled{cursor:not-allowed;opacity:.5}.jr-page-btn svg{stroke:currentColor;height:16px;width:16px}.jr-page-numbers{display:flex;gap:4px}.jr-page-number{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.jr-page-number:hover{background:#fff;border-color:#c62828;color:#c62828}.jr-page-number.jr-page-active{background:#c62828;border-color:#c62828;color:#fff}.jr-page-ellipsis{font-weight:700;height:40px;justify-content:center;width:40px}.jr-page-ellipsis,.jr-page-size-selector{align-items:center;color:#6b7280;display:flex}.jr-page-size-selector{font-size:14px;gap:8px}.jr-page-size-select{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;padding:8px 16px}.jr-page-size-select:focus{border-color:#c62828;outline:none}@media (max-width:1200px){.jr-jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1024px){.jr-main-container{margin-left:240px}.jr-action-bar{align-items:stretch;flex-direction:column;gap:20px}.jr-action-left{justify-content:space-between}.jr-quick-stats{border-left:none;border-top:2px solid #f0f0f0;justify-content:center;padding-left:0;padding-top:20px}}@media (max-width:768px){.jr-main-container{margin-left:70px}.jr-filters-grid,.jr-info-grid,.jr-jobs-grid{grid-template-columns:1fr}.jr-card-footer{flex-direction:column}.jr-pagination-wrapper{flex-direction:column;gap:20px;text-align:center}}@media (max-width:640px){.jr-main-container{margin-left:0;padding:16px}.jr-action-left{flex-direction:column;gap:16px}.jr-view-tabs{flex-wrap:wrap}.jr-view-tab{flex:1 1;justify-content:center;min-width:100px}}.rde-jobs-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;padding:24px}.rde-jobs-header{align-items:flex-start;background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.rde-header-left{flex:1 1}.rde-page-title{color:#1e2330;font-size:28px;font-weight:700;margin:0 0 8px}.rde-page-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.rde-create-job-btn,.rde-header-right{align-items:center;display:flex}.rde-create-job-btn{background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #c628284d;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.rde-create-job-btn:hover{box-shadow:0 8px 25px #c6282866;transform:translateY(-2px)}.rde-btn-icon{stroke:#fff;stroke-width:2;height:20px;width:20px}.rde-filters-section{margin-bottom:24px}.rde-quick-filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.rde-search-box{flex:1 1;min-width:300px;position:relative}.rde-search-icon{stroke:#6b7280;height:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.rde-search-input{background:#fff;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;font-family:Raleway,sans-serif;font-size:14px;padding:14px 16px 14px 44px;transition:all .3s ease;width:100%}.rde-search-input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.rde-clear-search-btn{align-items:center;background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease}.rde-clear-search-btn svg{stroke:#6b7280;height:16px;width:16px}.rde-filter-controls{display:flex;flex-wrap:wrap;gap:16px}.rde-filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.rde-filter-label{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.rde-filter-icon{stroke:#6b7280;height:14px;width:14px}.rde-filter-select{background:#fff;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease}.rde-filter-select:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.rde-active-filters{background:#fff;border:2px solid #f1f5f9;border-radius:12px;margin-top:16px;padding:20px}.rde-filters-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.rde-filters-title{align-items:center;color:#1e2330;display:flex;font-size:14px;font-weight:600;gap:8px}.rde-filters-icon{stroke:#c62828;height:16px;width:16px}.rde-clear-all-filters-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.rde-clear-all-filters-btn:hover{background:#ffebee;border-color:#c62828;color:#c62828}.rde-clear-all-filters-btn svg{stroke:currentColor;height:14px;width:14px}.rde-filter-chips{display:flex;flex-wrap:wrap;gap:10px}.rde-filter-chip{align-items:center;background:#c628280d;border:2px solid #c628281a;border-radius:20px;color:#c62828;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.rde-chip-text{white-space:nowrap}.rde-chip-remove{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .3s ease}.rde-chip-remove:hover{background:#c628281a}.rde-chip-remove svg{stroke:currentColor;height:12px;width:12px}.rde-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.rde-stat-card{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;cursor:default;display:flex;gap:16px;padding:24px;transition:all .3s ease}.rde-stat-card:hover{border-color:#c62828;box-shadow:0 8px 30px #1e23301a;transform:translateY(-4px)}.rde-stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.rde-stat-total{background:linear-gradient(135deg,#1e23301a,#2d35481a)}.rde-stat-total svg{stroke:#1e2330;height:24px;width:24px}.rde-stat-active{background:linear-gradient(135deg,#4caf501a,#4caf500d)}.rde-stat-active svg{stroke:#4caf50;height:24px;width:24px}.rde-stat-expired{background:linear-gradient(135deg,#f443361a,#f443360d)}.rde-stat-expired svg{stroke:#f44336;height:24px;width:24px}.rde-stat-applicants{background:linear-gradient(135deg,#2196f31a,#2196f30d)}.rde-stat-applicants svg{stroke:#2196f3;height:24px;width:24px}.rde-stat-content{display:flex;flex-direction:column}.rde-stat-number{color:#1e2330;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.rde-stat-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rde-jobs-table-container{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;margin-bottom:32px;overflow:hidden}.rde-jobs-table-wrapper{overflow-x:auto}.rde-jobs-table{min-width:1000px;width:100%}.rde-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e8e9eb}.rde-table-header-row{color:#1e2330;display:grid;font-size:14px;font-weight:600;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.rde-table-cell{align-items:center;display:flex;padding:8px 12px}.rde-table-body{max-height:600px;overflow-y:auto}.rde-job-row{border-bottom:2px solid #f8f9fa;transition:all .3s ease}.rde-job-row:hover{background:#f8fafc}.rde-job-row.rde-row-expanded{background:#f8fafc;border-bottom-color:#e8e9eb}.rde-row-main{cursor:pointer;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:20px 24px;transition:all .3s ease}.rde-row-main:hover{background:#f0f4f8}.rde-job-info{display:flex;flex-direction:column;gap:8px}.rde-job-title{color:#1e2330;font-size:16px;font-weight:700;line-height:1.3;margin:0}.rde-job-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.rde-job-salary{color:#4caf50;font-weight:600}.rde-job-location{align-items:center;display:flex;gap:4px}.rde-dept-badge{background:#2196f31a;border:2px solid #2196f333;border-radius:20px;color:#2196f3;font-size:13px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.rde-applicants-info{align-items:center;display:flex;flex-direction:column}.rde-applicants-count{color:#1e2330;font-size:20px;font-weight:700}.rde-applicants-label{color:#6b7280}.rde-applicants-label,.rde-status-badge{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.rde-status-badge{align-items:center;border-radius:20px;display:flex;font-weight:600;gap:6px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.rde-status-active{background:#4caf501a;border:2px solid #4caf5033;color:#2e7d32}.rde-status-expired{background:#f443361a;border:2px solid #f4433633;color:#c62828}.rde-status-dot{animation:statusPulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.rde-deadline-info{display:flex;flex-direction:column;gap:4px}.rde-deadline-date{color:#1e2330;font-size:14px;font-weight:600}.rde-deadline-days{color:#6b7280;font-size:12px}.rde-vacancies-badge{background:#9c27b01a;border:2px solid #9c27b033;border-radius:20px;color:#9c27b0;font-size:13px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.rde-action-buttons{display:flex;gap:8px}.rde-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.rde-btn-copy{background:#2196f31a;color:#2196f3}.rde-btn-copy:hover{background:#2196f3;color:#fff;transform:translateY(-2px)}.rde-btn-edit{background:#ff98001a;color:#ff9800}.rde-btn-edit:hover{background:#ff9800;color:#fff;transform:translateY(-2px)}.rde-btn-view{background:#4caf501a;color:#4caf50}.rde-btn-view:hover{background:#4caf50}.rde-action-btn svg{stroke:currentColor;height:16px;width:16px}.rde-row-expandable{animation:slideDown .3s ease-out;background:#fff;border-top:2px solid #f1f5f9}.rde-candidates-panel{padding:24px}.rde-candidates-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.rde-candidates-title{align-items:center;color:#1e2330;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.rde-candidates-count{background:#f8f9fa;border-radius:20px;color:#6b7280;font-size:14px;font-weight:600;padding:4px 12px}.rde-candidates-actions{display:flex;gap:12px}.rde-export-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.rde-export-btn:hover{box-shadow:0 4px 15px #4caf504d;transform:translateY(-2px)}.rde-copy-link-btn{background:linear-gradient(135deg,#2196f3,#1976d2);padding:10px 20px}.rde-copy-link-btn:hover{box-shadow:0 4px 15px #2196f34d}.rde-export-icon,.rde-link-icon{stroke:currentColor;height:16px;width:16px}.rde-loading-candidates{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.rde-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#c62828;height:40px;width:40px}.rde-candidates-table{background:#fff;border:2px solid #f1f5f9;border-radius:12px;overflow:hidden}.rde-candidates-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e8e9eb;color:#1e2330;display:grid;font-size:13px;font-weight:600;grid-template-columns:1.5fr 1.5fr 1fr 1fr 2fr 1fr 1fr;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.rde-candidates-table-body{max-height:400px;overflow-y:auto}.rde-candidate-row{border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 2fr 1fr 1fr;padding:16px 24px;transition:all .3s ease}.rde-candidate-row:hover{background:#f8fafc}.rde-candidate-col{align-items:center;display:flex;padding:8px 12px}.rde-candidate-info{align-items:center;display:flex;gap:12px}.rde-candidate-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.rde-candidate-details{display:flex;flex-direction:column;gap:4px}.rde-candidate-name{color:#1e2330;font-size:14px;font-weight:600}.rde-candidate-location{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.rde-location-icon{stroke:currentColor;height:12px;width:12px}.rde-candidate-email{color:#2196f3;font-size:14px;text-decoration:none;transition:all .3s ease}.rde-candidate-email:hover{color:#1976d2;text-decoration:underline}.rde-phone-info{align-items:center;display:flex;gap:8px}.rde-phone-link{color:#1e2330;font-size:14px;text-decoration:none;transition:all .3s ease}.rde-phone-link:hover{color:#c62828}.rde-whatsapp-btn{align-items:center;background:#25d3661a;border:none;border-radius:8px;color:#25d366;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.rde-whatsapp-btn:hover{background:#25d366;color:#fff;transform:scale(1.1)}.rde-whatsapp-icon{stroke:currentColor;height:14px;width:14px}.rde-no-phone{color:#9ca3af;font-size:13px;font-style:italic}.rde-experience-badge{background:#ff98001a;border:2px solid #ff980033;border-radius:20px;color:#ff9800;font-size:13px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.rde-skills-list{display:flex;flex-wrap:wrap;gap:6px}.rde-skill-chip{background:#9c27b01a;border:2px solid #9c27b033;border-radius:16px;color:#9c27b0}.rde-skill-chip,.rde-skill-more{font-size:12px;font-weight:500;padding:4px 10px}.rde-skill-more{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:16px;color:#6b7280}.rde-status-select{border:2px solid #e8e9eb;border-radius:8px;cursor:pointer;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;min-width:120px;padding:8px 12px;transition:all .3s ease}.rde-status-select:focus{border-color:#c62828;outline:none}.rde-status-applied{border-color:#bbdefb;color:#2196f3}.rde-status-under-review{border-color:#ffe0b2;color:#ff9800}.rde-status-shortlisted{border-color:#c8e6c9;color:#4caf50}.rde-status-rejected{border-color:#ffcdd2;color:#f44336}.rde-status-hired{border-color:#e1bee7;color:#9c27b0}.rde-candidate-actions{display:flex;gap:8px}.rde-action-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.rde-btn-resume{background:#2196f31a;color:#2196f3}.rde-btn-resume:hover{background:#2196f3;color:#fff;transform:translateY(-2px)}.rde-btn-view{background:#ff98001a;color:#ff9800}.rde-btn-view:hover{background:#ff9800;color:#fff;transform:translateY(-2px)}.rde-btn-interview{background:#9c27b01a;color:#9c27b0}.rde-btn-interview:hover{background:#9c27b0;color:#fff;transform:translateY(-2px)}.rde-action-icon svg{stroke:currentColor;height:14px;width:14px}.rde-no-candidates{background:#f8fafc;border:2px dashed #e8e9eb;border-radius:12px;flex-direction:column;padding:60px 24px;text-align:center}.rde-no-candidates,.rde-no-candidates-icon{align-items:center;display:flex;justify-content:center}.rde-no-candidates-icon{background:#c628281a;border-radius:50%;height:64px;margin-bottom:20px;width:64px}.rde-no-candidates-icon svg{stroke:#c62828;height:32px;width:32px}.rde-no-candidates-title{color:#1e2330;font-size:20px;font-weight:700;margin:0 0 12px}.rde-no-candidates-description{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 24px;max-width:400px}.rde-application-link{display:flex;gap:12px;max-width:500px;width:100%}.rde-link-input{background:#fff;border:2px solid #e8e9eb;border-radius:10px;color:#6b7280;flex:1 1;padding:12px 16px}.rde-copy-link-btn,.rde-link-input{font-family:Raleway,sans-serif;font-size:14px}.rde-copy-link-btn{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.rde-copy-link-btn:hover{box-shadow:0 4px 15px #c628284d;transform:translateY(-2px)}.rde-copy-link-btn svg{stroke:currentColor;height:16px;width:16px}.rde-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.rde-empty-illustration{margin-bottom:32px}.rde-empty-icon{stroke:#9ca3af;height:80px;width:80px}.rde-empty-title{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 12px}.rde-empty-description{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.rde-clear-filters-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.rde-clear-filters-btn:hover{background:#e8e9eb;border-color:#c62828;color:#c62828}.rde-create-first-btn{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.rde-create-first-btn:hover{box-shadow:0 8px 25px #c628284d;transform:translateY(-2px)}.rde-pagination-wrapper{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;display:flex;justify-content:space-between;padding:20px 24px}.rde-pagination-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px}.rde-pagination-info svg{stroke:#6b7280;height:16px;width:16px}.rde-pagination-info strong{color:#1e2330;font-weight:700}.rde-pagination-controls{align-items:center;display:flex;gap:16px}.rde-page-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.rde-page-btn:hover:not(:disabled){background:#fff;border-color:#c62828;color:#c62828}.rde-page-btn:disabled{cursor:not-allowed;opacity:.5}.rde-page-btn svg{stroke:currentColor;height:16px;width:16px}.rde-page-numbers{display:flex;gap:4px}.rde-page-number{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.rde-page-number:hover{background:#fff;border-color:#c62828;color:#c62828}.rde-page-number.rde-page-active{background:#c62828;border-color:#c62828;color:#fff}.rde-page-ellipsis{font-weight:700;height:40px;justify-content:center;width:40px}.rde-page-ellipsis,.rde-page-size-selector{align-items:center;color:#6b7280;display:flex}.rde-page-size-selector{font-size:14px;gap:8px}.rde-page-size-select{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;padding:8px 16px}.rde-page-size-select:focus{border-color:#c62828;outline:none}@media (max-width:1200px){.rde-jobs-section{margin-left:240px}.rde-row-main,.rde-table-header-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr}.rde-candidate-row,.rde-candidates-table-header{grid-template-columns:1.2fr 1.2fr 1fr .8fr 1.5fr 1fr 1fr}}@media (max-width:768px){.rde-jobs-section{margin-left:70px}.rde-jobs-header{gap:20px}.rde-jobs-header,.rde-quick-filters{flex-direction:column}.rde-search-box{min-width:100%}.rde-filter-controls{width:100%}.rde-filter-group{flex:1 1;min-width:150px}}@media (max-width:640px){.rde-jobs-section{margin-left:0;padding:16px}.rde-stats-grid{grid-template-columns:1fr}.rde-pagination-wrapper{flex-direction:column;gap:20px}.rde-pagination-controls{flex-wrap:wrap;justify-content:center}.rde-application-link{flex-direction:column}}.rde-skills-modal-overlay{align-items:center;animation:rde-fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes rde-fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.rde-skills-modal{animation:rde-slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:100%}@keyframes rde-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rde-modal-header{align-items:center;background:linear-gradient(90deg,#fff,#fff5f5);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px}.rde-modal-title{align-items:center;display:flex;gap:16px}.rde-modal-icon{stroke-width:1.5;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;height:32px;padding:8px;width:32px}.rde-title-content{display:flex;flex-direction:column;gap:4px}.rde-modal-main-title{color:#111827;font-size:22px;font-weight:700;letter-spacing:-.025em;margin:0}.rde-modal-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0}.rde-modal-close-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rde-modal-close-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:rotate(90deg)}.rde-modal-close-btn svg{stroke-width:2;height:20px;width:20px}.rde-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.rde-no-skills{align-items:center;background:#fafafa;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.rde-no-skills-icon{stroke-width:1;color:#9ca3af;height:64px;margin-bottom:20px;width:64px}.rde-no-skills-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.rde-no-skills-description{color:#6b7280;font-size:14px;margin:0;max-width:300px}.rde-skills-summary{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.rde-skills-count{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;display:flex;gap:12px;padding:12px 20px}.rde-count-number{color:#dc2626;font-size:28px;font-weight:800;line-height:1}.rde-count-label{color:#374151;font-size:14px;font-weight:500;white-space:nowrap}.rde-skills-categories{display:flex;gap:12px}.rde-category-badge{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.02em;padding:8px 16px}.rde-category-technical{background:#dc2626;border:1px solid #b91c1c;color:#fff}.rde-category-soft{background:#1f2937;border:1px solid #111827;color:#fff}.rde-skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.rde-skill-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.rde-skill-card:hover{border-color:#fca5a5;box-shadow:0 12px 24px -8px #dc262626;transform:translateY(-4px)}.rde-skill-card:before{background:linear-gradient(90deg,#dc2626,#1f2937);content:"";height:3px;left:0;position:absolute;right:0;top:0}.rde-skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rde-skill-index{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:13px;font-weight:600;padding:4px 10px}.rde-skill-proficiency{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.rde-proficiency-bar{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden;width:120px}.rde-progress-fill{background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:3px;height:100%;transition:width .6s ease}.rde-proficiency-level{color:#1f2937;font-size:12px;font-weight:600;white-space:nowrap}.rde-skill-content{margin-bottom:20px}.rde-skill-name{color:#111827;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 10px}.rde-skill-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.rde-skill-footer{display:flex;justify-content:flex-end}.rde-skill-action-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.rde-skill-action-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:translateX(4px)}.rde-skill-action-btn svg{stroke-width:2;height:16px;width:16px}.rde-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px}.rde-modal-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.rde-modal-cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.rde-modal-actions{display:flex;gap:12px}.rde-modal-copy-btn,.rde-modal-export-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s ease}.rde-modal-export-btn{background:#dc2626;border:1px solid #b91c1c;color:#fff}.rde-modal-export-btn:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.rde-modal-copy-btn{background:#1f2937;border:1px solid #111827;color:#fff}.rde-modal-copy-btn:hover{background:#111827;box-shadow:0 4px 12px #1f29374d;transform:translateY(-2px)}.rde-modal-copy-btn svg,.rde-modal-export-btn svg{stroke-width:2;height:18px;width:18px}.rde-modal-body::-webkit-scrollbar{width:8px}.rde-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rde-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dc2626,#1f2937);border-radius:4px}.rde-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b91c1c,#111827)}@media (max-width:768px){.rde-skills-modal{max-height:90vh;max-width:95%}.rde-modal-body,.rde-modal-footer,.rde-modal-header{padding:20px}.rde-skills-grid{grid-template-columns:1fr}.rde-skills-summary{align-items:flex-start}.rde-modal-footer,.rde-skills-summary{flex-direction:column;gap:16px}.rde-modal-actions{justify-content:stretch;width:100%}.rde-modal-copy-btn,.rde-modal-export-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.rde-skills-modal-overlay{padding:10px}.rde-modal-header{align-items:flex-start;flex-direction:column;gap:16px}.rde-modal-close-btn{position:absolute;right:16px;top:16px}.rde-modal-title{width:100%}}.rcan-candidates-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;padding:24px}.rcan-candidates-header{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;margin-bottom:24px;padding:24px}.rcan-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.rcan-title-section{flex:1 1;min-width:300px}.rcan-main-title{color:#1e2330;font-size:28px;font-weight:700;margin:0 0 8px}.rcan-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.rcan-header-actions{display:flex;flex-wrap:wrap;gap:12px}.rcan-export-all-btn,.rcan-refresh-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.rcan-export-all-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.rcan-export-all-btn:hover:not(:disabled){box-shadow:0 4px 15px #4caf504d;transform:translateY(-2px)}.rcan-export-all-btn:disabled{cursor:not-allowed;opacity:.5}.rcan-refresh-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.rcan-refresh-btn:hover{box-shadow:0 4px 15px #2196f34d;transform:translateY(-2px)}.rcan-action-icon{height:18px;width:18px}.rcan-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.rcan-stat-card{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;cursor:default;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.rcan-stat-card:hover{border-color:#c62828;box-shadow:0 8px 30px #1e23301a;transform:translateY(-4px)}.rcan-stat-content{display:flex;flex-direction:column}.rcan-stat-number{color:#1e2330;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.rcan-stat-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rcan-stat-icon{align-items:center;background:linear-gradient(135deg,#c628281a,#c628280d);border-radius:12px;color:#c62828;display:flex;height:48px;justify-content:center;width:48px}.rcan-stat-icon svg{stroke:currentColor;height:24px;width:24px}.rcan-search-filter-bar{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.rcan-search-box{flex:1 1;min-width:300px;position:relative}.rcan-search-icon{stroke:#6b7280;height:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.rcan-search-input{background:#fff;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;font-family:Raleway,sans-serif;font-size:14px;padding:14px 16px 14px 44px;transition:all .3s ease;width:100%}.rcan-search-input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.rcan-clear-search{align-items:center;background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease}.rcan-clear-search:hover{background:#e8e9eb}.rcan-clear-search svg{stroke:#6b7280;height:16px;width:16px}.rcan-filter-select{background:#fff;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;min-width:160px;padding:14px 16px;transition:all .3s ease}.rcan-filter-select:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.rcan-table-container{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;margin-bottom:32px;overflow:hidden}.rcan-table-wrapper{overflow-x:auto}.rcan-table-scroll-container{min-width:1200px}.rcan-candidates-table{border-collapse:collapse;width:100%}.rcan-table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e8e9eb}.rcan-table-header-row{height:60px}.rcan-table-header{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;padding:0 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.rcan-table-body{background:#fff}.rcan-table-row{border-bottom:1px solid #f0f0f0;height:70px;transition:all .3s ease}.rcan-table-row:hover{background:#f8fafc}.rcan-table-cell{overflow:hidden;padding:12px 16px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rcan-candidate-profile{align-items:center;display:flex;gap:12px;min-width:200px}.rcan-candidate-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.rcan-candidate-details{display:flex;flex-direction:column;gap:4px;min-width:0}.rcan-candidate-name{color:#1e2330;font-size:15px;font-weight:600;max-width:150px}.rcan-candidate-company,.rcan-candidate-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcan-candidate-company{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.rcan-company-icon{stroke:currentColor;flex-shrink:0;height:12px;width:12px}.rcan-company-text,.rcan-email-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcan-email-link{color:#2196f3;display:block;font-size:14px;max-width:180px;text-decoration:none;transition:all .3s ease}.rcan-email-link:hover{color:#1976d2;text-decoration:underline}.rcan-phone-wrapper{align-items:center;display:flex;gap:8px}.rcan-phone-link{color:#1e2330;font-size:14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.rcan-phone-link:hover{color:#c62828}.rcan-whatsapp-action{align-items:center;background:#25d3661a;border:none;border-radius:8px;color:#25d366;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .3s ease;width:28px}.rcan-whatsapp-action:hover{background:#25d366;color:#fff;transform:scale(1.1)}.rcan-whatsapp-icon{stroke:currentColor;height:14px;width:14px}.rcan-no-phone{color:#9ca3af;font-size:13px;font-style:italic}.rcan-position-text{color:#1e2330;display:block;font-size:14px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcan-department-badge{background:#2196f31a;border:2px solid #2196f333;border-radius:20px;color:#2196f3}.rcan-department-badge,.rcan-experience-badge{display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.rcan-experience-badge{background:#ff98001a;border:2px solid #ff980033;border-radius:20px;color:#ff9800;white-space:nowrap}.rcan-skills-container{max-width:250px}.rcan-skills-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.rcan-skill-tag{background:#9c27b01a;border:2px solid #9c27b033;border-radius:16px;color:#9c27b0;font-size:11px;font-weight:500;padding:4px 10px;white-space:nowrap}.rcan-no-skills{color:#9ca3af;font-size:13px;font-style:italic}.rcan-view-more-skills{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:16px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.rcan-view-more-skills:hover{background:#e8e9eb;border-color:#c62828;color:#c62828}.rcan-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.rcan-status-applied{background:#2196f31a;border:2px solid #2196f333;color:#2196f3}.rcan-status-under-review{background:#ff98001a;border:2px solid #ff980033;color:#ff9800}.rcan-status-shortlisted{background:#4caf501a;border:2px solid #4caf5033;color:#4caf50}.rcan-status-rejected{background:#f443361a;border:2px solid #f4433633;color:#f44336}.rcan-status-hired{background:#9c27b01a;border:2px solid #9c27b033;color:#9c27b0}.rcan-location-info{align-items:center;display:flex;gap:8px;min-width:120px}.rcan-location-icon{stroke:#6b7280;flex-shrink:0;height:16px;width:16px}.rcan-location-details{display:flex;flex-direction:column;gap:2px;min-width:0}.rcan-location-city{color:#1e2330;font-size:14px;font-weight:500}.rcan-location-city,.rcan-location-country{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcan-location-country{color:#6b7280;font-size:11px}.rcan-no-location{color:#9ca3af;font-size:13px;font-style:italic}.rcan-date-info{align-items:center;display:flex;gap:8px}.rcan-date-day{color:#1e2330;font-size:20px;font-weight:700;text-align:center;width:32px}.rcan-date-details{display:flex;flex-direction:column;gap:2px}.rcan-date-month{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.rcan-date-year{color:#9ca3af;font-size:11px}.rcan-actions-container{display:flex;gap:6px;min-width:160px}.rcan-action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .3s ease;width:34px}.rcan-action-button:disabled{cursor:not-allowed;opacity:.5}.rcan-download-resume{background:#2196f31a;color:#2196f3}.rcan-download-resume:hover:not(:disabled){background:#2196f3;color:#fff;transform:translateY(-2px)}.rcan-no-resume{background:#f8f9fa;color:#9ca3af;cursor:not-allowed}.rcan-send-email{background:#ff98001a;color:#ff9800}.rcan-send-email:hover:not(:disabled){background:#ff9800;color:#fff;transform:translateY(-2px)}.rcan-view-profile{background:#4caf501a;color:#4caf50}.rcan-view-profile:hover:not(:disabled){background:#4caf50;color:#fff;transform:translateY(-2px)}.rcan-whatsapp-btn{background:#25d3661a;color:#25d366}.rcan-whatsapp-btn:hover:not(:disabled){background:#25d366;color:#fff;transform:translateY(-2px)}.rcan-action-icon{stroke:currentColor;height:16px;width:16px}.rcan-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.rcan-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#c62828;height:48px;margin-bottom:20px;width:48px}.rcan-loading-text{color:#6b7280;font-size:16px;margin:0}.rcan-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.rcan-empty-icon{color:#9ca3af;height:80px;margin-bottom:24px;width:80px}.rcan-empty-icon svg{stroke:#9ca3af;height:80px;width:80px}.rcan-empty-title{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 12px}.rcan-empty-description{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.rcan-primary-btn{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.rcan-primary-btn:hover{box-shadow:0 8px 25px #c628284d;transform:translateY(-2px)}.rcan-btn-icon{stroke:#fff;height:18px;width:18px}.rcan-pagination{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;display:flex;justify-content:space-between;padding:20px 24px}.rcan-pagination-info{color:#6b7280;font-size:14px}.rcan-pagination-controls{align-items:center;display:flex;gap:12px}.rcan-pagination-btn{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.rcan-pagination-btn:hover:not(:disabled){background:#fff;border-color:#c62828;color:#c62828}.rcan-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.rcan-pagination-numbers{display:flex;gap:4px}.rcan-pagination-number{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.rcan-pagination-number:hover{background:#fff;border-color:#c62828;color:#c62828}.rcan-pagination-number.rcan-page-active{background:#c62828;border-color:#c62828;color:#fff}@media (max-width:1200px){.rcan-candidates-section{margin-left:240px}.rcan-table-scroll-container{min-width:1000px}}@media (max-width:768px){.rcan-candidates-section{margin-left:70px}.rcan-header-content{align-items:stretch;flex-direction:column}.rcan-header-actions{justify-content:center}.rcan-search-filter-bar{flex-direction:column}.rcan-search-box{min-width:100%}.rcan-pagination{flex-direction:column;gap:20px}}@media (max-width:640px){.rcan-candidates-section{margin-left:0;padding:16px}.rcan-stats-grid{grid-template-columns:1fr}.rcan-candidates-table{font-size:13px}.rcan-table-cell{padding:8px 12px}}.ofn-offer-letters-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Raleway,sans-serif;margin-left:280px;min-height:100vh;padding:24px}.ofn-header-section{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;margin-bottom:24px;padding:24px}.ofn-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.ofn-title-section{flex:1 1;min-width:300px}.ofn-main-title{color:#1e2330;font-size:28px;font-weight:700;margin:0 0 8px}.ofn-subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.ofn-subtitle strong{color:#1e2330;font-weight:700}.ofn-status-sent{color:#2196f3;font-weight:600}.ofn-status-accepted{font-weight:600}.ofn-status-pending{color:#ff9800;font-weight:600}.ofn-header-actions{display:flex;flex-wrap:wrap;gap:12px}.ofn-export-btn,.ofn-refresh-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.ofn-btn-export-all{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.ofn-btn-export-all:hover:not(:disabled){box-shadow:0 4px 15px #4caf504d;transform:translateY(-2px)}.ofn-btn-export-filtered{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.ofn-btn-export-filtered:hover:not(:disabled){box-shadow:0 4px 15px #2196f34d;transform:translateY(-2px)}.ofn-refresh-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.ofn-refresh-btn:hover:not(:disabled){box-shadow:0 4px 15px #9c27b04d;transform:translateY(-2px)}.ofn-export-btn:disabled,.ofn-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.ofn-btn-icon{stroke:currentColor;height:18px;width:18px}.ofn-export-info{background:linear-gradient(135deg,#fff3e0,#ffecb3);border:2px solid #ffcc80;border-radius:12px;margin-bottom:24px;padding:16px 24px}.ofn-info-content{align-items:center;display:flex;gap:12px}.ofn-info-icon{stroke:#ff9800;flex-shrink:0;height:20px;width:20px}.ofn-info-text{color:#ff6f00;font-size:14px;font-weight:500;line-height:1.4}.ofn-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.ofn-stat-card{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;cursor:default;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.ofn-stat-card:hover{border-color:#c62828;box-shadow:0 8px 30px #1e23301a;transform:translateY(-4px)}.ofn-stat-content{display:flex;flex-direction:column}.ofn-stat-number{color:#1e2330;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.ofn-stat-label{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ofn-stat-icon{align-items:center;background:linear-gradient(135deg,#c628281a,#c628280d);border-radius:12px;color:#c62828;display:flex;height:48px;justify-content:center;width:48px}.ofn-stat-icon svg{stroke:currentColor;height:24px;width:24px}.ofn-filters-section{margin-bottom:24px}.ofn-filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.ofn-search-container{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.ofn-search-icon{stroke:#6b7280;height:18px;left:16px;pointer-events:none;position:absolute;width:18px}.ofn-search-input{background:#fff;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;flex:1 1;font-family:Raleway,sans-serif;font-size:14px;padding:14px 16px 14px 44px;transition:all .3s ease}.ofn-search-input:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.ofn-search-input:disabled{background:#f8f9fa;cursor:not-allowed}.ofn-clear-search{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .3s ease}.ofn-clear-search:hover{background:#f0f0f0}.ofn-clear-search svg{stroke:#6b7280;height:16px;width:16px}.ofn-filter-select-wrapper,.ofn-sort-select-wrapper{align-items:center;display:flex;min-width:180px;position:relative}.ofn-filter-icon,.ofn-sort-icon{stroke:#6b7280;height:16px;left:16px;pointer-events:none;position:absolute;width:16px}.ofn-filter-select,.ofn-sort-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e8e9eb;border-radius:12px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;padding:14px 16px 14px 44px;transition:all .3s ease;width:100%}.ofn-filter-select:focus,.ofn-sort-select:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.ofn-filter-select:disabled,.ofn-sort-select:disabled{background:#f8f9fa;cursor:not-allowed}.ofn-clear-filters-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.ofn-clear-filters-btn:hover:not(:disabled){background:#ffebee;border-color:#c62828;color:#c62828}.ofn-clear-filters-btn:disabled{cursor:not-allowed;opacity:.5}.ofn-clear-icon{stroke:currentColor;height:16px;width:16px}.ofn-active-filters{background:#fff;border:2px solid #f1f5f9;border-radius:12px;margin-bottom:24px;padding:20px}.ofn-filters-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.ofn-filters-title{align-items:center;color:#1e2330;display:flex;font-size:14px;font-weight:600;gap:8px}.ofn-filters-title-icon{stroke:#c62828;height:16px;width:16px}.ofn-clear-all-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.ofn-clear-all-btn:hover{background:#ffebee;border-color:#c62828;color:#c62828}.ofn-clear-all-btn svg{stroke:currentColor;height:14px;width:14px}.ofn-filter-chips{display:flex;flex-wrap:wrap;gap:10px}.ofn-filter-chip{align-items:center;background:#c628280d;border:2px solid #c628281a;border-radius:20px;color:#c62828;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.ofn-chip-icon{stroke:currentColor;height:12px;width:12px}.ofn-chip-text{white-space:nowrap}.ofn-chip-remove{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .3s ease}.ofn-chip-remove:hover{background:#c628281a}.ofn-chip-remove svg{stroke:currentColor;height:12px;width:12px}.ofn-table-container{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;margin-bottom:32px;overflow:hidden}.ofn-table-scroll{min-width:1200px}.ofn-offers-table{border-collapse:collapse;width:100%}.ofn-table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e8e9eb}.ofn-header-row{height:60px}.ofn-table-header{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;padding:0 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.ofn-table-body{background:#fff}.ofn-table-row{border-bottom:1px solid #f0f0f0;height:80px;transition:all .3s ease}.ofn-table-row:hover{background:#f8fafc}.ofn-table-cell{overflow:hidden;padding:12px 16px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.ofn-candidate-profile{align-items:center;display:flex;gap:12px;min-width:200px}.ofn-candidate-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.ofn-candidate-details{display:flex;flex-direction:column;gap:4px;min-width:0}.ofn-candidate-name{color:#1e2330;font-size:15px;font-weight:600;max-width:150px}.ofn-candidate-email,.ofn-candidate-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofn-candidate-email{color:#2196f3;font-size:13px;max-width:180px;text-decoration:none;transition:all .3s ease}.ofn-candidate-email:hover{color:#1976d2;text-decoration:underline}.ofn-candidate-phone{align-items:center;display:flex;gap:6px}.ofn-phone-link{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;text-decoration:none;transition:all .3s ease}.ofn-phone-link:hover{color:#c62828}.ofn-phone-icon{stroke:currentColor;height:12px;width:12px}.ofn-position-text{color:#1e2330;display:block;font-size:14px;font-weight:500;max-width:150px}.ofn-department-badge,.ofn-position-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofn-department-badge{background:#2196f31a;border:2px solid #2196f333;border-radius:20px;color:#2196f3;display:inline-block;font-size:12px;font-weight:600;max-width:120px;padding:6px 12px}.ofn-salary-info{align-items:baseline;display:flex;gap:4px}.ofn-salary-amount{color:#1e2330;font-size:15px;font-weight:700}.ofn-salary-period{color:#6b7280;font-size:12px}.ofn-no-salary{color:#9ca3af;font-size:13px;font-style:italic}.ofn-joining-date{display:flex;flex-direction:column;gap:4px}.ofn-days-to-join{background:#4caf501a;border-radius:12px;color:#4caf50;font-size:11px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.ofn-no-date{color:#9ca3af;font-size:13px;font-style:italic}.ofn-status-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.ofn-status-sent_to_candidate{background:#2196f31a;border:2px solid #2196f333;color:#2196f3}.ofn-status-accepted{background:#4caf501a;border:2px solid #4caf5033;color:#4caf50}.ofn-status-rejected{background:#f443361a;border:2px solid #f4433633;color:#f44336}.ofn-status-expired{background:#ff98001a;border:2px solid #ff980033;color:#ff9800}.ofn-status-icon{align-items:center;display:flex;justify-content:center}.ofn-status-icon svg{stroke:currentColor;height:14px;width:14px}.ofn-status-text{white-space:nowrap}.ofn-sent-date{display:flex;flex-direction:column;gap:4px}.ofn-date-main{color:#1e2330;font-size:14px;font-weight:600}.ofn-date-time{color:#6b7280;font-size:12px}.ofn-not-sent{color:#9ca3af;font-size:13px;font-style:italic}.ofn-actions-container{display:flex;gap:8px;min-width:200px}.ofn-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ofn-action-btn:disabled{cursor:not-allowed;opacity:.5}.ofn-btn-view{background:#2196f31a;color:#2196f3}.ofn-btn-view:hover:not(:disabled){background:#2196f3;color:#fff;transform:translateY(-2px)}.ofn-btn-download{background:#4caf501a;color:#4caf50}.ofn-btn-download:hover:not(:disabled){background:#4caf50;color:#fff;transform:translateY(-2px)}.ofn-btn-resend{background:#ff98001a;color:#ff9800}.ofn-btn-resend:hover:not(:disabled){background:#ff9800;color:#fff;transform:translateY(-2px)}.ofn-btn-onboard{background:#9c27b01a;color:#9c27b0}.ofn-btn-onboard:hover:not(:disabled){background:#9c27b0;color:#fff;transform:translateY(-2px)}.ofn-btn-track{background:#9e9e9e1a;color:#757575}.ofn-btn-track:hover:not(:disabled){background:#757575;color:#fff;transform:translateY(-2px)}.ofn-action-icon{stroke:currentColor;height:16px;width:16px}.ofn-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.ofn-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#c62828;height:48px;margin-bottom:20px;width:48px}.ofn-loading-text{color:#6b7280;font-size:16px;margin:0}.ofn-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.ofn-empty-icon{color:#9ca3af;height:80px;margin-bottom:24px;width:80px}.ofn-empty-icon svg{stroke:#9ca3af;height:80px;width:80px}.ofn-empty-title{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 12px}.ofn-empty-description{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.ofn-primary-btn{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.ofn-primary-btn:hover{box-shadow:0 8px 25px #c628284d;transform:translateY(-2px)}.ofn-primary-btn .ofn-btn-icon{stroke:#fff;height:18px;width:18px}.ofn-results-summary{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;margin-bottom:24px;padding:16px 24px}.ofn-summary-content{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.ofn-summary-icon{stroke:#6b7280;height:16px;width:16px}.ofn-summary-content strong{color:#1e2330;font-weight:700}.ofn-pagination-wrapper{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #1e23300d;display:flex;justify-content:space-between;padding:20px 24px}.ofn-pagination-info{align-items:center;display:flex;gap:16px}.ofn-page-size-selector{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.ofn-page-size-select{background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#1e2330;cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;padding:8px 16px;transition:all .3s ease}.ofn-page-size-select:focus{border-color:#c62828;outline:none}.ofn-pagination-controls{align-items:center;display:flex;gap:12px}.ofn-page-btn{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:10px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.ofn-page-btn:hover:not(:disabled){background:#fff;border-color:#c62828;color:#c62828}.ofn-page-btn:disabled{cursor:not-allowed;opacity:.5}.ofn-page-btn svg{stroke:currentColor;height:16px;width:16px}.ofn-page-numbers{display:flex;gap:4px}.ofn-page-number{align-items:center;background:#f8f9fa;border:2px solid #e8e9eb;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ofn-page-number:hover{background:#fff;border-color:#c62828;color:#c62828}.ofn-page-number.ofn-page-active{background:#c62828;border-color:#c62828;color:#fff}.ofn-page-ellipsis{align-items:center;color:#6b7280;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}@media (max-width:1200px){.ofn-offer-letters-section{margin-left:240px}.ofn-table-scroll{min-width:1000px}}@media (max-width:768px){.ofn-offer-letters-section{margin-left:70px}.ofn-header-content{align-items:stretch;flex-direction:column}.ofn-header-actions{justify-content:center}.ofn-filters-container{align-items:stretch;flex-direction:column}.ofn-search-container{min-width:100%}.ofn-filter-select-wrapper,.ofn-sort-select-wrapper{width:100%}.ofn-pagination-wrapper{flex-direction:column;gap:20px}.ofn-pagination-controls{flex-wrap:wrap;justify-content:center}.ofn-actions-container{flex-wrap:wrap;min-width:auto}}@media (max-width:640px){.ofn-offer-letters-section{margin-left:0;padding:16px}.ofn-stats-grid{grid-template-columns:1fr}.ofn-offers-table{font-size:13px}.ofn-table-cell{padding:8px 12px}}.hd-dashboard-wrapper{background:#fff;margin-left:250px;min-height:100vh;padding:24px}.hd-dashboard-header{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 20px #0000000f;margin-bottom:28px;margin-left:20px;overflow:hidden;padding:28px;position:relative}.hd-header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.hd-greeting-section{flex:1 1}.hd-greeting{color:#000;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.hd-user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text;color:#dc2626}.hd-date-time{color:#6b7280;font-size:16px;font-weight:500}.hd-action-buttons{display:flex;gap:16px}.hd-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.hd-btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #dc262633;color:#fff}.hd-btn-primary:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #dc26264d;transform:translateY(-2px)}.hd-btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#dc2626}.hd-btn-secondary:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.hd-btn-icon{stroke-width:2.5;height:20px;width:20px}.hd-stats-bar{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;display:flex;margin-left:20px;padding:18px}.hd-stat-item{flex:1 1;padding:0 20px;text-align:center}.hd-stat-value{color:#000;display:block;font-size:28px;font-weight:700;margin-bottom:4px}.hd-stat-label{color:#6b7280;font-size:14px;font-weight:500}.hd-stat-divider{background:linear-gradient(180deg,#0000,#fca5a5,#0000);height:40px;width:1px}.hd-dashboard-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 400px;margin-left:20px}.hd-left-column,.hd-right-column{display:flex;flex-direction:column;gap:24px}.hd-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hd-section-title{align-items:center;display:flex;gap:12px}.hd-title-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.hd-section-title h2{color:#000;font-size:24px;font-weight:700;margin:0}.hd-period-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:border-color .3s ease}.hd-period-select:focus{border-color:#dc2626;outline:none}.hd-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.hd-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 2px 10px #0000000a;overflow:hidden;padding:20px;position:relative;transition:all .4s ease}.hd-metric-card:hover{border-color:#fca5a5;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.hd-card-header{align-items:flex-start}.hd-card-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.hd-metric-gradient-blue .hd-card-icon{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.hd-metric-gradient-green .hd-card-icon{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:#fff}.hd-metric-gradient-purple .hd-card-icon{background:linear-gradient(135deg,#000,#374151);color:#fff}.hd-card-icon svg{stroke-width:2;height:24px;width:24px}.hd-trend-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.hd-trend-badge,.hd-trend-up{background:#dc26261a;color:#dc2626}.hd-trend-up svg{fill:#dc2626;height:14px;width:14px}.hd-status-indicator{align-items:center;background:#dc26261a;border-radius:20px;color:#dc2626;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.hd-status-pulse{animation:pulse 2s infinite;background:#dc2626;border-radius:50%;height:8px;width:8px}.hd-card-body{margin-bottom:18px}.hd-metric-value{color:#000;font-size:42px;font-weight:800;line-height:1;margin:0 0 8px}.hd-metric-title{color:#6b7280;font-size:16px;font-weight:500;margin:0 0 16px}.hd-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.hd-progress-fill{background:linear-gradient(90deg,#dc2626,#b91c1c);border-radius:3px;height:100%;transition:width 1s ease}.hd-metric-details{background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;margin-top:14px;padding:14px}.hd-detail-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.hd-detail-value{color:#000;font-size:16px}.hd-stats-breakdown{display:flex;flex-direction:column;gap:10px;margin-top:14px}.hd-breakdown-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:10px}.hd-breakdown-dot{border-radius:50%;height:8px;width:8px}.hd-dot-new{background:#dc2626}.hd-dot-screening{background:#991b1b}.hd-dot-interview{background:#000}.hd-card-footer{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:14px}.hd-meta-text{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:8px}.hd-meta-icon{color:#dc2626;height:14px;width:14px}.hd-subscription-card.hd-card-premium{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171}.hd-subscription-card.hd-card-trial{background:linear-gradient(135deg,#fef2f2,#fed7d7);border:2px solid #ef4444}.hd-subscription-card.hd-card-free{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db}.hd-plan-badge{align-items:center;display:flex}.hd-badge-free,.hd-badge-premium,.hd-badge-trial{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.hd-badge-premium{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.hd-badge-trial{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.hd-badge-free{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.hd-plan-name{color:#000;font-size:24px;font-weight:700;margin:0 0 8px}.hd-plan-description{color:#6b7280;font-size:14px;margin:0 0 20px}.hd-plan-details{background:#fffc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:18px;padding:14px}.hd-detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.hd-detail-label{color:#6b7280;font-size:14px}.hd-detail-value{font-size:15px;font-weight:600}.hd-value-active{color:#16a34a}.hd-value-warning{color:#f59e0b}.hd-value-inactive{color:#6b7280}.hd-upgrade-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.hd-upgrade-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.hd-btn-arrow{height:18px;width:18px}.hd-features-section{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 2px 10px #0000000a;padding:20px}.hd-features-title{color:#000;font-size:20px;font-weight:700;margin-bottom:18px}.hd-features-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.hd-feature-card{align-items:center;background:#fef2f2;border:2px solid #fee2e2;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:18px;transition:all .3s ease}.hd-feature-card:hover{background:#fff;border-color:#dc2626;box-shadow:0 6px 15px #dc26261a;transform:translateY(-2px)}.hd-feature-icon{align-items:center;border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.hd-icon-blue{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.hd-icon-green{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:#fff}.hd-icon-purple{background:linear-gradient(135deg,#000,#374151);color:#fff}.hd-icon-orange{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.hd-feature-icon svg{stroke-width:2.5;height:20px;width:20px}.hd-feature-text{color:#000;font-size:14px;font-weight:600;text-align:center}.hd-activity-card,.hd-chart-card,.hd-interviews-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 2px 10px #0000000a;padding:20px}.hd-card-header{justify-content:space-between;margin-bottom:18px}.hd-card-header,.hd-card-title{align-items:center;display:flex}.hd-card-title{color:#000;font-size:20px;font-weight:700;gap:10px;margin:0}.hd-title-icon{color:#dc2626;height:24px;width:24px}.hd-view-all{background:none;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:background-color .3s ease}.hd-view-all:hover{background:#fef2f2}.hd-activity-list{display:flex;flex-direction:column;gap:14px}.hd-activity-item{align-items:flex-start;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;display:flex;gap:10px;padding:14px;transition:all .3s ease}.hd-activity-item:hover{background:#fff;border-color:#fca5a5;transform:translateX(4px)}.hd-activity-icon{align-items:center;background:#fff;border:2px solid #fee2e2;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.hd-activity-icon svg{color:#dc2626;height:18px;width:18px}.hd-activity-content{flex:1 1}.hd-activity-text{color:#000;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 4px}.hd-activity-time{color:#9ca3af;font-size:12px}.hd-activity-status{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.hd-status-new{background:#dc26261a;color:#dc2626}.hd-status-scheduled{background:#f973161a;color:#f97316}.hd-status-completed{background:#22c55e1a;color:#16a34a}.hd-status-review{background:#6b72801a;color:#6b7280}.hd-no-activity,.hd-no-interviews{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.hd-no-activity svg,.hd-no-interviews svg{color:#d1d5db;height:48px;margin-bottom:16px;width:48px}.hd-no-activity p,.hd-no-interviews p{color:#9ca3af;font-size:14px;margin:0}.hd-legend{display:flex;flex-wrap:wrap;gap:10px}.hd-legend-item{align-items:center;color:#000;display:flex;font-size:12px;gap:6px}.hd-legend-color{border-radius:2px;height:10px;width:10px}.hd-color-applied{background:#dc2626}.hd-color-screening{background:#991b1b}.hd-color-interview{background:#000}.hd-color-offer{background:#ef4444}.hd-color-hired{background:#16a34a}.hd-pipeline-chart{height:200px}.hd-chart-placeholder{align-items:center;background:#fef2f2;border:2px dashed #fca5a5;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center}.hd-chart-bars{align-items:flex-end;display:flex;gap:18px;height:120px;justify-content:center;padding:0 20px}.hd-chart-bar{align-items:center;display:flex;flex-direction:column;gap:6px}.hd-bar-fill{border-radius:6px 6px 0 0;min-height:10px;transition:height 1s ease;width:28px}.hd-bar-applied{background:linear-gradient(0deg,#dc2626,#ef4444)}.hd-bar-screening{background:linear-gradient(0deg,#991b1b,#b91c1c)}.hd-bar-interview{background:linear-gradient(0deg,#000,#374151)}.hd-bar-offer{background:linear-gradient(0deg,#ef4444,#f87171)}.hd-bar-hired{background:linear-gradient(0deg,#16a34a,#22c55e)}.hd-bar-label{color:#000;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hd-bar-count{color:#6b7280;font-size:10px;font-weight:600}.hd-interview-count{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.hd-interviews-list{display:flex;flex-direction:column;gap:14px}.hd-interview-item{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;display:flex;gap:14px;padding:14px;transition:all .3s ease}.hd-interview-item:hover{background:#fff;border-color:#fca5a5;transform:translateX(4px)}.hd-interview-time{align-items:center;display:flex;flex-direction:column;min-width:60px}.hd-time{color:#000;font-size:18px;font-weight:700;line-height:1}.hd-date{color:#dc2626;font-size:12px;font-weight:600;margin-top:4px}.hd-interview-details{flex:1 1}.hd-candidate-name{color:#000;font-size:16px;font-weight:600;margin:0 0 4px}.hd-job-title{color:#6b7280;font-size:14px;margin:0 0 8px}.hd-interview-tags{display:flex;gap:6px}.hd-tag{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.hd-tag-type{background:#dc26261a;color:#dc2626}.hd-tag-platform{background:#0000001a;color:#000}.hd-join-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.hd-join-btn:hover{box-shadow:0 4px 15px #dc26264d;transform:scale(1.1)}.hd-join-btn svg{height:18px;width:18px}.hd-view-more{background:#fef2f2;border:2px solid #fee2e2;border-radius:10px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:all .3s ease;width:100%}.hd-view-more:hover{background:#fff;border-color:#dc2626}@media (max-width:1200px){.hd-dashboard-grid{grid-template-columns:1fr}.hd-right-column{max-width:100%}}@media (max-width:768px){.hd-dashboard-wrapper{margin-left:10px;padding:16px}.hd-dashboard-header{margin-left:10px;padding:20px}.hd-dashboard-grid,.hd-stats-bar{margin-left:10px}.hd-metrics-grid{grid-template-columns:1fr}.hd-features-grid{grid-template-columns:repeat(2,1fr)}.hd-header-content{flex-direction:column;gap:16px}.hd-action-buttons{justify-content:center;width:100%}.hd-stats-bar{flex-direction:column;gap:16px}.hd-stat-divider{height:1px;width:100%}}@media (max-width:480px){.hd-features-grid{grid-template-columns:1fr}.hd-greeting{font-size:24px}.hd-metric-value{font-size:32px}.hd-dashboard-wrapper{margin-left:5px}}.rd-applications-modal{align-items:center;animation:rd-modal-fade .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}@keyframes rd-modal-fade{0%{opacity:0}to{opacity:1}}.rd-modal-content{animation:rd-modal-slide .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:100%}@keyframes rd-modal-slide{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rd-modal-header{align-items:center;background:#fff;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.rd-modal-header:after{background:linear-gradient(90deg,#d32f2f,#212121);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.rd-modal-title{align-items:center;color:#212121;display:flex;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0}.rd-applications-count{background:#ffebee;border:1px solid #ffcdd2;border-radius:20px;color:#d32f2f;font-size:20px;font-weight:600;padding:4px 12px}.rd-modal-actions{align-items:center;display:flex;gap:16px}.rd-export-button{align-items:center;background:linear-gradient(135deg,#d32f2f,#b71c1c);border:none;border-radius:10px;box-shadow:0 4px 15px #d32f2f4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.rd-export-button:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#9a0007);box-shadow:0 8px 25px #d32f2f66;transform:translateY(-2px)}.rd-export-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.rd-export-icon{stroke-width:2.5;height:20px;width:20px}.rd-close-button{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.rd-close-button:hover{background:#d32f2f;border-color:#d32f2f;color:#fff;transform:rotate(90deg)}.rd-close-button svg{stroke-width:2;height:24px;width:24px}.rd-applications-stats{grid-gap:16px;background:#fafafa;border-bottom:2px solid #f0f0f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:24px 32px}.rd-app-stat-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center;transition:all .3s ease}.rd-app-stat-card:hover{border-color:#d32f2f;box-shadow:0 8px 20px #d32f2f26;transform:translateY(-4px)}.rd-app-stat-active{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-color:#d32f2f;box-shadow:0 8px 20px #d32f2f33}.rd-app-stat-number{color:#212121;font-size:32px;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000001a}.rd-app-stat-label{color:#666;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.rd-applications-filters{background:#fff;border-bottom:2px solid #f0f0f0;padding:24px 32px}.rd-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.rd-search-box{flex:1 1;min-width:300px;position:relative}.rd-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#212121;font-size:15px;padding:14px 20px 14px 50px;transition:all .3s ease;width:100%}.rd-search-input:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.rd-search-icon{stroke-width:2;color:#666;height:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.rd-sort-select,.rd-status-filter{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#212121;cursor:pointer;font-size:15px;min-width:180px;padding:14px 20px;transition:all .3s ease}.rd-sort-select:focus,.rd-status-filter:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a;outline:none}.rd-clear-filters{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.rd-clear-filters:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.rd-clear-filters svg{stroke-width:2;height:18px;width:18px}.rd-results-info{color:#666;font-size:14px;font-weight:500;padding:12px 4px}.rd-applications-table-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.rd-empty-applications{align-items:center;background:#fafafa;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.rd-empty-icon{stroke-width:1;color:#999;height:80px;margin-bottom:24px;width:80px}.rd-empty-title{color:#333;font-size:22px;font-weight:600;margin:0 0 12px}.rd-empty-description{color:#666;font-size:16px;margin:0;max-width:400px}.rd-table-wrapper{flex:1 1;overflow:auto;position:relative}.rd-applications-table{border-collapse:collapse;min-width:1200px;width:100%}.rd-table-header{background:linear-gradient(135deg,#f5f5f5,#fff);position:-webkit-sticky;position:sticky;top:0;z-index:10}.rd-table-header tr{border-bottom:2px solid #e0e0e0}.rd-table-header th{color:#212121;font-size:14px;font-weight:700;letter-spacing:1px;padding:18px 16px;position:relative;text-align:left;text-transform:uppercase;white-space:nowrap}.rd-table-header th:after{background:linear-gradient(90deg,#d32f2f,#212121);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.rd-select-all{accent-color:#d32f2f;cursor:pointer;height:18px;width:18px}.rd-table-body tr{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.rd-table-body tr:hover{background:#fff9f9}.rd-table-cell{color:#333;font-size:14px;padding:16px;vertical-align:middle}.rd-candidate-name-cell{align-items:center;display:flex;gap:12px}.rd-candidate-avatar-small{align-items:center;background:linear-gradient(135deg,#d32f2f,#212121);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.rd-candidate-info{display:flex;flex-direction:column;gap:4px}.rd-candidate-name{color:#212121;font-size:15px;font-weight:600}.rd-candidate-location{align-items:center;color:#666;display:flex;font-size:13px;gap:4px}.rd-location-icon{stroke-width:2;color:#d32f2f;height:14px;width:14px}.rd-email-link{color:#d32f2f;font-weight:500;text-decoration:none;transition:color .3s ease}.rd-email-link:hover{color:#b71c1c;text-decoration:underline}.rd-phone-cell{align-items:center;display:flex;gap:8px}.rd-phone-link{color:#212121;font-weight:500;text-decoration:none;transition:color .3s ease}.rd-phone-link:hover{color:#d32f2f}.rd-whatsapp-btn{align-items:center;background:#25d366;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.rd-whatsapp-btn:hover{box-shadow:0 4px 12px #25d3664d;transform:scale(1.1)}.rd-whatsapp-btn svg{stroke:#fff;stroke-width:2;height:18px;width:18px}.rd-skills-cell{max-width:250px}.rd-skills-scroll-container{display:flex;flex-wrap:wrap;gap:6px;max-height:60px;overflow-y:auto;padding:4px}.rd-skill-tag-small{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:12px;color:#212121;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.rd-no-skills{color:#999;font-style:italic}.rd-status-select{background:#f5f5f5;border:2px solid #0000;border-radius:6px;color:#212121;cursor:pointer;font-size:13px;font-weight:600;min-width:140px;padding:8px 12px;transition:all .3s ease}.rd-status-select:focus{outline:none}.rd-status-applied{background:#e3f2fd;border-color:#2196f3;color:#1565c0}.rd-status-under-review{background:#fff3e0;border-color:#ff9800;color:#ef6c00}.rd-status-shortlisted{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.rd-status-rejected{background:#ffebee;border-color:#f44336;color:#c62828}.rd-status-hired{background:#f3e5f5;border-color:#9c27b0;color:#6a1b9a}.rd-table-actions{align-items:center;display:flex;gap:8px}.rd-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.rd-download-btn{background:#e3f2fd;color:#1565c0}.rd-download-btn:hover{background:#1565c0;color:#fff;transform:translateY(-2px)}.rd-email-btn{align-items:center;background:#f3e5f5;color:#6a1b9a;display:flex;height:36px;justify-content:center;width:36px}.rd-email-btn:hover{background:#6a1b9a;color:#fff;transform:translateY(-2px)}.rd-profile-btn{align-items:center;background:#e8f5e9;color:#2e7d32;display:flex;height:36px;justify-content:center;width:36px}.rd-profile-btn:hover{background:#2e7d32;color:#fff;transform:translateY(-2px)}.rd-btn-icon{stroke-width:2.5;height:16px;width:16px}.rd-actions-dropdown{display:inline-block;position:relative}.rd-more-actions-btn{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.rd-more-actions-btn:hover{background:#212121;border-color:#212121;color:#fff}.rd-more-actions-btn svg{stroke-width:2;height:20px;width:20px}.rd-actions-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 10px 30px #00000026;display:none;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.rd-actions-dropdown:hover .rd-actions-menu{animation:rd-dropdown-fade .3s ease;display:block}@keyframes rd-dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rd-action-menu-item{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.rd-action-menu-item:hover{background:#f5f5f5;color:#d32f2f}.rd-action-delete:hover{background:#ffebee;color:#d32f2f}.rd-action-icon{stroke-width:2.5;height:16px;width:16px}.rd-pagination-container{background:#fafafa;border-top:2px solid #f0f0f0;padding:24px 32px}.rd-pagination-info{color:#666;font-size:14px;font-weight:500;margin-bottom:16px}.rd-pagination-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.rd-pagination-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.rd-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.rd-pagination-btn:not(:disabled):hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.rd-pagination-icon{stroke-width:2.5;height:16px;width:16px}.rd-pagination-numbers{align-items:center;display:flex;gap:8px}.rd-pagination-number{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.rd-pagination-number:hover{border-color:#d32f2f;color:#d32f2f}.rd-pagination-active{background:linear-gradient(135deg,#d32f2f,#b71c1c);border-color:#d32f2f;box-shadow:0 4px 12px #d32f2f4d;color:#fff}.rd-pagination-ellipsis{color:#999;font-size:14px}.rd-page-size-control{align-items:center;display:flex;gap:8px}.rd-page-size-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#212121;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.rd-page-size-select:focus{border-color:#d32f2f;outline:none}.rd-skills-scroll-container::-webkit-scrollbar,.rd-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.rd-skills-scroll-container::-webkit-scrollbar-track,.rd-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rd-skills-scroll-container::-webkit-scrollbar-thumb,.rd-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d32f2f,#212121);border-radius:4px}.rd-skills-scroll-container::-webkit-scrollbar-thumb:hover,.rd-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b71c1c,#111)}@media (max-width:1200px){.rd-modal-content{max-width:98vw}.rd-filter-group{align-items:stretch;flex-direction:column}.rd-search-box{min-width:100%}.rd-clear-filters,.rd-sort-select,.rd-status-filter{width:100%}}@media (max-width:768px){.rd-applications-modal{padding:10px}.rd-applications-filters,.rd-applications-stats,.rd-modal-header,.rd-pagination-container{padding:20px}.rd-modal-header{align-items:flex-start;flex-direction:column;gap:16px}.rd-modal-actions{justify-content:space-between;width:100%}.rd-applications-stats{grid-template-columns:repeat(2,1fr)}.rd-pagination-controls{flex-direction:column;gap:12px}.rd-pagination-numbers{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.rd-applications-stats{grid-template-columns:1fr}.rd-modal-title{align-items:flex-start;flex-direction:column;font-size:22px;gap:8px}.rd-applications-count{font-size:16px}.rd-table-actions{flex-wrap:wrap}}.jr-create-btn:disabled,.rde-create-job-btn:disabled{background:linear-gradient(135deg,#999,#777);cursor:not-allowed;opacity:.6}.jr-limit-badge{animation:pulse 2s infinite;background:#f44;border:2px solid #fff;border-radius:50%;color:#fff;height:24px;position:absolute;right:-8px;top:-8px;width:24px}.jr-limit-badge,.upgrade-modal-overlay{align-items:center;display:flex;justify-content:center}.upgrade-modal-overlay{background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.upgrade-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.upgrade-modal h3{color:#f44;font-size:24px;margin-bottom:15px}.upgrade-modal p{color:#666;line-height:1.5;margin-bottom:25px}.upgrade-modal-actions{display:flex;gap:15px;justify-content:center}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s}.upgrade-btn:hover{transform:translateY(-2px)}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;font-weight:600;padding:12px 24px}.cancel-btn:hover{background:#e5e5e5}.rd-trial-limit-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.rd-trial-limit-modal{animation:slideUp .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:90%}.rd-trial-modal-header{align-items:center;background:linear-gradient(135deg,#ff9800,#ff5722);display:flex;gap:12px;padding:24px;position:relative}.rd-trial-modal-icon{align-items:center;background:#fff;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.rd-trial-modal-icon svg{color:#ff9800;height:24px;width:24px}.rd-trial-modal-title{color:#fff;flex:1 1;font-size:24px;font-weight:700;margin:0}.rd-trial-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.rd-trial-modal-close svg{color:#fff;height:20px;width:20px}.rd-trial-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.rd-trial-modal-body{padding:24px}.rd-trial-modal-message{color:#333;font-size:16px;line-height:1.6;margin-bottom:24px;text-align:center}.rd-trial-limit-details{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.rd-trial-limit-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;margin-bottom:20px;padding:16px}.rd-trial-limit-icon{align-items:center;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.rd-trial-limit-icon svg{color:#fff;height:24px;width:24px}.rd-trial-limit-content{display:flex;flex-direction:column;gap:4px}.rd-trial-limit-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9800,#ff5722);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.rd-trial-limit-text{color:#666;font-size:14px;font-weight:500}.rd-trial-features-title{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.rd-trial-features-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.rd-trial-feature-item{align-items:center;color:#555;display:flex;font-size:14px;gap:10px}.rd-feature-check{color:#4caf50;flex-shrink:0;height:18px;width:18px}.rd-trial-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;padding:20px 24px}.rd-trial-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.rd-trial-modal-cancel{background:#e9ecef;color:#495057}.rd-trial-modal-cancel:hover{background:#dee2e6;transform:translateY(-2px)}.rd-trial-modal-upgrade{background:linear-gradient(135deg,#ff9800,#ff5722);box-shadow:0 4px 12px #ff98004d;color:#fff}.rd-trial-modal-upgrade:hover{box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}.rd-upgrade-icon{height:20px;width:20px}.rd-trial-notification-bar{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.rd-trial-notification-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1200px;padding:0 20px}.rd-trial-notification-icon{flex-shrink:0;height:20px;width:20px}.rd-trial-notification-text{flex:1 1;font-size:14px;font-weight:500}.rd-trial-limit-reached{color:#ffeb3b;font-weight:700}.rd-trial-notification-upgrade{background:#fff;border:none;border-radius:20px;color:#ff9800;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s ease}.rd-trial-notification-upgrade:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.hrnav-navbar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 10px #0000000d;font-family:Raleway,sans-serif;height:70px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hrnav-nav-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px}.hrnav-nav-brand{flex:0 0 auto}.hrnav-logo-wrapper{align-items:center;display:flex;gap:12px}.hrnav-logo-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.hrnav-logo-icon svg{stroke:#c62828;stroke-width:2;fill:none;height:32px;width:32px}.hrnav-logo-text{color:#1e2330;font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.hrnav-nav-center{display:flex;flex:1 1;justify-content:center}.hrnav-user-subscription-wrapper{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:50px;display:flex;gap:20px;padding:8px 20px}.hrnav-user-info-compact{align-items:center;display:flex;gap:10px}.hrnav-user-avatar-sm{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-family:Raleway,sans-serif;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.hrnav-user-details-sm{display:flex;flex-direction:column;gap:2px}.hrnav-user-name-sm{color:#1e2330;font-size:.9rem;font-weight:600}.hrnav-company-name-sm,.hrnav-user-name-sm{font-family:Raleway,sans-serif;white-space:nowrap}.hrnav-company-name-sm{color:#666;font-size:.8rem}.hrnav-subscription-compact{flex-shrink:0}.hrnav-subscription-badge{align-items:center;border:1px solid #0000;border-radius:20px;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;gap:8px;padding:6px 12px;transition:all .3s ease}.hrnav-subscription-badge:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.hrnav-subscription-badge.premium{background:#c628281a;border-color:#c6282833;color:#c62828}.hrnav-subscription-badge.trial{background:#ffc1071a;border-color:#ffc10733;color:#ff9800}.hrnav-subscription-badge.basic{background:#2196f31a;border-color:#2196f333;color:#2196f3}.hrnav-subscription-badge.hrnav-no-plan{background:#9e9e9e1a;border-color:#9e9e9e33;color:#666}.hrnav-badge-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.hrnav-badge-icon svg{stroke-width:2.5;fill:none;height:16px;width:16px}.hrnav-subscription-badge.premium .hrnav-badge-icon svg{stroke:#c62828}.hrnav-subscription-badge.trial .hrnav-badge-icon svg{stroke:#ff9800}.hrnav-subscription-badge.basic .hrnav-badge-icon svg{stroke:#2196f3}.hrnav-subscription-badge.hrnav-no-plan .hrnav-badge-icon svg{stroke:#666}.hrnav-badge-text{font-weight:600}.hrnav-upgrade-indicator{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;margin-left:4px;transition:all .3s ease;width:16px}.hrnav-upgrade-indicator:hover{transform:translateY(-2px)}.hrnav-upgrade-indicator svg{stroke:#ff9800;stroke-width:3;fill:none;height:12px;width:12px}.hrnav-nav-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.hrnav-nav-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1e2330;cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;position:relative;transition:all .3s ease}.hrnav-nav-btn:hover{background:#f8f9fa;border-color:#c62828;transform:translateY(-1px)}.hrnav-support-btn:hover{background:#2196f31a;color:#2196f3}.hrnav-notification-btn:hover{background:#ff98001a;color:#ff9800}.hrnav-logout-btn:hover{background:#f443361a;color:#f44336}.hrnav-btn-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.hrnav-btn-icon svg{stroke:currentColor;stroke-width:2;fill:none;height:20px;width:20px}.hrnav-btn-label{display:none}.hrnav-notification-dot{background:#f44336;border:2px solid #fff;border-radius:50%;display:none;height:8px;position:absolute;right:6px;top:6px;width:8px}.hrnav-notification-btn:hover .hrnav-notification-dot{display:block}@media (max-width:768px){.hrnav-navbar{height:60px;padding:0 16px}.hrnav-logo-text{display:none}.hrnav-user-subscription-wrapper{gap:12px;padding:6px 12px}.hrnav-btn-label,.hrnav-user-details-sm{display:none}.hrnav-nav-btn{justify-content:center;min-width:40px;padding:8px}}@media (min-width:769px){.hrnav-btn-label{display:inline}}@media (min-width:1024px){.hrnav-user-subscription-wrapper{gap:30px;padding:8px 30px}.hrnav-nav-actions{gap:15px}.hrnav-nav-btn{padding:8px 20px}}.rcan-filter-options{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.rcan-filter-group{display:flex;flex-direction:column;min-width:150px}.rcan-filter-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px}.rcan-filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.rcan-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rcan-filter-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.rcan-clear-filters-btn{align-items:center;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.rcan-clear-filters-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.rcan-active-filters{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.rcan-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rcan-filters-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.rcan-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.rcan-filter-chip{background-color:#fff;border:1px solid #dbeafe;border-radius:20px;font-size:13px;gap:6px;padding:6px 12px}.rcan-chip-remove,.rcan-filter-chip{align-items:center;color:#1e40af;display:flex}.rcan-chip-remove{background-color:#eff6ff;border:none;border-radius:50%;cursor:pointer;font-size:12px;height:18px;justify-content:center;width:18px}.rcan-chip-remove:hover{background-color:#dbeafe}.rcan-results-summary{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:14px;margin:16px 0;padding:12px 16px}:root{--mano-primary-red:#c62828;--mano-primary-red-light:#ff5f52;--mano-primary-red-dark:#8e0000;--mano-text-dark:#1e2330;--mano-text-dark-light:#2d3548;--mano-text-gray:#64748b;--mano-text-light:#94a3b8;--mano-bg-white:#fff;--mano-bg-light:#f8fafc;--mano-bg-gray:#f1f5f9;--mano-bg-red-light:#ffebee;--mano-border-light:#e2e8f0;--mano-border-medium:#cbd5e1;--mano-border-red:#ef9a9a;--mano-success-green:#059669;--mano-warning-orange:#d97706;--mano-error-red:#dc2626;--mano-sidebar-width:280px;--mano-sidebar-collapsed:70px;--mano-header-height:70px;--mano-shadow-sm:0 1px 2px 0 #0000000d;--mano-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--mano-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--mano-border-radius-sm:6px;--mano-border-radius-md:8px;--mano-border-radius-lg:12px}body{background:#f1f5f9;background:var(--mano-bg-gray);color:var(--mano-text-dark)}.mano-container{display:flex;flex-direction:column;min-height:100vh}.mano-header{background:#fff;background:var(--mano-bg-white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mano-border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mano-shadow-sm);height:70px;height:var(--mano-header-height);position:-webkit-sticky;position:sticky;top:0;z-index:100}.mano-header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 24px}.mano-menu-toggle{background:none;border:none;border-radius:6px;border-radius:var(--mano-border-radius-sm);color:#64748b;color:var(--mano-text-gray);cursor:pointer;display:none;padding:8px}.mano-menu-toggle:hover{background:#f1f5f9;background:var(--mano-bg-gray)}.mano-logo{gap:12px}.mano-logo,.mano-logo-icon{align-items:center;display:flex}.mano-logo-icon{background:#c62828;background:var(--mano-primary-red);border-radius:8px;border-radius:var(--mano-border-radius-md);color:#fff;height:36px;justify-content:center;width:36px}.mano-logo-icon svg{height:20px;width:20px}.mano-logo-text{display:flex;flex-direction:column}.mano-logo-main{color:#1e2330;color:var(--mano-text-dark);font-size:16px;font-weight:700}.mano-logo-sub{color:#64748b;color:var(--mano-text-gray);font-size:12px}.mano-header-right{align-items:center;display:flex;gap:20px}.mano-refresh-btn{background:none;border:none;border-radius:6px;border-radius:var(--mano-border-radius-sm);color:#64748b;color:var(--mano-text-gray);cursor:pointer;padding:8px;transition:all .2s ease}.mano-refresh-btn:hover{background:#f1f5f9;background:var(--mano-bg-gray);color:#c62828;color:var(--mano-primary-red)}.mano-refresh-btn svg{height:20px;width:20px}.mano-user-profile{align-items:center;display:flex;gap:12px}.mano-user-avatar{border-radius:50%;height:40px;overflow:hidden;position:relative;width:40px}.mano-user-avatar-img{height:100%;object-fit:cover;width:100%}.mano-user-avatar-initial{align-items:center;background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--mano-primary-red),var(--mano-primary-red-light));color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;width:100%}.mano-user-info{display:flex;flex-direction:column}.mano-user-name{color:#1e2330;color:var(--mano-text-dark);font-size:14px;font-weight:600}.mano-user-role{color:#64748b;color:var(--mano-text-gray);font-size:12px}.mano-main-layout{display:flex;flex:1 1;min-height:calc(100vh - 70px);min-height:calc(100vh - var(--mano-header-height))}.mano-sidebar{background:#fff;background:var(--mano-bg-white);border-right:1px solid #e2e8f0;border-right:1px solid var(--mano-border-light);display:flex;flex-direction:column;height:calc(100vh - 70px);height:calc(100vh - var(--mano-header-height));overflow-y:auto;position:-webkit-sticky;position:sticky;top:70px;top:var(--mano-header-height);transition:width .3s ease;width:280px;width:var(--mano-sidebar-width)}.mano-sidebar.collapsed{width:70px;width:var(--mano-sidebar-collapsed)}.mano-sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mano-border-light);padding:24px;position:relative}.mano-sidebar-user{align-items:center;display:flex;gap:12px;margin-bottom:20px}.mano-sidebar-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mano-sidebar-avatar-img{height:100%;object-fit:cover;width:100%}.mano-sidebar-avatar-initial{align-items:center;background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--mano-primary-red),var(--mano-primary-red-light));color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.mano-sidebar-user-details{flex:1 1;min-width:0}.mano-sidebar-user-name{color:#1e2330;color:var(--mano-text-dark);font-size:16px;font-weight:700}.mano-sidebar-user-name,.mano-sidebar-user-role{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mano-sidebar-user-role{color:#64748b;color:var(--mano-text-gray);font-size:13px}.mano-sidebar-user-company{color:#94a3b8;color:var(--mano-text-light);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mano-sidebar.collapsed .mano-sidebar-user-details{display:none}.mano-sidebar-toggle{align-items:center;background:#fff;background:var(--mano-bg-white);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:50%;color:#64748b;color:var(--mano-text-gray);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:20px;transition:all .2s ease;width:24px;z-index:10}.mano-sidebar-toggle:hover{background:#c62828;background:var(--mano-primary-red);border-color:#c62828;border-color:var(--mano-primary-red);color:#fff}.mano-sidebar-toggle svg{height:14px;width:14px}.mano-sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.mano-nav-section{margin-bottom:24px}.mano-nav-section-title{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mano-border-light);color:#94a3b8;color:var(--mano-text-light);display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.5px;padding:0 24px 12px;text-transform:uppercase}.mano-nav-section-title svg{height:14px;width:14px}.mano-sidebar.collapsed .mano-nav-section-title{display:none}.mano-nav-items{display:flex;flex-direction:column;gap:4px;padding:0 16px}.mano-nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--mano-border-radius-md);color:#64748b;color:var(--mano-text-gray);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease}.mano-nav-item:hover{background:#f1f5f9;background:var(--mano-bg-gray);color:#1e2330;color:var(--mano-text-dark)}.mano-nav-item.active{background:#c62828;background:var(--mano-primary-red);color:#fff}.mano-nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.mano-nav-item-icon svg{height:18px;width:18px}.mano-nav-item.active .mano-nav-item-icon svg{stroke:#fff}.mano-nav-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mano-sidebar.collapsed .mano-nav-item-label{display:none}.mano-nav-item-badge{flex-shrink:0}.mano-nav-badge{background:#dc2626;background:var(--mano-error-red);border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.mano-sidebar.collapsed .mano-nav-item{justify-content:center;padding:12px}.mano-sidebar.collapsed .mano-nav-item-badge{position:absolute;right:8px;top:8px}.mano-sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--mano-border-light);display:flex;flex-direction:column;gap:8px;padding:20px}.mano-logout-btn,.mano-upload-photo-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--mano-border-radius-md);color:#64748b;color:var(--mano-text-gray);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.mano-upload-photo-btn:hover{background:#f1f5f9;background:var(--mano-bg-gray);color:#1e2330;color:var(--mano-text-dark)}.mano-logout-btn:hover{background:#dc2626;background:var(--mano-error-red);color:#fff}.mano-logout-btn svg,.mano-upload-photo-btn svg{flex-shrink:0;height:18px;width:18px}.mano-sidebar.collapsed .mano-logout-btn span,.mano-sidebar.collapsed .mano-upload-photo-btn span{display:none}.mano-sidebar.collapsed .mano-logout-btn,.mano-sidebar.collapsed .mano-upload-photo-btn{justify-content:center;padding:12px}.mano-content{background:#f1f5f9;background:var(--mano-bg-gray);flex:1 1;overflow-y:auto;padding:24px}.mano-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.mano-content-title{color:#1e2330;color:var(--mano-text-dark);font-size:24px;font-weight:700;margin:0}.mano-content-actions{display:flex;gap:12px}.mano-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--mano-border-radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.mano-action-btn-secondary{background:#fff;background:var(--mano-bg-white);border:1px solid #c62828;border:1px solid var(--mano-primary-red);color:#c62828;color:var(--mano-primary-red)}.mano-action-btn-secondary:hover{background:#c62828;background:var(--mano-primary-red);color:#fff}.mano-action-btn-secondary svg{height:16px;width:16px}.mano-content-body{min-height:400px}.mano-dashboard-overview{display:flex;flex-direction:column;gap:24px}.mano-welcome-card{align-items:center;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--mano-primary-red),var(--mano-primary-red-dark));border-radius:12px;border-radius:var(--mano-border-radius-lg);color:#fff;display:flex;justify-content:space-between;padding:32px}.mano-welcome-content h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.mano-welcome-content p{color:#fff;font-size:16px;opacity:.9}.mano-welcome-stats{display:flex;gap:32px}.mano-stat-item{text-align:center}.mano-stat-number{display:block;font-size:32px;font-weight:800;margin-bottom:4px}.mano-stat-label{font-size:14px;opacity:.9}.mano-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mano-stat-card{align-items:center;background:#fff;background:var(--mano-bg-white);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:8px;border-radius:var(--mano-border-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mano-shadow-sm);display:flex;gap:16px;padding:24px;transition:all .3s ease}.mano-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mano-shadow-md);transform:translateY(-2px)}.mano-stat-card-primary{border-left:4px solid #c62828;border-left:4px solid var(--mano-primary-red)}.mano-stat-card-warning{border-left:4px solid #d97706;border-left:4px solid var(--mano-warning-orange)}.mano-stat-card-success{border-left:4px solid #059669;border-left:4px solid var(--mano-success-green)}.mano-stat-card-info{border-left:4px solid #3b82f6}.mano-stat-icon{align-items:center;border-radius:8px;border-radius:var(--mano-border-radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mano-stat-card-primary .mano-stat-icon{background:#ffebee;background:var(--mano-bg-red-light);color:#c62828;color:var(--mano-primary-red)}.mano-stat-card-warning .mano-stat-icon{background:#fef3c7;color:#d97706;color:var(--mano-warning-orange)}.mano-stat-card-success .mano-stat-icon{background:#d1fae5;color:#059669;color:var(--mano-success-green)}.mano-stat-card-info .mano-stat-icon{background:#dbeafe;color:#3b82f6}.mano-stat-icon svg{height:24px;width:24px}.mano-stat-content h3{color:#1e2330;color:var(--mano-text-dark);font-size:24px;font-weight:700;margin-bottom:4px}.mano-stat-content p{color:#64748b;color:var(--mano-text-gray);font-size:14px}.mano-performance-section{background:#fff;background:var(--mano-bg-white);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:12px;border-radius:var(--mano-border-radius-lg);padding:24px}.mano-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.mano-section-header h3{color:#1e2330;color:var(--mano-text-dark);font-size:18px;font-weight:700;margin:0}.mano-performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mano-performance-card{background:#fff;background:var(--mano-bg-white);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:8px;border-radius:var(--mano-border-radius-md);padding:20px;transition:all .3s ease}.mano-performance-card:hover{border-color:#c62828;border-color:var(--mano-primary-red);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--mano-shadow-md)}.mano-performance-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.mano-performance-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.mano-performance-avatar-img{height:100%;object-fit:cover;width:100%}.mano-performance-avatar-initial{align-items:center;background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--mano-primary-red),var(--mano-primary-red-light));color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.mano-performance-info h4{color:#1e2330;color:var(--mano-text-dark);font-size:16px;font-weight:600;margin-bottom:4px}.mano-performance-info p{color:#64748b;color:var(--mano-text-gray);font-size:13px}.mano-performance-progress{margin-bottom:16px}.mano-progress-header{color:#64748b;color:var(--mano-text-gray);display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.mano-progress-bar{background:#f1f5f9;background:var(--mano-bg-gray);border-radius:3px;height:6px;overflow:hidden}.mano-progress-fill{background:linear-gradient(90deg,#c62828,#ff5f52);background:linear-gradient(90deg,var(--mano-primary-red),var(--mano-primary-red-light));border-radius:3px;height:100%;transition:width .5s ease}.mano-performance-stats{border-top:1px solid #e2e8f0;border-top:1px solid var(--mano-border-light);display:flex;justify-content:space-between;padding-top:16px}.mano-perf-stat{flex:1 1;text-align:center}.mano-perf-count{color:#1e2330;color:var(--mano-text-dark);display:block;font-size:20px;font-weight:700;margin-bottom:4px}.mano-perf-stat span:last-child{color:#64748b;color:var(--mano-text-gray);font-size:12px}.mano-empty-state{padding:40px 20px;text-align:center}.mano-empty-icon{align-items:center;background:#f1f5f9;background:var(--mano-bg-gray);border-radius:50%;color:#94a3b8;color:var(--mano-text-light);display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.mano-empty-icon svg{height:32px;width:32px}.mano-empty-state h4{color:#1e2330;color:var(--mano-text-dark);font-size:18px;margin-bottom:8px}.mano-empty-state p{color:#64748b;color:var(--mano-text-gray);margin-bottom:20px}.mano-profile-card{background:#fff;background:var(--mano-bg-white);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:12px;border-radius:var(--mano-border-radius-lg);padding:32px}.mano-profile-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--mano-border-light);display:flex;gap:32px;margin-bottom:40px;padding-bottom:32px}.mano-profile-avatar{flex-shrink:0;text-align:center}.mano-profile-avatar-img{object-fit:cover}.mano-profile-avatar-img,.mano-profile-avatar-initial{border:4px solid #f8fafc;border:4px solid var(--mano-bg-light);border-radius:50%;height:120px;margin-bottom:12px;width:120px}.mano-profile-avatar-initial{align-items:center;background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--mano-primary-red),var(--mano-primary-red-light));color:#fff;display:flex;font-size:36px;font-weight:700;justify-content:center}.mano-avatar-change-btn{background:#fff;background:var(--mano-bg-white);border:1px solid #c62828;border:1px solid var(--mano-primary-red);border-radius:6px;border-radius:var(--mano-border-radius-sm);color:#c62828;color:var(--mano-primary-red);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.mano-avatar-change-btn:hover{background:#c62828;background:var(--mano-primary-red);color:#fff}.mano-profile-info h2{color:#1e2330;color:var(--mano-text-dark);font-size:28px;font-weight:700;margin-bottom:8px}.mano-profile-role{color:#64748b;color:var(--mano-text-gray);font-size:16px;margin-bottom:8px}.mano-profile-company{color:#94a3b8;color:var(--mano-text-light);font-size:14px;margin-bottom:24px}.mano-profile-stats{display:flex;gap:32px}.mano-profile-stat{text-align:center}.mano-profile-stat-value{color:#1e2330;color:var(--mano-text-dark);display:block;font-size:24px;font-weight:700;margin-bottom:4px}.mano-profile-stat-label{color:#64748b;color:var(--mano-text-gray);font-size:13px}.mano-detail-section{margin-bottom:32px}.mano-detail-section h3{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--mano-border-light);color:#1e2330;color:var(--mano-text-dark);font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px}.mano-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mano-detail-item{background:#f8fafc;background:var(--mano-bg-light);border-left:3px solid #c62828;border-left:3px solid var(--mano-primary-red);border-radius:8px;border-radius:var(--mano-border-radius-md);padding:16px}.mano-detail-item label{color:#64748b;color:var(--mano-text-gray);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.mano-detail-item p{color:#1e2330;color:var(--mano-text-dark);font-size:16px;font-weight:500;margin:0}.mano-team-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mano-team-member{align-items:center;background:#f8fafc;background:var(--mano-bg-light);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:8px;border-radius:var(--mano-border-radius-md);display:flex;gap:12px;padding:16px;transition:all .2s ease}.mano-team-member:hover{border-color:#c62828;border-color:var(--mano-primary-red);transform:translateY(-2px)}.mano-team-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mano-team-avatar-img{height:100%;object-fit:cover;width:100%}.mano-team-avatar-initial{align-items:center;background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--mano-primary-red),var(--mano-primary-red-light));color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.mano-team-info{flex:1 1;min-width:0}.mano-team-info h4{color:#1e2330;color:var(--mano-text-dark);font-size:14px;font-weight:600}.mano-team-info h4,.mano-team-info p{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mano-team-info p{color:#64748b;color:var(--mano-text-gray);font-size:12px}.mano-team-info small{color:#94a3b8;color:var(--mano-text-light);font-size:11px}.mano-loading-container{align-items:center;background:#fff;background:var(--mano-bg-white);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.mano-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-top-color:#c62828;border:4px solid var(--mano-bg-gray);border-radius:50%;border-top-color:var(--mano-primary-red);height:60px;margin-bottom:20px;width:60px}.mano-loading-text{color:#64748b;color:var(--mano-text-gray);font-size:16px}.mano-loading-section{align-items:center;background:#fff;background:var(--mano-bg-white);border:1px solid #e2e8f0;border:1px solid var(--mano-border-light);border-radius:12px;border-radius:var(--mano-border-radius-lg);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.mano-loader-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-top-color:#c62828;border:3px solid var(--mano-bg-gray);border-radius:50%;border-top-color:var(--mano-primary-red);height:40px;margin-bottom:16px;width:40px}.mano-loading-section p{color:#64748b;color:var(--mano-text-gray)}.mano-error-container{align-items:center;background:#fff;background:var(--mano-bg-white);display:flex;justify-content:center;min-height:100vh}.mano-error-content{max-width:400px;padding:40px;text-align:center}.mano-error-content h2{color:#1e2330;color:var(--mano-text-dark);font-size:24px;margin-bottom:16px}.mano-error-content p{color:#64748b;color:var(--mano-text-gray);margin-bottom:24px}.mano-primary-btn{background:#c62828;background:var(--mano-primary-red);border:none;border-radius:8px;border-radius:var(--mano-border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.mano-primary-btn:hover{background:#8e0000;background:var(--mano-primary-red-dark)}.mano-mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:90}@media (max-width:1024px){.mano-sidebar{left:0;position:fixed;top:70px;top:var(--mano-header-height);transform:translateX(-100%);transition:transform .3s ease;z-index:100}.mano-sidebar.mobile-open{transform:translateX(0)}.mano-sidebar.collapsed{width:280px;width:var(--mano-sidebar-width)}.mano-menu-toggle,.mano-mobile-overlay{display:block}.mano-welcome-card{flex-direction:column;gap:24px;text-align:center}.mano-welcome-stats{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.mano-header-content{padding:0 16px}.mano-content{padding:16px}.mano-content-header{align-items:flex-start;flex-direction:column;gap:16px}.mano-content-actions{justify-content:flex-start;width:100%}.mano-performance-grid,.mano-stats-grid{grid-template-columns:1fr}.mano-profile-header{flex-direction:column;text-align:center}.mano-profile-stats{justify-content:center}.mano-detail-grid,.mano-team-grid{grid-template-columns:1fr}}@media (max-width:480px){.mano-welcome-stats{flex-direction:column;gap:16px}.mano-stat-item{align-items:center;display:flex;flex-direction:column}.mano-profile-card{padding:20px}}.mano-content::-webkit-scrollbar,.mano-sidebar-nav::-webkit-scrollbar{width:6px}.mano-content::-webkit-scrollbar-track,.mano-sidebar-nav::-webkit-scrollbar-track{background:#0000}.mano-content::-webkit-scrollbar-thumb,.mano-sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--mano-border-light);border-radius:3px}.mano-content::-webkit-scrollbar-thumb:hover,.mano-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--mano-text-light)}:root{--mgr-primary:#c62828;--mgr-primary-dark:#8e0000;--mgr-primary-light:#ff5f52;--mgr-secondary:#1e2330;--mgr-text-primary:#1e2330;--mgr-text-secondary:#5f6368;--mgr-text-light:#8a8d93;--mgr-white:#fff;--mgr-background:#f8f9fa;--mgr-border:#e0e0e0;--mgr-success:#2e7d32;--mgr-error:#c62828;--mgr-warning:#f57c00;--mgr-shadow-sm:0 2px 8px #00000014;--mgr-shadow-md:0 4px 16px #0000001a;--mgr-shadow-lg:0 8px 32px #0000001f;--mgr-radius-sm:6px;--mgr-radius-md:8px;--mgr-radius-lg:12px;--mgr-radius-xl:16px}.mgr-auth-wrapper{font-family:Raleway,sans-serif;margin-top:60px;min-height:100vh;overflow:hidden;position:relative;width:100%}.mgr-bg-layer{position:fixed;z-index:0}.mgr-bg-gradient,.mgr-bg-layer{height:100%;left:0;top:0;width:100%}.mgr-bg-gradient{background:linear-gradient(135deg,#c628280d,#1e233014);position:absolute}.mgr-content-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px;position:relative;z-index:1}.mgr-brand-panel{align-items:center;background:linear-gradient(135deg,#c62828,#1e2330);background:linear-gradient(135deg,var(--mgr-primary) 0,var(--mgr-secondary) 100%);border-radius:16px;border-radius:var(--mgr-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--mgr-shadow-lg);display:flex;justify-content:center;padding:40px}.mgr-brand-container{max-width:500px;width:100%}.mgr-logo-section{margin-bottom:48px;text-align:center}.mgr-brand-title{color:#fff;color:var(--mgr-white);font-size:42px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.mgr-brand-tagline{color:#ffffffe6;font-size:18px;font-weight:400;letter-spacing:.3px}.mgr-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.mgr-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--mgr-radius-lg);padding:24px 20px;transition:all .3s ease}.mgr-feature-card:hover{background:#ffffff26;transform:translateY(-2px)}.mgr-feature-icon{display:block;font-size:32px;margin-bottom:12px}.mgr-feature-title{color:#fff;color:var(--mgr-white);font-size:16px;font-weight:700;margin-bottom:8px}.mgr-feature-desc{color:#ffffffd9;font-size:13px;font-weight:400;line-height:1.5}.mgr-trust-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--mgr-radius-lg);gap:12px;padding:20px}.mgr-trust-badge,.mgr-trust-icon{align-items:center;display:flex;justify-content:center}.mgr-trust-icon{background:#4caf5033;border-radius:50%;color:#4caf50;flex-shrink:0;font-size:24px;height:36px;width:36px}.mgr-trust-text{color:#fffffff2;font-size:14px;font-weight:500;line-height:1.4}.mgr-trust-text strong{color:#fff;color:var(--mgr-white);font-weight:700}.mgr-form-panel{align-items:center;display:flex;justify-content:center;padding:40px 20px}.mgr-form-container{max-width:480px;width:100%}.mgr-form-card{background:#fff;background:var(--mgr-white);border-radius:16px;border-radius:var(--mgr-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--mgr-shadow-lg);padding:48px 40px}.mgr-form-header{margin-bottom:32px;position:relative}.mgr-back-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--mgr-radius-sm);color:#5f6368;color:var(--mgr-text-secondary);cursor:pointer;font-family:Raleway,sans-serif;font-size:14px;font-weight:600;left:-8px;padding:8px;position:absolute;top:-8px;transition:all .3s ease}.mgr-back-btn:hover{background:#f8f9fa;background:var(--mgr-background);color:#c62828;color:var(--mgr-primary)}.mgr-form-title{color:#1e2330;color:var(--mgr-text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.mgr-form-subtitle{color:#5f6368;color:var(--mgr-text-secondary);font-size:15px;font-weight:400;line-height:1.5}.mgr-email-highlight{color:#c62828;color:var(--mgr-primary);font-weight:600}.mgr-alert{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--mgr-radius-md);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 16px}.mgr-alert-icon{flex-shrink:0;font-size:18px}.mgr-alert-text{flex:1 1;line-height:1.4}.mgr-alert-success{background:#e8f5e9;border-color:#81c784;color:#2e7d32;color:var(--mgr-success)}.mgr-alert-error{background:#ffebee;border-color:#ef9a9a;color:#c62828;color:var(--mgr-error)}.mgr-auth-form{gap:24px}.mgr-auth-form,.mgr-input-group{display:flex;flex-direction:column}.mgr-input-group{gap:8px}.mgr-input-label{align-items:center;color:#1e2330;color:var(--mgr-text-primary);display:flex;font-size:14px;font-weight:600;gap:4px}.mgr-label-text{letter-spacing:.2px}.mgr-label-required{color:#c62828;color:var(--mgr-error);font-weight:700}.mgr-input-wrapper{align-items:center;display:flex;position:relative}.mgr-input-icon{font-size:18px;left:16px;pointer-events:none;position:absolute}.mgr-input-field{background:#fff;background:var(--mgr-white);border:1.5px solid #e0e0e0;border:1.5px solid var(--mgr-border);border-radius:8px;border-radius:var(--mgr-radius-md);color:#1e2330;color:var(--mgr-text-primary);font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;outline:none;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.mgr-input-field:focus{border-color:#c62828;border-color:var(--mgr-primary);box-shadow:0 0 0 3px #c628281a}.mgr-input-field:disabled{background:#f8f9fa;background:var(--mgr-background);cursor:not-allowed;opacity:.6}.mgr-input-field::placeholder{color:#8a8d93;color:var(--mgr-text-light);font-weight:400}.mgr-otp-input{font-size:24px;font-weight:700;letter-spacing:12px;padding:14px 16px!important;text-align:center}.mgr-input-hint{color:#5f6368;color:var(--mgr-text-secondary);font-size:13px;margin-top:4px}.mgr-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--mgr-radius-md);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.mgr-btn-primary{background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--mgr-primary),var(--mgr-primary-dark));box-shadow:0 4px 12px #c6282840;color:#fff;color:var(--mgr-white)}.mgr-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8e0000,#6d0000);background:linear-gradient(135deg,var(--mgr-primary-dark),#6d0000);box-shadow:0 6px 16px #c6282859;transform:translateY(-1px)}.mgr-btn-primary:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed}.mgr-btn-secondary{background:#f8f9fa;background:var(--mgr-background);border:1.5px solid #e0e0e0;border:1.5px solid var(--mgr-border);color:#1e2330;color:var(--mgr-text-primary)}.mgr-btn-secondary:hover:not(:disabled){background:#eee;border-color:#bdbdbd}.mgr-btn-arrow{font-size:18px;transition:transform .3s ease}.mgr-btn:hover .mgr-btn-arrow{transform:translateX(3px)}.mgr-spinner{animation:mgr-spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top:2.5px solid var(--mgr-white);display:inline-block;height:18px;width:18px}@keyframes mgr-spin{to{transform:rotate(1turn)}}.mgr-security-note{align-items:center;background:#f8f9fa;background:var(--mgr-background);border:1px solid #e0e0e0;border:1px solid var(--mgr-border);border-radius:8px;border-radius:var(--mgr-radius-md);display:flex;gap:8px;justify-content:center;padding:12px 16px}.mgr-security-icon{font-size:16px}.mgr-security-text{color:#5f6368;color:var(--mgr-text-secondary);font-size:13px;font-weight:500}.mgr-form-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--mgr-border);margin-top:32px;padding-top:24px;text-align:center}.mgr-footer-text{align-items:center;color:#8a8d93;color:var(--mgr-text-light);display:flex;font-size:13px;gap:8px;justify-content:center}.mgr-footer-icon{font-size:16px}@media (max-width:1200px){.mgr-content-grid{gap:30px;padding:30px}.mgr-brand-title{font-size:36px}.mgr-features-grid{gap:16px}}@media (max-width:968px){.mgr-content-grid{gap:30px;grid-template-columns:1fr;padding:20px}.mgr-brand-panel{order:2;padding:30px 20px}.mgr-form-panel{order:1;padding:20px}.mgr-brand-container{max-width:600px}.mgr-features-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.mgr-form-card{padding:36px 28px}.mgr-brand-title{font-size:32px}.mgr-form-title{font-size:24px}.mgr-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.mgr-content-grid{padding:16px}.mgr-form-card{padding:28px 20px}.mgr-brand-panel{padding:24px 16px}.mgr-brand-title{font-size:28px}.mgr-form-title{font-size:22px}.mgr-features-grid{gap:12px}.mgr-feature-card{padding:20px 16px}.mgr-btn{font-size:14px;padding:12px 20px}.mgr-otp-input{font-size:20px;letter-spacing:8px}}.onboarding-container{background-color:#fff;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.onboarding-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.onboarding-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.onboarding-floating-shape{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.onboarding-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.onboarding-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.onboarding-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.onboarding-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.onboarding-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.onboarding-gradient-orb{animation:pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.onboarding-orb-1{height:400px;right:-200px;top:-200px;width:400px}.onboarding-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.onboarding-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.onboarding-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.onboarding-hero-section.onboarding-visible{opacity:1;transform:translateY(0)}.onboarding-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.onboarding-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.onboarding-badge-dot{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.onboarding-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.onboarding-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.onboarding-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.onboarding-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.onboarding-btn-primary,.onboarding-btn-secondary,.onboarding-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.onboarding-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.onboarding-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.onboarding-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.onboarding-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.onboarding-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.onboarding-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.onboarding-btn-icon{font-size:12px}.onboarding-btn-large{font-size:18px;padding:18px 40px}.onboarding-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.onboarding-stat{text-align:left}.onboarding-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.onboarding-stat-label{color:#6b7280;font-size:14px;font-weight:500}.onboarding-hero-visual{height:600px;position:relative}.onboarding-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026;height:100%;overflow:hidden;position:relative}.onboarding-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;height:100%;overflow:hidden;position:relative}.onboarding-hero-image{height:100%;object-fit:cover;width:100%}.onboarding-image-overlay1{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.onboarding-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.onboarding-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.onboarding-glass-content p{color:#fffc;font-size:1rem}.onboarding-floating-card{align-items:center;animation:floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.onboarding-card-1{animation-delay:0s;left:-60px;top:10%}.onboarding-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.onboarding-card-3{animation-delay:-4s;bottom:20%;left:-40px}.onboarding-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.onboarding-card-content{display:flex;flex-direction:column}.onboarding-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.onboarding-card-text{color:#6b7280;font-size:14px}.onboarding-card-progress{animation:progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.onboarding-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.onboarding-scroll-line{animation:scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.onboarding-features-section{background:#ffffff80;padding:120px 5%}.onboarding-section-content{margin:0 auto;max-width:1400px}.onboarding-section-header{margin-bottom:80px;text-align:center}.onboarding-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.onboarding-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.onboarding-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.onboarding-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.onboarding-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.onboarding-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.onboarding-feature-card:hover:before{left:100%}.onboarding-feature-card.onboarding-active,.onboarding-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.onboarding-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.onboarding-feature-icon{align-items:center;border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.onboarding-feature-glow,.onboarding-feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.onboarding-feature-glow{animation:pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.onboarding-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.onboarding-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.onboarding-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.onboarding-feature-card:hover .onboarding-feature-arrow{opacity:1;transform:translateX(0)}.onboarding-journey-section{background:linear-gradient(135deg,#0f172a,#1e1b4b);overflow:hidden;padding:120px 20px;position:relative}.onboarding-journey-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.onboarding-bg-orb{animation:onboarding-float 25s ease-in-out infinite;border-radius:50%;filter:blur(120px);mix-blend-mode:screen;opacity:.4;position:absolute}.onboarding-orb-1{animation-delay:0s;background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:500px;left:-150px;top:-150px;width:500px}.onboarding-orb-2{animation-delay:8s;background:linear-gradient(135deg,#8b5cf6,#7c3aed);bottom:-200px;height:600px;right:-200px;width:600px}.onboarding-orb-3{animation-delay:16s;background:linear-gradient(135deg,#06b6d4,#0891b2);height:400px;left:60%;top:40%;width:400px}@keyframes onboarding-float{0%,to{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(40px,-40px) scale(1.1) rotate(90deg)}50%{transform:translate(-30px,30px) scale(.95) rotate(180deg)}75%{transform:translate(20px,40px) scale(1.05) rotate(270deg)}}.onboarding-grid-overlay{animation:onboarding-grid-move 30s linear infinite;background:linear-gradient(90deg,#3b82f60d 1px,#0000 0),linear-gradient(#3b82f60d 1px,#0000 0);background-size:60px 60px;inset:0;pointer-events:none;position:absolute}@keyframes onboarding-grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.onboarding-journey-header{margin-bottom:100px;text-align:center}.onboarding-journey-badge{align-items:center;animation:onboarding-fadeInUp .8s ease-out .1s backwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#3b82f640,#8b5cf640);border:1px solid #6366f166;border-radius:50px;color:#93c5fd;display:inline-flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:32px;overflow:hidden;padding:10px 24px;position:relative}.onboarding-badge-icon{animation:onboarding-sparkle 3s ease-in-out infinite}@keyframes onboarding-sparkle{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}25%{filter:brightness(1.5);transform:scale(1.3) rotate(90deg)}50%{filter:brightness(1.2);transform:scale(1.1) rotate(180deg)}75%{filter:brightness(1.4);transform:scale(1.2) rotate(270deg)}}.onboarding-badge-shimmer{animation:onboarding-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);inset:0;position:absolute;transform:skewX(-20deg)}@keyframes onboarding-shimmer{0%{transform:translateX(-150%) skewX(-20deg)}to{transform:translateX(150%) skewX(-20deg)}}.onboarding-journey-title{animation:onboarding-fadeInUp .8s ease-out .2s backwards;color:#fff;font-size:64px;font-weight:900;line-height:1.1;margin:0 0 24px;text-shadow:0 4px 20px #0000004d}.onboarding-gradient-text{-webkit-text-fill-color:#0000;animation:onboarding-gradient-shift 4s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;position:relative}@keyframes onboarding-gradient-shift{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(45deg)}}.onboarding-journey-subtitle{animation:onboarding-fadeInUp .8s ease-out .3s backwards;color:#cbd5e1;font-size:22px;line-height:1.6;margin:0 auto;max-width:700px}.onboarding-journey-timeline{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:100px;position:relative}.onboarding-journey-card{animation:onboarding-card-entrance 1s cubic-bezier(.25,.46,.45,.94) backwards;position:relative}.onboarding-journey-card:first-child{animation-delay:.4s}.onboarding-journey-card:nth-child(2){animation-delay:.55s}.onboarding-journey-card:nth-child(3){animation-delay:.7s}@keyframes onboarding-card-entrance{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-journey-connector{height:3px;position:absolute;right:-25px;top:120px;width:50px;z-index:2}.onboarding-connector-progress{animation:onboarding-connector-grow 1.5s ease-out 1s forwards;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%}.onboarding-connector-pulse{animation:onboarding-pulse-travel 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:12px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px}@keyframes onboarding-connector-grow{to{transform:scaleX(1)}}@keyframes onboarding-pulse-travel{0%,to{box-shadow:0 0 0 0 #3b82f6b3;transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 0 10px #3b82f600;transform:translateY(-50%) scale(1.3)}}.onboarding-journey-card-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #6366f14d;border-radius:28px;height:100%;overflow:hidden;padding:40px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.onboarding-journey-card-inner:hover{border-color:#8b5cf699;box-shadow:0 25px 80px #3b82f666,0 0 0 1px #ffffff1a;transform:translateY(-12px) scale(1.02)}.onboarding-card-glow{background:radial-gradient(circle at 50% 0,#3b82f626,#0000 70%);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.onboarding-journey-card-inner:hover .onboarding-card-glow{animation:onboarding-glow-pulse 2s ease-in-out infinite;opacity:1}@keyframes onboarding-glow-pulse{0%,to{opacity:.5}50%{opacity:.8}}.onboarding-phase-badge{align-items:center;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border:1px solid #6366f166;border-radius:50px;display:inline-flex;font-size:13px;font-weight:800;gap:12px;margin-bottom:24px;overflow:hidden;padding:8px 20px;position:relative}.onboarding-phase-number{color:#bfdbfe;font-size:16px;font-weight:900}.onboarding-phase-divider{background:linear-gradient(180deg,#0000,#6366f1,#0000);border-radius:1px;height:16px;width:2px}.onboarding-phase-name{color:#e0e7ff;font-size:11px;letter-spacing:1px;text-transform:uppercase}.onboarding-phase-glow{animation:onboarding-phase-glow-pulse 3s ease-in-out infinite;background:radial-gradient(circle at center,#6366f166,#0000);filter:blur(15px);inset:0;position:absolute}@keyframes onboarding-phase-glow-pulse{0%,to{opacity:.3}50%{opacity:.7}}.onboarding-icon-wrapper{height:80px;margin-bottom:24px;position:relative;width:80px}.onboarding-icon-bg{animation:onboarding-icon-float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;inset:0;position:absolute}@keyframes onboarding-icon-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-5px) rotate(5deg)}66%{transform:translateY(3px) rotate(-3deg)}}.onboarding-icon-ripple{animation:onboarding-ripple 3s ease-out infinite;border:2px solid #3b82f6;border-radius:24px;inset:-10px;position:absolute}@keyframes onboarding-ripple{0%{opacity:1;transform:scale(.8)}50%{opacity:.5;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.onboarding-icon{align-items:center;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.onboarding-time{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#60a5fa;display:inline-flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:16px;padding:6px 16px}.onboarding-card-title{color:#fff;font-size:26px;font-weight:800;line-height:1.3;margin:0 0 28px;text-shadow:0 2px 10px #0003}.onboarding-steps{gap:16px}.onboarding-step-item{align-items:flex-start;animation:onboarding-slide-in .6s ease-out backwards;color:#e2e8f0;display:flex;font-size:15px;gap:14px;line-height:1.5;padding:8px 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.onboarding-journey-card-inner:hover .onboarding-step-item{transform:translateX(8px)}.onboarding-step-item:first-child{animation-delay:.1s}.onboarding-step-item:nth-child(2){animation-delay:.2s}.onboarding-step-item:nth-child(3){animation-delay:.3s}.onboarding-step-item:nth-child(4){animation-delay:.4s}@keyframes onboarding-slide-in{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.onboarding-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px #10b98166;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:900;height:24px;justify-content:center;margin-top:1px;overflow:hidden;position:relative;width:24px}.onboarding-check-inner{animation:onboarding-check-pop .6s cubic-bezier(.68,-.55,.265,1.55) .5s backwards;display:inline-block}@keyframes onboarding-check-pop{0%{opacity:0;transform:scale(0) rotate(-180deg)}80%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.onboarding-journey-stats{grid-gap:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid #6366f14d;border-radius:24px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow:hidden;padding:50px;position:relative}.onboarding-stat{animation:onboarding-stat-entrance .8s ease-out .8s backwards;position:relative;text-align:center}.onboarding-stat:first-child{animation-delay:.8s}.onboarding-stat:nth-child(2){animation-delay:.9s}.onboarding-stat:nth-child(3){animation-delay:1s}@keyframes onboarding-stat-entrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:56px;font-weight:900;line-height:1;margin-bottom:12px;position:relative}.onboarding-stat-sparkle{animation:onboarding-sparkle-twinkle 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf24,#0000);border-radius:50%;filter:blur(1px);height:24px;position:absolute;right:-12px;top:-8px;width:24px}@keyframes onboarding-sparkle-twinkle{0%,to{opacity:.3;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.onboarding-stat-label{color:#94a3b8;font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.onboarding-stat-bar{animation:onboarding-bar-grow 2s ease-out 1.2s forwards;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:0;height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}@keyframes onboarding-bar-grow{to{transform:scaleX(1)}}.onboarding-card-border-glow{animation:onboarding-border-glow 3s linear infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4,#3b82f6);background-size:400% 400%;border-radius:28px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask-composite:xor;opacity:0;padding:2px;position:absolute;transition:opacity .5s ease}.onboarding-journey-card-inner:hover .onboarding-card-border-glow{opacity:1}@keyframes onboarding-border-glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:1024px){.onboarding-journey-timeline{gap:40px;grid-template-columns:1fr}.onboarding-journey-connector{display:none}}@media (max-width:768px){.onboarding-journey-section{padding:80px 20px}.onboarding-journey-title{font-size:42px}.onboarding-journey-subtitle{font-size:18px}.onboarding-journey-card-inner{padding:32px}.onboarding-stat-value{font-size:42px}.onboarding-journey-stats{gap:32px;padding:40px 24px}}@media (max-width:480px){.onboarding-journey-title{font-size:36px}.onboarding-journey-card-inner{padding:24px}.onboarding-icon-wrapper{height:64px;width:64px}.onboarding-icon{font-size:24px}}@keyframes onboarding-fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.onboarding-progress-section{background:#ffffff80;padding:120px 5%}.onboarding-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.onboarding-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.onboarding-dashboard-header{align-items:center;display:flex;justify-content:between;margin-bottom:30px}.onboarding-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.onboarding-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.onboarding-progress-stats{margin-bottom:30px}.onboarding-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.onboarding-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.onboarding-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.onboarding-progress-glow{animation:progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.onboarding-progress-items{grid-gap:20px;display:grid;gap:20px}.onboarding-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.onboarding-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.onboarding-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.onboarding-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.onboarding-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.onboarding-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.onboarding-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.onboarding-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.onboarding-integration-orb{animation:float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.onboarding-integration-orb-1{animation-delay:0s;left:10%;top:20%}.onboarding-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.onboarding-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.onboarding-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.onboarding-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.onboarding-cta-orb{animation:float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.onboarding-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.onboarding-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.onboarding-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.onboarding-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.onboarding-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.onboarding-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.onboarding-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.onboarding-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.onboarding-cta-stat{color:#ffffffe6;font-size:14px}.onboarding-cta-stat strong{color:#fff;font-weight:600}.onboarding-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.onboarding-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.onboarding-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.onboarding-video-popup-close:hover{background:#000000b3}.onboarding-video-container{height:0;padding-bottom:56.25%;position:relative}.onboarding-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.onboarding-video-popup-info{padding:30px;text-align:center}.onboarding-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.onboarding-video-popup-info p{color:#6b7280;line-height:1.6}.onboarding-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.onboarding-feature-point{align-items:flex-start;display:flex;gap:16px}.onboarding-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.onboarding-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.onboarding-feature-point p{color:#6b7280;line-height:1.5}.onboarding-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.onboarding-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.onboarding-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.onboarding-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.onboarding-features-grid,.onboarding-hero-stats{grid-template-columns:repeat(2,1fr)}.onboarding-reversed{gap:60px;grid-template-columns:1fr}.onboarding-timeline:before{left:30px}.onboarding-timeline-item{flex-direction:row!important}.onboarding-timeline-marker{left:30px}.onboarding-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.onboarding-hero-title{font-size:2.5rem}.onboarding-section-header h2{font-size:2rem}.onboarding-features-grid{grid-template-columns:1fr}.onboarding-integration-grid{grid-template-columns:repeat(3,1fr)}.onboarding-cta-stats{grid-template-columns:repeat(2,1fr)}.onboarding-cta-buttons,.onboarding-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.onboarding-hero-title{font-size:2rem}.onboarding-integration-grid{grid-template-columns:repeat(2,1fr)}.onboarding-cta-stats{grid-template-columns:1fr}.onboarding-floating-card{margin-bottom:20px;position:relative}.onboarding-card-1,.onboarding-card-2,.onboarding-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.hr-copilot-integration-section{background:linear-gradient(135deg,#0f172a,#1e1b4b);padding:120px 20px}.hr-copilot-integration-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hr-copilot-integration-orb{animation:hr-copilot-float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.hr-copilot-integration-orb-1{animation-delay:0s;background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:400px;left:-100px;top:-100px;width:400px}.hr-copilot-integration-orb-2{animation-delay:7s;background:linear-gradient(135deg,#8b5cf6,#7c3aed);bottom:-150px;height:500px;right:-150px;width:500px}.hr-copilot-integration-orb-3{animation-delay:14s;background:linear-gradient(135deg,#06b6d4,#0891b2);height:350px;right:10%;top:50%;width:350px}@keyframes hr-copilot-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hr-copilot-integration-grid-overlay{animation:hr-copilot-grid-move 20s linear infinite;background:linear-gradient(90deg,#3b82f608 1px,#0000 0),linear-gradient(#3b82f608 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes hr-copilot-grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hr-copilot-integration-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.hr-copilot-integration-text{animation:hr-copilot-fadeInLeft .8s ease-out}.hr-copilot-integration-badge{align-items:center;animation:hr-copilot-fadeInUp .8s ease-out .1s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #6366f14d;border-radius:50px;color:#93c5fd;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;overflow:hidden;padding:8px 20px;position:relative}.hr-copilot-badge-icon{animation:hr-copilot-sparkle 2s infinite}.hr-copilot-badge-shimmer{animation:hr-copilot-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0;position:absolute}@keyframes hr-copilot-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hr-copilot-integration-title{animation:hr-copilot-fadeInUp .8s ease-out .2s backwards;color:#fff;font-size:48px;font-weight:800;line-height:1.2;margin:0 0 20px}.hr-copilot-gradient-text{-webkit-text-fill-color:#0000;animation:hr-copilot-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes hr-copilot-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hr-copilot-integration-description{animation:hr-copilot-fadeInUp .8s ease-out .3s backwards;color:#cbd5e1;font-size:18px;line-height:1.6;margin-bottom:40px}.hr-copilot-integration-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.hr-copilot-integration-item{align-items:center;animation:hr-copilot-fadeInUp .8s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #6366f133;border-radius:16px;display:flex;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hr-copilot-integration-item:hover{border-color:#6366f180;box-shadow:0 20px 40px #6366f14d;transform:translateY(-8px)}.hr-copilot-integration-icon-wrapper{flex-shrink:0;height:48px;position:relative;width:48px}.hr-copilot-integration-icon-bg{animation:hr-copilot-icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;inset:0;position:absolute}.hr-copilot-integration-icon-ripple{animation:hr-copilot-ripple 3s ease-out infinite;border:2px solid #3b82f6;border-radius:14px;inset:-4px;position:absolute}.hr-copilot-integration-icon{font-size:20px;height:100%;position:relative;width:100%;z-index:1}.hr-copilot-integration-tool-info{flex:1 1;min-width:0}.hr-copilot-integration-tool-name{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.hr-copilot-integration-tool-category{color:#94a3b8;display:block;font-size:12px;font-weight:500}.hr-copilot-integration-status{align-items:center;color:#10b981;display:flex;font-size:12px;gap:6px}.hr-copilot-integration-status-dot{animation:hr-copilot-status-pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.hr-copilot-integration-glow{background:radial-gradient(circle at center,#3b82f61a,#0000);inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.hr-copilot-integration-item:hover .hr-copilot-integration-glow{opacity:1}.hr-copilot-integration-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.hr-copilot-integration-stat{animation:hr-copilot-fadeInUp .8s ease-out backwards;text-align:center}.hr-copilot-integration-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.hr-copilot-integration-stat-label{color:#94a3b8;font-size:14px;font-weight:600}.hr-copilot-integration-visual{animation:hr-copilot-fadeInRight .8s ease-out;position:relative}.hr-copilot-integration-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #6366f14d;border-radius:20px;padding:30px;position:relative;z-index:2}.hr-copilot-dashboard-card{background:#0f172a99;border:1px solid #6366f133;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s ease}.hr-copilot-dashboard-card:hover{border-color:#6366f166;transform:translateX(8px)}.hr-copilot-dashboard-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.hr-copilot-dashboard-card-header span{color:#fff;font-size:14px;font-weight:600}.hr-copilot-dashboard-indicator{animation:hr-copilot-status-pulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:8px;width:8px}.hr-copilot-dashboard-indicator.success{background:#10b981}.hr-copilot-dashboard-indicator.active{animation:hr-copilot-status-pulse 1s ease-in-out infinite;background:#f59e0b}.hr-copilot-dashboard-stats{color:#94a3b8;font-size:12px;font-weight:500}.hr-copilot-integration-visual-orb{animation:hr-copilot-float 15s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.hr-copilot-visual-orb-1{animation-delay:2s;background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:200px;right:-50px;top:-50px;width:200px}.hr-copilot-visual-orb-2{animation-delay:5s;background:linear-gradient(135deg,#06b6d4,#0891b2);bottom:-30px;height:150px;left:-30px;width:150px}.hr-copilot-integration-connection-lines{inset:0;pointer-events:none;position:absolute}.hr-copilot-connection-line{animation:hr-copilot-connection-flow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:2px;position:absolute}.hr-copilot-connection-line-1{animation-delay:0s;left:-50px;top:20%;width:100px}.hr-copilot-connection-line-2{animation-delay:1s;right:-50px;top:50%;width:100px}.hr-copilot-connection-line-3{animation-delay:2s;bottom:30%;left:-50px;width:100px}.hr-copilot-cta-section{background:linear-gradient(135deg,#1e1b4b,#0f172a);overflow:hidden;padding:120px 20px;position:relative}.hr-copilot-cta-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hr-copilot-cta-bg-orb{animation:hr-copilot-float 25s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.3;position:absolute}.hr-copilot-cta-orb-1{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:500px;left:-200px;top:-200px;width:500px}.hr-copilot-cta-orb-2{animation-delay:10s;background:linear-gradient(135deg,#8b5cf6,#7c3aed);bottom:-250px;height:600px;right:-250px;width:600px}.hr-copilot-cta-orb-3{animation-delay:5s;background:linear-gradient(135deg,#06b6d4,#0891b2);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.hr-copilot-cta-grid-overlay{animation:hr-copilot-grid-move 25s linear infinite;background:linear-gradient(90deg,#3b82f60d 1px,#0000 0),linear-gradient(#3b82f60d 1px,#0000 0);background-size:60px 60px;inset:0;position:absolute}.hr-copilot-cta-content{margin:0 auto;max-width:800px;text-align:center}.hr-copilot-cta-badge{align-items:center;animation:hr-copilot-fadeInUp .8s ease-out .1s backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #6366f14d;border-radius:50px;color:#93c5fd;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;overflow:hidden;padding:8px 24px;position:relative}.hr-copilot-cta-badge-shimmer{animation:hr-copilot-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0;position:absolute}.hr-copilot-cta-title{animation:hr-copilot-fadeInUp .8s ease-out .2s backwards;color:#fff;font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px}.hr-copilot-cta-gradient-text{-webkit-text-fill-color:#0000;animation:hr-copilot-gradient-shift 4s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hr-copilot-cta-description{animation:hr-copilot-fadeInUp .8s ease-out .3s backwards;color:#cbd5e1;font-size:20px;line-height:1.6;margin-bottom:40px}.hr-copilot-cta-buttons{animation:hr-copilot-fadeInUp .8s ease-out .4s backwards;display:flex;gap:16px;justify-content:center;margin-bottom:40px}.hr-copilot-cta-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:20px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hr-copilot-cta-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:1px solid #fff3;color:#fff}.hr-copilot-cta-btn-primary:hover{box-shadow:0 20px 40px #3b82f666;transform:translateY(-4px)}.hr-copilot-cta-btn-secondary{background:#1e293bcc;border:1px solid #6366f14d;color:#fff}.hr-copilot-cta-btn-secondary:hover{border-color:#6366f199;box-shadow:0 20px 40px #6366f14d;transform:translateY(-4px)}.hr-copilot-btn-content{gap:8px;z-index:2}.hr-copilot-btn-content,.hr-copilot-btn-icon{align-items:center;display:flex;position:relative}.hr-copilot-btn-icon{height:20px;justify-content:center;width:20px}.hr-copilot-play-icon{font-size:12px}.hr-copilot-play-glow{animation:hr-copilot-pulse 2s ease-in-out infinite;background:#ffffff4d;border-radius:50%;inset:-4px;position:absolute}.hr-copilot-btn-glow{background:radial-gradient(circle at center,#fff3,#0000);inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.hr-copilot-cta-btn:hover .hr-copilot-btn-glow{opacity:1}.hr-copilot-cta-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.hr-copilot-cta-stat{align-items:center;animation:hr-copilot-fadeInUp .8s ease-out backwards;color:#cbd5e1;display:flex;font-size:14px;gap:12px}.hr-copilot-cta-stat-icon{flex-shrink:0;font-size:16px}.hr-copilot-cta-stat-content strong{color:#fff;font-weight:700}.hr-copilot-cta-trust{animation:hr-copilot-fadeInUp .8s ease-out .8s backwards}.hr-copilot-cta-trust-label{color:#94a3b8;font-size:14px;margin-bottom:16px}.hr-copilot-cta-companies{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.hr-copilot-cta-company{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #6366f133;border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.hr-copilot-cta-company:hover{border-color:#6366f166;transform:translateY(-2px)}@keyframes hr-copilot-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hr-copilot-fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes hr-copilot-fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes hr-copilot-sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}@keyframes hr-copilot-icon-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes hr-copilot-ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@keyframes hr-copilot-status-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes hr-copilot-connection-flow{0%,to{opacity:0;transform:translateX(-20px)}50%{opacity:1;transform:translateX(20px)}}@keyframes hr-copilot-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@media (max-width:1024px){.hr-copilot-integration-content{gap:60px;grid-template-columns:1fr}.hr-copilot-cta-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hr-copilot-cta-section,.hr-copilot-integration-section{padding:80px 20px}.hr-copilot-cta-title,.hr-copilot-integration-title{font-size:36px}.hr-copilot-cta-description,.hr-copilot-integration-description{font-size:16px}.hr-copilot-integration-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hr-copilot-cta-buttons{align-items:center;flex-direction:column}.hr-copilot-cta-btn{max-width:300px;width:100%}.hr-copilot-cta-stats{grid-template-columns:1fr}}@media (max-width:480px){.hr-copilot-cta-title,.hr-copilot-integration-title{font-size:32px}.hr-copilot-integration-item{padding:16px}.hr-copilot-integration-stats{gap:16px;grid-template-columns:repeat(3,1fr)}.hr-copilot-integration-stat-value{font-size:24px}}.enhanced-onboarding-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:100px 0;position:relative}.enhanced-onboarding-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.enhanced-bg-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.6;position:absolute}.enhanced-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:300px;left:5%;top:10%;width:300px}.enhanced-orb-2{animation-delay:2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;right:10%;top:60%;width:200px}.enhanced-orb-3{animation-delay:4s;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:10%;height:250px;left:15%;width:250px}.enhanced-grid-overlay{animation:gridMove 20s linear infinite;background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;position:absolute;right:0;top:0}.enhanced-onboarding-header{margin-bottom:80px;text-align:center}.enhanced-header-badge{align-items:center;animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;overflow:hidden;padding:8px 16px;position:relative}.enhanced-badge-shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.enhanced-onboarding-title{animation:slideUp .6s ease-out .2s both;font-size:3rem;font-weight:700;margin-bottom:16px}.enhanced-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.enhanced-onboarding-subtitle{animation:slideUp .6s ease-out .3s both;color:#64748b;font-size:1.2rem;margin:0 auto;max-width:600px}.enhanced-timeline-container{margin:60px 0;position:relative}.enhanced-timeline-progress{background:#ffffff4d;border-radius:2px;height:4px;left:50%;position:absolute;top:100px;transform:translateX(-50%);width:80%;z-index:1}.enhanced-timeline-track{background:#fff3;border-radius:2px;height:100%;overflow:hidden;width:100%}.enhanced-timeline-fill{animation:timelineProgress 3s ease-in-out;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px;height:100%;width:75%}.enhanced-onboarding-timeline{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.enhanced-timeline-stage{animation:slideUp .8s ease-out both}.enhanced-stage-connector{background:#ffffff4d;height:2px;position:absolute;right:-20px;top:120px;width:40px;z-index:1}.enhanced-connector-progress{animation:connectorProgress 2s ease-in-out;background:linear-gradient(90deg,#4facfe,#00f2fe);height:100%}.enhanced-connector-pulse{animation:pulse 2s infinite;background:#00f2fe;border-radius:50%;height:6px;position:absolute;right:0;top:-2px;width:6px}.enhanced-stage-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000001a,inset 0 1px 0 #fff9;left:-138px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.enhanced-stage-card:hover{box-shadow:0 20px 60px #00000026,inset 0 1px 0 #fff9;transform:translateY(-10px)}.enhanced-stage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.enhanced-phase-indicator{align-items:center;display:flex;gap:12px;position:relative}.enhanced-phase-number{color:#4f46e5;font-size:2rem;font-weight:700;position:relative}.enhanced-phase-glow{animation:pulse 2s infinite;background:#4f46e51a;border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.enhanced-phase-info{display:flex;flex-direction:column}.enhanced-phase-name{color:#1e293b;font-size:14px;font-weight:600}.enhanced-phase-time{color:#64748b;font-size:12px}.enhanced-metrics-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.enhanced-icon-section{margin-bottom:24px;text-align:center}.enhanced-icon-orb{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 16px;position:relative;width:80px}.enhanced-stage-icon{font-size:2rem;position:relative;z-index:2}.enhanced-icon-ripple{animation:ripple 3s linear infinite;border:2px solid #4f46e51a;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.enhanced-stage-title{color:#1e293b;font-size:1.4rem;font-weight:600;margin:0}.enhanced-progress-steps{margin-bottom:24px}.enhanced-progress-step{animation:slideInRight .6s ease-out both;display:flex;gap:12px;margin-bottom:16px}.enhanced-step-indicator{align-items:center;display:flex;flex-direction:column;min-width:24px}.enhanced-step-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.enhanced-step-connector{background:linear-gradient(180deg,#e2e8f0,#0000);flex:1 1;margin:4px 0;width:2px}.enhanced-step-content{flex:1 1;padding-bottom:12px}.enhanced-step-text{color:#475569;display:block;font-size:14px;line-height:1.4;margin-bottom:8px}.enhanced-step-progress{background:#e2e8f099;border-radius:2px;height:4px;overflow:hidden}.enhanced-step-progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px;height:100%;position:relative;transition:width 1s ease}.enhanced-step-progress-glow{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.enhanced-stage-footer{align-items:center;border-top:1px solid #e2e8f099;display:flex;justify-content:space-between;padding-top:20px}.enhanced-resources{align-items:center;display:flex;gap:12px}.enhanced-resources-label{color:#64748b;font-size:12px;font-weight:600}.enhanced-resource-tags{display:flex;gap:6px}.enhanced-resource-tags span{background:#6366f11a;border-radius:6px;color:#4f46e5;font-size:11px;font-weight:500;padding:4px 8px}.enhanced-view-details-btn{align-items:center;background:#0000;border:1px solid #6366f133;border-radius:10px;color:#4f46e5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.enhanced-view-details-btn:hover{background:#6366f11a;transform:translateX(4px)}.enhanced-performance-metrics{margin:80px 0}.enhanced-metrics-header{margin-bottom:40px;text-align:center}.enhanced-metrics-header h3{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:8px}.enhanced-metrics-header p{color:#64748b;font-size:1.1rem}.enhanced-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.enhanced-metric-card{animation:slideUp .6s ease-out both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;padding:24px;transition:all .3s ease}.enhanced-metric-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.enhanced-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.enhanced-metric-label{color:#475569;font-size:14px;font-weight:600}.enhanced-metric-trend{align-items:center;border-radius:6px;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.enhanced-metric-trend.positive{background:#10b9811a;color:#059669}.enhanced-metric-value{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:4px}.enhanced-metric-target{color:#64748b;font-size:12px;margin-bottom:12px}.enhanced-metric-bar{background:#e2e8f099;border-radius:3px;height:6px;overflow:hidden}.enhanced-metric-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:3px;height:100%;position:relative;transition:width 1s ease}.enhanced-metric-glow{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.enhanced-cta-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #fff3;border-radius:24px;margin-top:60px;padding:60px 40px;text-align:center}.enhanced-cta-content h3{color:#1e293b;font-size:2.2rem;font-weight:700;margin-bottom:12px}.enhanced-cta-content p{color:#64748b;font-size:1.1rem;margin-bottom:32px}.enhanced-cta-buttons{align-items:center;display:flex;gap:16px;justify-content:center}.enhanced-cta-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.enhanced-cta-primary:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.enhanced-cta-shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.enhanced-cta-secondary{background:#0000;border:2px solid #6366f133;border-radius:12px;color:#4f46e5;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.enhanced-cta-secondary:hover{background:#6366f11a;border-color:#6366f166}.enhanced-card-glow{background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;left:0;position:absolute;right:0;top:0}.enhanced-card-border-glow{background:linear-gradient(135deg,#667eea,#764ba2,#4facfe,#00f2fe);border-radius:22px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.enhanced-stage-card:hover .enhanced-card-border-glow{opacity:.3}@keyframes timelineProgress{0%{width:0}to{width:75%}}@keyframes connectorProgress{0%{width:0}to{width:100%}}@media (max-width:1024px){.enhanced-onboarding-timeline{gap:60px;grid-template-columns:1fr}.enhanced-stage-connector,.enhanced-timeline-progress{display:none}.enhanced-metrics-grid{grid-template-columns:1fr}.enhanced-cta-buttons{align-items:stretch;flex-direction:column}}@media (max-width:768px){.enhanced-onboarding-title{font-size:2.2rem}.enhanced-stage-card{padding:20px}.enhanced-stage-header{align-items:flex-start;flex-direction:column;gap:12px}.enhanced-stage-footer{gap:16px}.enhanced-resources,.enhanced-stage-footer{align-items:flex-start;flex-direction:column}}.enhanced-onboarding-wrapper{background:linear-gradient(135deg,#f8faff,#f0f4ff 50%,#e8eeff);font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden}.progress-analytics-zone{background-color:#fff;overflow:hidden;padding:120px 5% 100px;position:relative}.progress-analytics-zone:before{content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0}.progress-analytics-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.progress-content-block{position:relative;z-index:2}.progress-badge-chip{align-items:center;animation:badge-float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50px;box-shadow:0 4px 20px #6366f14d;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:24px;padding:10px 20px;text-transform:uppercase}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.progress-main-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:35px;font-weight:800;line-height:1.2;margin-bottom:24px;text-align:justify}.progress-description-text{color:#475569;font-size:18px;line-height:1.8;margin-bottom:40px;text-align:justify}.progress-features-list{display:flex;flex-direction:column;gap:24px}.progress-feature-card{background:#fff;border:1px solid #6366f11a;border-radius:20px;display:flex;gap:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.progress-feature-card:hover{border-color:#6366f14d;transform:translateX(10px)}.progress-feature-icon-box{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:16px;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;overflow:hidden;position:relative;width:64px}.progress-feature-icon-box:before{background:linear-gradient(135deg,#6366f133,#8b5cf633);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.progress-feature-card:hover .progress-feature-icon-box:before{opacity:1}.progress-feature-text h4{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:8px}.progress-feature-text p{color:#64748b;font-size:15px;line-height:1.6}.progress-visual-zone{position:relative}.progress-dashboard-frame{animation:dashboard-rise .8s ease-out;background:#fff;border:1px solid #6366f11a;border-radius:24px;box-shadow:0 20px 60px #6366f126;overflow:hidden;padding:36px;position:relative}@keyframes dashboard-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-dashboard-frame:before{animation:gradient-slide 3s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradient-slide{to{background-position:200% 0}}.progress-dashboard-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.progress-dashboard-header-row h4{color:#1e293b;font-size:24px;font-weight:700}.progress-status-pill{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.progress-overall-stats{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:16px;margin-bottom:32px;padding:24px}.progress-overall-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-overall-header span:first-child{color:#475569;font-size:15px;font-weight:600}.progress-overall-header span:last-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.progress-overall-bar{background:#6366f11a;border-radius:50px;height:16px;overflow:hidden;position:relative}.progress-overall-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:50px;box-shadow:0 0 20px #6366f166;height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-overall-fill:after{animation:shimmer-move 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer-move{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-items-grid{display:flex;flex-direction:column;gap:20px}.progress-item-row{background:linear-gradient(135deg,#fff,#f8faff);border:1px solid #6366f114;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-item-row:hover{border-color:#6366f133;box-shadow:0 8px 24px #6366f11f;transform:translateX(8px)}.progress-item-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-item-info-row span:first-child{color:#1e293b;font-size:15px;font-weight:600}.progress-item-info-row span:last-child{color:#6366f1;font-size:16px;font-weight:700}.progress-item-bar{background:#6366f11a;border-radius:50px;height:8px;overflow:hidden}.progress-item-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-item-fill:before{animation:glow-pulse 1.5s ease-in-out infinite;background:#fff6;content:"";filter:blur(8px);height:100%;position:absolute;right:0;top:0;width:20px}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.integration-ecosystem-zone{overflow:hidden;padding:100px 5%;position:relative}.integration-floating-shape{animation:float-shape 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.integration-floating-shape-1{animation-delay:0s;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:500px;left:5%;top:10%;width:500px}.integration-floating-shape-2{animation-delay:5s;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:10%;height:400px;right:10%;width:400px}.integration-floating-shape-3{animation-delay:10s;background:linear-gradient(135deg,#10b981,#059669);height:350px;right:20%;top:50%;width:350px}@keyframes float-shape{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.integration-grid-background{animation:grid-drift 20s linear infinite;background-image:linear-gradient(#6366f10d 1px,#0000 0),linear-gradient(90deg,#6366f10d 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.integration-content-wrapper{margin:0 auto;max-width:1400px;position:relative;z-index:2}.integration-header-zone{margin-bottom:80px;text-align:center}.integration-header-badge{align-items:center;animation:badge-bounce 2s ease-in-out infinite;background:#fff;border:2px solid #6366f133;border-radius:50px;box-shadow:0 4px 20px #6366f11a;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:24px;padding:12px 24px}@keyframes badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.integration-main-title{color:#1e293b;font-size:56px;font-weight:800;line-height:1.2;margin-bottom:24px}.integration-subtitle{color:#475569;font-size:20px;line-height:1.8;margin:0 auto 60px;max-width:800px}.integration-tools-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.integration-tool-card{background:#fff;border:2px solid #0000;border-radius:20px;cursor:pointer;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.integration-tool-card:before{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s}.integration-tool-card:hover:before{opacity:1}.integration-tool-card:hover{border-color:#6366f14d;box-shadow:0 20px 60px #6366f133;transform:translateY(-12px) scale(1.02)}.integration-tool-card.active-integration{border-color:#6366f1;box-shadow:0 8px 32px #6366f133}.integration-tool-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.integration-tool-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:16px;display:flex;font-size:32px;height:64px;justify-content:center;overflow:hidden;position:relative;width:64px}.integration-tool-icon-wrapper:after{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:18px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s;z-index:-1}.integration-tool-card:hover .integration-tool-icon-wrapper:after{opacity:.2}.integration-tool-details{flex:1 1}.integration-tool-name{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:4px}.integration-tool-category{color:#64748b;font-size:13px;font-weight:500}.integration-connection-status{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50px;color:#059669;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.integration-status-indicator{animation:status-blink 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.integration-stats-bar{grid-gap:40px;background:#fff;border:1px solid #6366f11a;border-radius:24px;box-shadow:0 10px 40px #6366f11a;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding:40px}.integration-stat-block{background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:16px;padding:20px;text-align:center;transition:all .3s}.integration-stat-block:hover{box-shadow:0 8px 24px #6366f126;transform:scale(1.05)}.integration-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:8px}.integration-stat-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.journey-timeline-zone{background:linear-gradient(135deg,#f8faff,#f0f4ff 50%,#e8eeff);overflow:hidden;padding:100px 5%;position:relative}.journey-timeline-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.journey-timeline-header{margin-bottom:80px;text-align:center}.journey-timeline-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50px;box-shadow:0 8px 24px #6366f14d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:24px;padding:12px 24px}.journey-timeline-title{color:#1e293b;font-size:52px;font-weight:800;margin-bottom:20px}.journey-timeline-subtitle{color:#64748b;font-size:18px;line-height:1.8;margin:0 auto;max-width:700px}.journey-timeline-steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);position:relative}.journey-timeline-steps:before{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);content:"";height:3px;left:16.66%;position:absolute;right:16.66%;top:80px;z-index:0}.journey-step-card{background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 4px 20px #6366f114;padding:40px 32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.journey-step-card:hover{border-color:#6366f14d;box-shadow:0 20px 60px #6366f133;transform:translateY(-16px)}.journey-step-number{align-items:center;box-shadow:0 8px 24px #6366f14d;color:#fff;display:flex;font-size:32px;font-weight:800;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.journey-step-number,.journey-step-number:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.journey-step-number:before{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite;content:"";inset:-8px;opacity:.2;position:absolute}@keyframes pulse-ring{0%{opacity:.2;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.journey-step-icon{font-size:48px;margin-bottom:20px}.journey-step-title{color:#1e293b;font-size:22px;font-weight:700;margin-bottom:12px}.journey-step-description{color:#64748b;font-size:15px;line-height:1.6}.metrics-dashboard-zone{background:#fff;padding:100px 5%;position:relative}.metrics-dashboard-container{margin:0 auto;max-width:1400px}.metrics-header-section{margin-bottom:60px;text-align:center}.metrics-header-badge{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:2px solid #6366f1;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px}.metrics-header-title{color:#1e293b;font-size:48px;font-weight:800;margin-bottom:16px}.metrics-header-description{color:#64748b;font-size:18px;line-height:1.8;margin:0 auto;max-width:700px}.metrics-grid-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.metric-display-card{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:2px solid #6366f11a;border-radius:20px;overflow:hidden;padding:32px;position:relative;transition:all .3s}.metric-display-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.metric-display-card:hover:before{transform:scaleX(1)}.metric-display-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f126;transform:translateY(-8px)}.metric-icon-display{font-size:36px;margin-bottom:16px}.metric-value-display{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800;margin-bottom:8px}.metric-label-display{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-trend-indicator{align-items:center;background:#10b9811a;border-radius:20px;color:#059669;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:8px;padding:4px 12px}.testimonial-showcase-zone{background:linear-gradient(135deg,#f8faff,#f0f4ff 50%,#e8eeff);overflow:hidden;padding:100px 5%;position:relative}.testimonial-floating-orb{border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}.testimonial-floating-orb-1{background:linear-gradient(135deg,#6366f1,#8b5cf6);height:600px;left:-200px;top:-200px;width:600px}.testimonial-floating-orb-2{background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:-150px;height:500px;right:-150px;width:500px}.testimonial-showcase-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.testimonial-header-area{margin-bottom:60px;text-align:center}.testimonial-header-badge{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 20px #6366f126;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px}.testimonial-header-title{color:#1e293b;font-size:48px;font-weight:800;margin-bottom:16px}.testimonial-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.testimonial-card-item{background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 8px 32px #6366f11a;padding:36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.testimonial-card-item:hover{border-color:#6366f133;box-shadow:0 20px 60px #6366f133;transform:translateY(-12px)}.testimonial-quote-icon{color:#6366f1;font-size:48px;margin-bottom:16px;opacity:.3}.testimonial-text-content{color:#475569;font-size:16px;font-style:italic;line-height:1.8;margin-bottom:24px}.testimonial-author-info{align-items:center;border-top:2px solid #6366f11a;display:flex;gap:16px;padding-top:24px}.testimonial-author-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.testimonial-author-details{flex:1 1}.testimonial-author-name{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:4px}.testimonial-author-role{color:#64748b;font-size:14px}.testimonial-rating-stars{color:#fbbf24;font-size:18px;margin-bottom:16px}@media (max-width:1024px){.progress-analytics-container{gap:60px;grid-template-columns:1fr}.integration-tools-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.integration-stats-bar{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.integration-main-title,.progress-main-heading{font-size:36px}.progress-dashboard-frame{padding:24px}.integration-tools-grid{grid-template-columns:1fr}}.onboarding-showcase{background:linear-gradient(135deg,#fff,#fff);font-family:Poppins,sans-serif;margin-top:-50px;overflow:hidden;padding:80px 20px}.onboarding-container{margin:0 auto;max-width:1400px}.onboarding-header{animation:fadeInDown 1s ease-out;margin-bottom:60px;text-align:center}.onboarding-title{color:#2b2436!important;font-size:2.8rem;font-weight:700;margin-bottom:15px;position:relative}.onboarding-title:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.onboarding-subtitle{color:#64748b;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.onboarding-steps{display:flex;flex-direction:column;gap:60px}.step-card{align-items:center;background:#fff;border-radius:20px;display:flex;gap:50px;opacity:0;padding:40px;transform:translateY(30px);transition:all .4s ease}.step-left{flex-direction:row}.step-right{flex-direction:row-reverse}.step-card.visible{opacity:1;transform:translateY(0)}.step-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.step-image{border-radius:15px;flex:1 1;overflow:hidden;position:relative}.step-image img{border-radius:15px;height:400px;object-fit:cover;transition:all .5s ease;width:100%}.image-float{animation:float 6s ease-in-out infinite}.image-slide{animation:slideInOut 8s ease-in-out infinite}.image-zoom{animation:zoomInOut 7s ease-in-out infinite}.image-rotate{animation:rotate 10s linear infinite}.step-content{flex:1 1;padding:20px}.step-number{color:#e2e8f0;font-size:5rem;font-weight:800;line-height:1;margin-bottom:10px;position:relative;z-index:1}.step-content h3{color:#1e293b;font-size:1.8rem;font-weight:600;margin-bottom:15px;text-align:justify}.step-content p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:25px;text-align:justify}.step-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.step-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px)}.onboarding-footer{margin-top:60px;text-align:center}.progress-indicator{margin:0 auto;max-width:600px}.progress-bar{border-radius:3px;margin-bottom:20px}.progress-fill{animation:progressPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6);width:25%}.progress-labels{display:flex;justify-content:space-between}.progress-step{color:#94a3b8;font-weight:600;padding-top:25px;position:relative}.progress-step:before{background:#cbd5e1;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:all .3s ease;width:12px}.progress-step.active{color:#3b82f6}.progress-step.active:before{background:#3b82f6;box-shadow:0 0 0 4px #3b82f633}@keyframes slideInOut{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes zoomInOut{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:992px){.step-card{flex-direction:column!important;gap:30px}.step-content,.step-image{width:100%}.step-image img{height:250px}}@media (max-width:768px){.onboarding-title{font-size:2.2rem}.step-card{padding:30px 20px}.step-number{font-size:4rem}.step-content h3{font-size:1.5rem}}.step-card.step-1{animation-delay:.1s}.step-card.step-2{animation-delay:.3s}.step-card.step-3{animation-delay:.5s}.step-card.step-4{animation-delay:.7s}.header-stats{display:flex;gap:40px;justify-content:center;margin-top:30px}.stat-number{color:#3b82f6;line-height:1}.image-overlay1{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px;position:absolute;right:15px;top:15px}.step-dropdown-section{margin:20px 0}.dropdown-toggle{align-items:center;background:none;border:2px solid #e2e8f0;border-radius:25px;color:#64748b;cursor:pointer;display:flex;justify-content:space-between;padding:10px 20px;transition:all .3s ease;width:100%}.dropdown-toggle:hover{border-color:#3b82f6;color:#3b82f6}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.active{transform:rotate(180deg)}.dropdown-content{margin-top:10px;padding:20px}.features-list h4,.tips-section h4{color:#1e293b;font-size:1rem;margin-bottom:10px;text-align:justify}.features-list ul{list-style:none;margin-bottom:20px;padding:0;text-align:justify}.features-list li{color:#475569;padding:5px 0}.step-actions{display:flex;flex-wrap:wrap;gap:15px}.info-button{background:#0000;border:2px solid #e2e8f0;border-radius:25px;color:#64748b;cursor:pointer;padding:10px 20px;transition:all .3s ease}.info-button:hover{border-color:#3b82f6;color:#3b82f6}.completion-stats{display:flex;gap:40px;justify-content:center;margin-top:30px}.completion-item{text-align:center}.completion-percentage,.completion-time{color:#10b981;display:block;font-size:1.5rem;font-weight:700}.completion-text{color:#64748b;font-size:.9rem}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:20px;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;position:relative}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:20px;transition:color .3s ease}.modal-close:hover{color:#ef4444}.modal-content h3{color:#1e293b;font-size:1.8rem;margin-bottom:20px}.modal-section{margin-bottom:25px}.modal-section h4{font-size:1.2rem;margin-bottom:10px}.modal-section li{margin-bottom:8px}.modal-actions{gap:15px;margin-top:30px}.modal-button{border:none;border-radius:25px;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.modal-button.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.modal-button.secondary{background:#e2e8f0;color:#64748b}.modal-button:hover{transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.completion-stats,.header-stats{gap:20px}.completion-percentage,.completion-time,.stat-number{font-size:1.2rem}.step-actions{flex-direction:column}.modal-content{padding:30px 20px}.modal-actions{flex-direction:column}}.step-description{color:#475569;font-size:1.1rem;line-height:1.7;margin-bottom:20px}.step-stats{display:flex;gap:15px;margin:20px 0}.stat-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:flex;font-size:.9rem;gap:8px;padding:8px 15px}.stat-icon{font-size:1rem}.dropdown-content{animation:slideDown .3s ease-out;background:#f8fafc;border-radius:15px;margin-top:15px;max-height:400px;overflow-y:auto;padding:25px}.features-list,.requirements-section,.tips-section{margin-bottom:25px}.features-list h4,.requirements-section h4,.tips-section h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:12px}.features-list ul,.requirements-section ul{list-style:none;padding:0}.features-list li,.requirements-section li{border-bottom:1px solid #f1f5f9;color:#475569;line-height:1.5;padding:8px 0}.features-list li:last-child,.requirements-section li:last-child{border-bottom:none}.tips-section p{background:#fff;border-left:4px solid #10b981;border-radius:10px;color:#475569;font-style:italic;line-height:1.6;padding:15px}.modal-body{max-height:60vh;padding-right:10px}.modal-section{border-bottom:1px solid #f1f5f9;margin-bottom:30px;padding-bottom:20px}.modal-section:last-child{border-bottom:none}.modal-section h4{color:#3b82f6;font-size:1.3rem;font-weight:600;margin-bottom:12px}.modal-section ul{color:#475569;padding-left:20px}.modal-section li{line-height:1.6;margin-bottom:10px}.modal-stats{background:#f8fafc;border-radius:10px;display:flex;gap:30px;margin-top:25px;padding:20px}.modal-stat{color:#475569;font-size:1rem}.modal-stat strong{color:#1e293b}.dropdown-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.step-stats{flex-direction:column;gap:10px}.stat-badge{justify-content:center}.modal-stats{flex-direction:column;gap:15px}.dropdown-content{max-height:300px}.step-description{font-size:1rem;line-height:1.6}}.hrv-onboarding-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrcopilot-container{background-color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding:60px 40px}.hrcopilot-section{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto 100px;max-width:1200px}.hrcopilot-content h1{color:#2b2436!important;font-family:Poppins,sans-serif;font-size:40px;font-weight:600;line-height:1.2;margin-bottom:24px;text-align:justify}.hrcopilot-content p{color:#475569;font-size:17px;line-height:1.8;margin-bottom:16px;text-align:justify}.hrcopilot-demo-btn{color:#c73659;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-top:20px;text-decoration:none;text-transform:uppercase}.hrcopilot-demo-btn:hover{color:#a02d4a}.hrcopilot-visual{position:relative}.hrcopilot-profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px;position:relative;z-index:2}.hrcopilot-profile-header{margin-bottom:30px;text-align:center}.hrcopilot-profile-header h3{color:#2c2c2c;font-size:18px;font-weight:500;margin-bottom:20px}.hrcopilot-avatar-placeholder{background:linear-gradient(135deg,#ff6b9d,#c73659);font-size:40px;height:100px;margin:0 auto 20px;width:100px}.hrcopilot-add-photo,.hrcopilot-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.hrcopilot-add-photo{background:#c73659;cursor:pointer;height:30px;margin:-15px auto 0;width:30px}.hrcopilot-progress-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.hrcopilot-dot{background:#ddd;border-radius:50%;height:8px;width:8px}.hrcopilot-dot.active{background:#c73659}.hrcopilot-next-btn{background:#c73659;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 32px}.hrcopilot-next-btn:hover{background:#a02d4a}.hrcopilot-welcome-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:250px;padding:20px;position:absolute;right:-40px;top:-20px;z-index:3}.hrcopilot-welcome-card h4{color:#2c2c2c;font-size:18px;margin-bottom:12px}.hrcopilot-welcome-avatar{background:linear-gradient(135deg,#ffd89b,#ff9a56);border-radius:50%;height:60px;margin-bottom:10px;width:60px}.hrcopilot-shape{position:absolute;z-index:1}.hrcopilot-shape-yellow{background:linear-gradient(135deg,#ffd89b,#ffb366);border-radius:50% 50% 0 50%;height:120px;left:100px;top:-30px;width:120px}.hrcopilot-shape-pink{background:linear-gradient(135deg,#ff6b9d,#ffa8c5);border-radius:50%;bottom:50px;height:150px;left:-40px;opacity:.3;width:150px}.hrcopilot-shape-triangle{border-bottom:80px solid #ff9a56;border-left:50px solid #0000;border-right:50px solid #0000;bottom:100px;height:0;position:absolute;right:-20px;width:0}.hrcopilot-shoutout-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px}.hrcopilot-shoutout-card{background:linear-gradient(135deg,#ffb3c6,#ff6b9d);border-radius:12px;margin-bottom:20px;padding:30px}.hrcopilot-shoutout-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.hrcopilot-shoutout-avatar{background:#2c2c2c;border-radius:50%;height:50px;width:50px}.hrcopilot-kudos-badge{background:#8b1538;border-radius:8px;color:#fff;font-size:24px;font-weight:700;overflow:hidden;padding:20px 30px;position:relative;text-align:center}.hrcopilot-kudos-badge:before{animation:sparkle 2s infinite;content:"✦";font-size:12px;position:absolute}.hrcopilot-birthday-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px;text-align:center}.hrcopilot-birthday-card h4{color:#2c2c2c;font-size:16px;margin:15px 0 10px}.hrcopilot-birthday-avatars{display:flex;gap:10px;justify-content:center;margin-top:15px}.hrcopilot-mini-avatar{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c73659);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:40px;justify-content:center;width:40px}.hrcopilot-tasks-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:40px}.hrcopilot-tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.hrcopilot-tasks-header h3{color:#2c2c2c;font-size:24px}.hrcopilot-new-task-btn{align-items:center;background:#c73659;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px}.hrcopilot-task-item{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px}.hrcopilot-task-content{align-items:center;display:flex;flex:1 1;gap:15px}.hrcopilot-task-title{color:#2c2c2c;font-size:16px;font-weight:500}.hrcopilot-task-progress{background:#e0e0e0;border-radius:2px;height:4px;margin-top:5px;overflow:hidden;width:100px}.hrcopilot-task-progress-bar{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:2px;height:100%}.hrcopilot-task-avatars{display:flex;margin-left:auto;margin-right:20px}.hrcopilot-task-avatar{background:linear-gradient(135deg,#ff6b9d,#c73659);border:2px solid #fff;border-radius:50%;height:35px;margin-left:-10px;width:35px}.hrcopilot-task-avatar:first-child{margin-left:0}.hrcopilot-shape-circle{background:linear-gradient(135deg,#c73659,#8b1538);border-radius:50%;bottom:-50px;height:200px;opacity:.8;position:absolute;right:-50px;width:200px}@media (max-width:968px){.hrcopilot-section{gap:40px;grid-template-columns:1fr}.hrcopilot-welcome-card{margin:0 auto;position:relative;right:0;top:20px}.hrcopilot-content h1{font-size:36px}}.stats-section{margin:-80px auto 90px;max-width:1300px;padding:100px 20px;text-align:center}.stats-subtitle{animation:fadeUp .7s ease both;color:#6d6d6d;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.stats-title{animation:fadeUp .9s ease both;font-family:Raleway,sans-serif;font-size:58px;font-weight:800;margin-bottom:20px}.stats-title span{color:#1e293b;display:block}.stats-title .highlight{color:#c62828}.stats-description{animation:fadeUp 1.1s ease both;color:#565656;font-size:17px;line-height:1.8;margin:0 auto;max-width:780px}.stats-grid{grid-gap:35px;gap:35px;grid-template-columns:repeat(4,1fr);margin-top:60px}.stats-card{animation:fadeUp 1s ease both;background:#fff;border-radius:16px;box-shadow:0 4px 18px #0000000f;cursor:default;padding:32px;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 32px #0000001f;transform:translateY(-10px)}.stat-circle{animation:rotateIn 1.4s ease;border:6px solid #c62828;border-radius:50%;height:150px;margin:0 auto 20px;width:150px}.stat-number{animation:pop .6s ease-out .5s both;color:#c62828;font-family:Raleway,sans-serif;font-size:38px}.stat-label{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:12px}.stat-underline{animation:underlineGrow .8s ease-out both;background:#c62828;height:4px;margin:0 auto 18px;width:60px}.stat-text{color:#555;font-size:15px;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-80deg) scale(.7)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes underlineGrow{0%{width:0}to{width:60px}}@media (max-width:1024px){.stats-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.stats-title{font-size:46px}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-circle{height:130px;width:130px}.stats-title{font-size:36px}}.resto-main-wrapper{background:#fff;min-height:100vh;width:100%}.resto-sticky-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 3px 12px #0000000f;padding:14px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.resto-nav-container{display:flex;gap:20px;justify-content:center;margin:auto;max-width:1280px;padding:0 20px}.resto-nav-button{background:#0000;border:2px solid #0000;border-radius:30px;color:#64748b;cursor:pointer;font-family:Raleway,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.1px;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.resto-nav-button:hover{border-color:#b7323540;color:#b73235}.resto-nav-button.resto-active{background:#b73235;border-color:#b73235;box-shadow:0 4px 14px #b7323547;color:#fff}.resto-content-wrapper{margin:auto;max-width:1350px;padding:60px 24px}.resto-section{align-items:center;display:flex;gap:60px;justify-content:space-between;margin-bottom:100px;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.resto-section.resto-visible{opacity:1;transform:translateY(0)}.resto-section.resto-reverse{flex-direction:row-reverse}.resto-section-content{flex:1 1;max-width:52%;padding:28px}.resto-section-label{background:#b7323514;border-radius:16px;color:#b73235;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2.2px;margin-bottom:14px;padding:5px 14px;text-transform:uppercase}.resto-section-title{color:#0f172a;font-size:38px;font-weight:800;letter-spacing:-.4px;line-height:1.25;margin-bottom:18px;text-align:justify}.resto-section-description{color:#475569;font-size:17px;line-height:2.1;margin-bottom:26px;text-align:justify}.resto-section-image{display:flex;flex:1 1;justify-content:center;max-width:48%}.resto-real-image{border-radius:14px;box-shadow:0 18px 40px #0000001f;max-width:600px;transition:transform .35s ease;width:100%}.resto-real-image:hover{transform:translateY(-6px)}.resto-buttons-group{display:flex;gap:18px;margin-top:22px}.resto-primary-btn{background:linear-gradient(135deg,#b73235,#d64548);border:none;border-radius:12px;box-shadow:0 6px 18px #b732354d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 34px;transition:.3s}.resto-primary-btn:hover{background:linear-gradient(135deg,#9a2a2d,#b73235)}.resto-secondary-btn{background:#0000;border:2px solid #b73235;border-radius:12px;color:#b73235;cursor:pointer;font-size:15px;font-weight:600;padding:14px 34px;transition:.3s}.resto-secondary-btn:hover{background:#b732350d}.resto-fade-in-left{opacity:0;transform:translateX(-30px);transition:.7s ease}.resto-fade-in-right{opacity:0;transform:translateX(30px);transition:.7s ease}.resto-visible .resto-fade-in-left,.resto-visible .resto-fade-in-right{opacity:1;transform:translateX(0)}@media (max-width:1024px){.resto-section{flex-direction:column;gap:44px;margin-bottom:70px}.resto-section-content,.resto-section-image{max-width:100%}.resto-section-title{font-size:34px}}@media (max-width:768px){.resto-content-wrapper{padding:50px 20px}.resto-section-title{font-size:30px}.resto-section-description{font-size:16px}.resto-buttons-group{flex-direction:column}.resto-primary-btn,.resto-secondary-btn{width:100%}}@media (max-width:480px){.resto-content-wrapper{padding:40px 16px}.resto-section-title{font-size:26px}.resto-section-description{font-size:15px}}.portal{background:#f8fafc;min-height:100vh}.portal__container{margin:0 auto;max-width:1400px;padding:0 20px}.portal__hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0 80px;text-align:center}.portal__hero-content{margin:0 auto;max-width:800px}.portal__title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px #0000001a}.portal__subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.portal__search{margin:0 auto;max-width:700px}.portal__search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:flex;padding:8px 8px 8px 24px;transition:all .3s ease}.portal__search-container:focus-within{background:#ffffff26;border-color:#fff6;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.portal__search-icon{color:#ffffffb3;font-size:1.1rem;margin-right:12px}.portal__search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none}.portal__search-input::placeholder{color:#ffffffb3}.portal__search-btn{align-items:center;background:#fff3;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.portal__search-btn:hover{background:#ffffff4d}.portal__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.portal__section-title{align-items:center;color:#1e293b;display:flex;font-size:2.5rem;font-weight:700;gap:1rem}.portal__features-count{color:#64748b;font-size:1.5rem;font-weight:400}.portal__featured{background:#fff;padding:80px 0 40px}.portal__carousel-controls{display:flex;gap:.5rem}.portal__carousel-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.portal__carousel-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.portal__featured-carousel{border-radius:24px;box-shadow:0 20px 60px #0000001a;margin-bottom:2rem;overflow:hidden}.portal__featured-survey{background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;position:relative}.portal__featured-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:3rem;position:absolute;right:0}.portal__featured-content{max-width:800px}.portal__featured-category{background:#3b82f6;border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.portal__featured-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.portal__featured-excerpt{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.portal__featured-meta{display:flex;gap:2rem;margin-bottom:2rem}.portal__meta-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.8}.portal__featured-actions{align-items:center;display:flex;gap:1.5rem}.portal__participate-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.portal__participate-btn:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.portal__action-buttons{display:flex;gap:.5rem}.portal__action-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.portal__action-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.portal__carousel-indicators{display:flex;gap:.5rem;justify-content:center}.portal__indicator{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.portal__indicator--active{background:#3b82f6;transform:scale(1.2)}.portal__main{padding:80px 0}.portal__layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr}.portal__sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.portal__sidebar-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.portal__sidebar-title{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.portal__categories{display:flex;flex-direction:column;gap:.5rem}.portal__category{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-align:left;transition:all .3s ease}.portal__category:hover{background:#f8fafc;transform:translateX(4px)}.portal__category--active{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.portal__category--active:hover{background:#2563eb;transform:translateX(4px)}.portal__category-content{align-items:center;display:flex;gap:.75rem}.portal__category-icon{font-size:1.125rem}.portal__category-name{font-weight:500}.portal__category-count{font-size:.875rem;opacity:.7}.portal__category--active .portal__category-count{opacity:.9}.portal__tags{display:flex;flex-wrap:wrap;gap:.5rem}.portal__tag{align-items:center;background:#f1f5f9;border-radius:20px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .3s ease}.portal__tag:hover{background:#e2e8f0;color:#374151;transform:translateY(-1px)}.portal__tag--active{background:#3b82f6!important;color:#fff!important}.portal__sort-options{display:flex;flex-direction:column;gap:.75rem}.portal__sort-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .3s ease}.portal__sort-option:hover{background:#f8fafc}.portal__sort-option input{margin:0}.portal__sort-option span{color:#374151;font-weight:500}.portal__quick-actions{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;margin-bottom:50px;padding:2rem;text-align:center}.portal__quick-actions h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.portal__quick-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease;width:100%}.portal__quick-btn:hover{background:#fff3;transform:translateY(-2px)}.portal__features-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.portal__sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;outline:none;padding:.75rem 1rem}.portal__features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.portal__feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.portal__feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.portal__feature-image{height:200px;overflow:hidden;position:relative}.portal__feature-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.portal__feature-card:hover .portal__feature-image img{transform:scale(1.05)}.portal__feature-gradient{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;transition:opacity .3s ease}.portal__feature-card:hover .portal__feature-gradient{opacity:.2}.portal__feature-category{background:#3b82f6;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:1rem;letter-spacing:.5px;padding:.375rem 1rem;position:absolute;text-transform:uppercase;top:1rem}.portal__feature-content{padding:2rem}.portal__feature-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.portal__feature-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#3b82f6;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.portal__feature-title{color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.portal__feature-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.portal__feature-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem}.portal__stat{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.portal__feature-footer{align-items:center;display:flex;justify-content:space-between}.portal__feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.portal__feature-tag{background:#f1f5f9;padding:.25rem .75rem}.portal__feature-tag,.portal__feature-tag-more{border-radius:12px;color:#64748b;font-size:.75rem;font-weight:500}.portal__feature-tag-more{background:#e2e8f0;padding:.25rem .5rem}.portal__feature-actions{align-items:center;display:flex;gap:.75rem}.portal__access-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.portal__access-btn:hover{background:#2563eb;gap:.75rem}.portal__active-filters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem}.portal__active-filters span:first-child{color:#ffffffe6;font-weight:600}.portal__active-filter{align-items:center;background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.portal__active-filter button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:20px;justify-content:center;padding:0;transition:background .3s ease;width:20px}.portal__active-filter button:hover{background:#ffffff4d}.portal__clear-filters{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.portal__clear-filters:hover{background:#ffffff4d}.portal__no-results{color:#64748b;grid-column:1/-1;padding:4rem 2rem;text-align:center}.portal__no-results h3{color:#64748b;font-size:1.5rem;margin-bottom:1rem}.portal__no-results .portal__clear-filters{background:#3b82f6;border:none;color:#fff;margin-top:1rem}.portal__no-results .portal__clear-filters:hover{background:#2563eb}.portal__cta{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:80px 0;text-align:center}.portal__cta-content{margin:0 auto;max-width:600px}.portal__cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.portal__cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.portal__cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.portal__cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.portal__cta-btn--primary{background:#3b82f6;color:#fff}.portal__cta-btn--primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.portal__cta-btn--secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.portal__cta-btn--secondary:hover{background:#fff3;transform:translateY(-2px)}.portal__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.portal__modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.portal__modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px;z-index:1000}.portal__modal-close:hover{background:#0003;color:#374151}.portal__modal-header{height:300px;overflow:hidden;position:relative}.portal__modal-image{height:100%;object-fit:cover;width:100%}.portal__modal-meta{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.portal__modal-category{background:#3b82f6;border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.5rem 1.5rem;text-transform:uppercase}.portal__modal-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.portal__modal-stats{display:flex;gap:1.5rem}.portal__modal-stats span{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.9}.portal__modal-body{padding:2rem}.portal__feature-content{color:#374151;line-height:1.8;margin-bottom:2rem}.portal__feature-content h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin:2rem 0 1rem}.portal__feature-content p{margin-bottom:1rem}.portal__feature-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.portal__feature-content li{margin-bottom:.5rem;padding-left:.5rem;position:relative}.portal__feature-content li:before{color:#3b82f6;content:"•";font-weight:700;left:-1rem;position:absolute}.portal__modal-footer{align-items:center;background:#f8fafc;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.portal__modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.portal__modal-actions{display:flex;gap:.75rem}.portal__modal-actions .portal__action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.portal__modal-actions .portal__action-btn:hover{background:#f8fafc;border-color:#9ca3af}@media (max-width:1024px){.portal__layout{gap:2rem;grid-template-columns:1fr}.portal__sidebar{position:static}.portal__featured-title{font-size:2rem}}@media (max-width:768px){.portal__title{font-size:2.5rem}.portal__features-grid{grid-template-columns:1fr}.portal__search-container{flex-direction:column;gap:1rem;padding:1.5rem}.portal__featured-survey{height:400px}.portal__featured-overlay{padding:2rem}.portal__featured-title{font-size:1.75rem}.portal__cta-buttons{align-items:center;flex-direction:column}.portal__cta-btn{max-width:300px;width:100%}.portal__modal-overlay{padding:1rem}.portal__modal-content{max-height:95vh}.portal__modal-header{height:200px}.portal__modal-title{font-size:1.5rem}.portal__modal-body{padding:1.5rem}.portal__modal-footer{align-items:stretch;flex-direction:column;gap:1rem}.portal__modal-actions{justify-content:center}.portal__active-filters{align-items:flex-start;flex-direction:column}}.hrv-portal-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-portal-search{animation:hrv-fadeInUp 1s ease-out .6s backwards;margin:40px auto;max-width:800px;width:100%}.hrv-search-container{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50px;box-shadow:0 4px 20px #00000014;display:flex;padding:8px 8px 8px 20px;transition:all .3s ease}.hrv-search-container:focus-within{border-color:#10b981;box-shadow:0 6px 25px #10b98126}.hrv-search-icon{color:#64748b;font-size:18px;margin-right:12px}.hrv-search-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-size:16px;outline:none;padding:12px 0}.hrv-search-input::placeholder{color:#94a3b8}.hrv-search-btn{align-items:center;background:#10b981;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.hrv-search-btn:hover{background:#059669;transform:translateY(-1px)}.hrv-active-filters{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:16px}.hrv-filters-label{color:#64748b;font-size:14px;font-weight:600}.hrv-active-filter{align-items:center;background:#fff;border:1px solid #10b981;border-radius:20px;color:#10b981;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.hrv-active-filter button{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:18px;justify-content:center;padding:2px;transition:all .2s ease;width:18px}.hrv-active-filter button:hover{background:#ef4444;color:#fff}.hrv-clear-filters{background:#64748b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;padding:6px 16px;transition:all .2s ease}.hrv-clear-filters:hover{background:#475569}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #10b98166,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-image{height:400px}.hrv-portal-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#84cc16);-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:768px){.hrv-search-container{border-radius:20px;flex-direction:column;gap:12px;padding:16px}.hrv-search-input{padding:12px;width:100%}.hrv-search-btn{justify-content:center;width:100%}.hrv-active-filters{align-items:flex-start;flex-direction:column}.hrv-clear-filters{margin-left:0;margin-top:12px}.hrv-metrics-grid{flex-wrap:wrap;gap:30px}.hrv-metric-item{flex:1 1;min-width:120px}.hrv-metric-number{font-size:2rem}.hrv-dashboard-container{margin:30px 20px 0;max-width:100%}.hrv-dashboard-image-wrapper{transform:none}.hrv-dashboard-image-wrapper:hover{transform:translateY(-5px)}.hrv-dashboard-overlay{padding:20px}.hrv-dashboard-content h3{font-size:20px}.hrv-dashboard-content p{font-size:14px}}.univ-application-page{background-color:#fff;color:#1e2330;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.univ-loading-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.univ-spinner{animation:univ-spin 1s ease-in-out infinite;border:4px solid #c628281a;border-radius:50%;border-top-color:#c62828;height:50px;margin-bottom:20px;width:50px}.univ-spinner.small{border-width:2px;height:20px;margin-right:10px;width:20px}.univ-spinner.medium{height:40px;width:40px}.univ-spinner.large{border-width:5px;height:60px;width:60px}.univ-loading-text{color:#1e2330;font-size:18px;font-weight:500}@keyframes univ-spin{to{transform:rotate(1turn)}}.univ-error-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;min-height:100vh;padding:20px}.univ-error-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;max-width:500px;padding:40px;text-align:center;width:100%}.univ-error-icon{color:#c62828;font-size:48px;margin-bottom:20px}.univ-error-title{color:#1e2330;font-size:24px;font-weight:600;margin-bottom:10px}.univ-error-message{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.univ-professional-header{background:linear-gradient(135deg,#c62828,#b71c1c);box-shadow:0 4px 20px #c6282833;color:#fff;padding:24px 40px}.univ-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.univ-header-left{flex:1 1;min-width:300px}.univ-header-logo{align-items:center;display:flex;gap:16px}.univ-logo-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.univ-logo-text{display:flex;flex-direction:column}.univ-logo-title{font-size:24px;font-weight:700;letter-spacing:-.5px}.univ-logo-subtitle{font-size:14px;font-weight:400;opacity:.9}.univ-header-right{flex:2 1;min-width:300px}.univ-job-details{text-align:right}.univ-job-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.univ-job-meta{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}.univ-meta-item{align-items:center;display:flex;font-size:15px;gap:8px;opacity:.95}.univ-meta-icon{font-size:16px}.univ-progress-section{background:#fff;border-bottom:1px solid #eaeaea;padding:20px 40px}.univ-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.univ-progress-title{color:#1e2330;font-size:18px;font-weight:600;margin:0}.univ-progress-percentage{background:#c628281a;border-radius:20px;color:#c62828;font-size:20px;font-weight:700;padding:6px 16px}.univ-progress-container{margin:0 auto;max-width:1400px}.univ-progress-bar{background:#eaeaea;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.univ-progress-fill{background:linear-gradient(90deg,#c62828,#ff5252);border-radius:4px;height:100%;transition:width .3s ease}.univ-progress-steps{color:#666;font-size:14px;text-align:center}.univ-progress-hint{font-style:italic}.univ-application-wrapper{display:flex;gap:30px;margin:0 auto;max-width:1400px;min-height:calc(100vh - 220px);padding:30px 20px}.univ-navigation-sidebar{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 20px #0000000a;flex-shrink:0;height:-webkit-fit-content;height:fit-content;padding:24px;width:280px}.univ-nav-header{margin-bottom:24px}.univ-nav-title{color:#1e2330;font-size:20px;font-weight:700;margin:0 0 8px}.univ-nav-subtitle{color:#666;font-size:14px;margin:0}.univ-nav-sections{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.univ-nav-item{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s ease;width:100%}.univ-nav-item:hover{border-color:#c62828;box-shadow:0 4px 12px #c628281a;transform:translateY(-2px)}.univ-nav-item.active{background:#c628280d;border-color:#c62828;position:relative}.univ-nav-item.active:before{background:#c62828;border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.univ-nav-item.review{border-color:#4caf50}.univ-nav-item.review:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.univ-nav-item.review.active{background:#4caf500d;border-color:#4caf50}.univ-nav-item.review.active:before{background:#4caf50}.univ-nav-icon{align-items:center;background:#c628281a;border-radius:8px;color:#c62828;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.univ-nav-item.review .univ-nav-icon{background:#4caf501a;color:#4caf50}.univ-nav-content{flex:1 1}.univ-nav-label{color:#1e2330;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.univ-nav-status{align-items:center;display:flex;gap:8px}.univ-required-indicator{background:#c628281a;color:#c62828}.univ-final-step,.univ-required-indicator{border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.univ-final-step{background:#4caf501a;color:#4caf50}.univ-nav-arrow{color:#999}.univ-nav-item:hover .univ-nav-arrow{color:#c62828}.univ-nav-footer{margin-top:24px}.univ-tip-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #c62828;border-radius:10px;padding:16px}.univ-tip-icon{font-size:24px;margin-bottom:8px}.univ-tip-title{color:#1e2330;font-size:14px;font-weight:600;margin:0 0 4px}.univ-tip-text{color:#666;font-size:13px;line-height:1.5;margin:0}.univ-main-form{flex:1 1;min-width:0}.univ-form-section{margin-bottom:30px}.univ-section-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.univ-section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #eaeaea;padding:28px 32px}.univ-section-title-group{align-items:flex-start;display:flex;gap:16px}.univ-section-icon{align-items:center;background:#c628281a;border-radius:12px;color:#c62828;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.univ-section-title{color:#1e2330;font-size:24px;font-weight:700;margin:0 0 8px}.univ-section-description{color:#666;font-size:16px;line-height:1.6;margin:0}.univ-upload-section{padding:32px}.univ-upload-area{background:#fff;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:48px 32px;text-align:center;transition:all .3s ease}.univ-upload-area:hover{background:#c6282805;border-color:#c62828}.univ-upload-area.active{background:#c628280d;border-color:#c62828}.univ-upload-area.processing{background:#4caf500d;border-color:#4caf50}.univ-processing-state{align-items:center;display:flex;flex-direction:column;gap:16px}.univ-processing-title{color:#1e2330;font-size:18px;font-weight:600;margin:0}.univ-upload-content{align-items:center;display:flex;flex-direction:column;gap:12px}.univ-upload-icon{color:#c62828;font-size:48px;margin-bottom:8px}.univ-upload-title{color:#1e2330;font-size:20px;font-weight:600;margin:0}.univ-upload-subtitle{color:#666;font-size:16px;margin:0 0 16px}.univ-file-types{display:flex;gap:12px;margin-bottom:8px}.univ-file-type{background:#c628281a;border-radius:6px;color:#c62828;font-size:14px;font-weight:600;padding:6px 16px}.univ-file-size{color:#999}.univ-upload-divider{align-items:center;display:flex;margin:24px 0;text-align:center}.univ-divider-text{background:#fff;color:#999;font-size:14px;padding:0 16px}.univ-upload-divider:after,.univ-upload-divider:before{background:#eaeaea;content:"";flex:1 1;height:1px}.univ-manual-upload-section{text-align:center}.univ-file-input-label{display:inline-block}.univ-file-input{display:none}.univ-browse-button{align-items:center;background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s ease}.univ-browse-button:hover{background:#b71c1c;box-shadow:0 4px 12px #c6282833;transform:translateY(-2px)}.univ-browse-icon{font-size:18px}.univ-file-preview-card{align-items:center;background:#f8f9fa;border:1px solid #eaeaea;border-radius:10px;display:flex;justify-content:space-between;margin-top:24px;padding:20px}.univ-file-info{align-items:center;display:flex;gap:16px}.univ-file-icon-success{color:#4caf50;font-size:24px}.univ-file-details{display:flex;flex-direction:column;gap:4px}.univ-file-name{color:#1e2330;font-size:16px;font-weight:600}.univ-file-size{color:#666;font-size:14px}.univ-remove-file-btn{background:#fff;border:2px solid #c62828;border-radius:6px;color:#c62828;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.univ-remove-file-btn:hover{background:#c62828;color:#fff}.univ-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:32px}.univ-form-group{margin-bottom:0}.univ-form-label{color:#1e2330;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.univ-required-star{color:#c62828;font-weight:700}.univ-input-field,.univ-select-field,.univ-textarea-field{background:#fff;border:2px solid #eaeaea;border-radius:8px;color:#1e2330;font-family:inherit;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.univ-input-field:focus,.univ-select-field:focus,.univ-textarea-field:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a;outline:none}.univ-input-field::placeholder{color:#999}.univ-select-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231e2330' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}.univ-textarea-field{line-height:1.5;min-height:120px;resize:vertical}.univ-field-hint{color:#666;display:block;font-size:13px;margin-top:6px}.univ-checkbox-group{align-items:center;display:flex;margin-top:24px}.univ-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px}.univ-checkbox-input{display:none}.univ-checkbox-custom{background:#fff;border:2px solid #d1d5db;border-radius:4px;height:20px;position:relative;transition:all .2s ease;width:20px}.univ-checkbox-input:checked+.univ-checkbox-custom{background:#c62828;border-color:#c62828}.univ-checkbox-input:checked+.univ-checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.univ-checkbox-text{color:#1e2330;font-size:15px;font-weight:500}.univ-education-card,.univ-experience-card{background:#f8f9fa;border:1px solid #eaeaea;border-radius:10px;margin-bottom:20px;padding:24px}.univ-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.univ-card-title{align-items:center;color:#1e2330;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.univ-card-number{color:#c62828;font-weight:800}.univ-remove-card-button{background:#fff;border:2px solid #c62828;border-radius:6px;color:#c62828;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.univ-remove-card-button:hover{background:#c62828;color:#fff}.univ-skills-container{display:flex;flex-direction:column;gap:16px;padding:32px}.univ-skill-input-group{display:flex;gap:8px;position:relative}.univ-skill-input-group input{padding-right:50px}.univ-remove-skill-button{align-items:center;background:#fff;border:2px solid #eaeaea;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.univ-remove-skill-button:hover{background:#c628280d;border-color:#c62828;color:#c62828}.univ-add-more-button{align-items:center;background:#fff;border:2px solid #c62828;border-radius:8px;color:#c62828;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin:0 32px 32px;padding:12px 24px;transition:all .2s ease}.univ-add-more-button:hover{background:#c62828;box-shadow:0 4px 12px #c6282833;color:#fff;transform:translateY(-2px)}.univ-add-icon{stroke:currentColor}.univ-section-actions{align-items:center;background:#f8f9fa;border-top:1px solid #eaeaea;display:flex;justify-content:space-between;padding:24px 32px}.univ-back-button,.univ-next-button,.univ-review-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.univ-back-button{background:#fff;border:2px solid #eaeaea;color:#666}.univ-back-button:hover{border-color:#c62828;color:#c62828;transform:translateY(-2px)}.univ-next-button{background:#c62828;color:#fff}.univ-next-button:hover{background:#b71c1c;box-shadow:0 4px 12px #c6282833;transform:translateY(-2px)}.univ-next-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.univ-review-button{background:#4caf50;color:#fff}.univ-review-button:hover{background:#43a047;box-shadow:0 4px 12px #4caf5033;transform:translateY(-2px)}.univ-back-arrow,.univ-button-arrow,.univ-submit-icon{stroke:currentColor}.univ-review-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:32px}.univ-review-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;overflow:hidden}.univ-review-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:20px}.univ-review-title{color:#1e2330;font-size:18px;font-weight:700;margin:0}.univ-edit-button{align-items:center;background:#fff;border:2px solid #c62828;border-radius:6px;color:#c62828;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.univ-edit-button:hover{background:#c62828;color:#fff;transform:translateY(-2px)}.univ-review-content{padding:20px}.univ-review-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.univ-review-item:last-child{border-bottom:none}.univ-review-item.full-width{align-items:stretch;flex-direction:column;gap:12px}.univ-review-label{color:#666;font-size:14px;font-weight:500;min-width:120px}.univ-review-value{color:#1e2330;flex:1 1;font-size:15px;font-weight:600;text-align:right;word-break:break-word}.univ-review-item.full-width .univ-review-value{text-align:left}.univ-coverletter-preview{color:#666;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.univ-review-divider{border:none;border-top:1px dashed #eaeaea;margin:16px 0}.univ-skills-review{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.univ-skill-tag{background:#c628281a;border-radius:20px;color:#c62828;font-size:14px;font-weight:600;padding:6px 16px}.univ-review-actions{align-items:center;background:#f8f9fa;border-top:1px solid #eaeaea;display:flex;justify-content:space-between;padding:32px}.univ-submit-button{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:8px;padding:16px 32px;transition:all .2s ease}.univ-submit-button:hover:not(:disabled){box-shadow:0 8px 25px #c628284d;transform:translateY(-2px)}.univ-submit-button:disabled{cursor:not-allowed;opacity:.6}.univ-status-message{align-items:center;animation:univ-slideIn .3s ease;border-radius:10px;display:flex;gap:16px;margin:24px 0;padding:20px 24px}.univ-status-message.success{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:1px solid #4caf504d}.univ-status-message.error{background:linear-gradient(135deg,#c628281a,#c628280d);border:1px solid #c628284d}.univ-status-icon{flex-shrink:0;font-size:24px}.univ-status-message.success .univ-status-icon{color:#4caf50}.univ-status-message.error .univ-status-icon{color:#c62828}.univ-status-content{flex:1 1}.univ-status-title{color:#1e2330;font-size:16px;font-weight:700;margin:0 0 4px}.univ-status-text{color:#666;font-size:14px;line-height:1.5;margin:0}.univ-status-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;padding:4px;transition:all .2s ease}.univ-status-close:hover{background:#0000000d;color:#1e2330}@keyframes univ-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.univ-application-footer{background:#1e2330;color:#fff;margin-top:40px;padding:40px 20px 24px}.univ-footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto 24px;max-width:1400px}.univ-footer-info{flex:2 1;min-width:300px}.univ-footer-text{font-size:16px;line-height:1.6;margin:0 0 16px}.univ-footer-text a{color:#ff5252;font-weight:600;text-decoration:none}.univ-footer-text a:hover{text-decoration:underline}.univ-footer-note{font-size:14px;line-height:1.6;margin:0;opacity:.8}.univ-footer-brand{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.univ-footer-logo{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.univ-footer-branding{display:flex;flex-direction:column}.univ-footer-brand-name{font-size:20px;font-weight:700}.univ-footer-brand-tagline{font-size:12px;margin-top:4px;opacity:.8}.univ-footer-copyright{border-top:1px solid #ffffff1a;font-size:14px;margin:0 auto;max-width:1400px;opacity:.7;padding-top:24px;text-align:center}@media (max-width:1200px){.univ-application-wrapper{flex-direction:column}.univ-navigation-sidebar{width:100%}.univ-nav-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.univ-professional-header,.univ-progress-section{padding:20px}.univ-header-content,.univ-job-meta{align-items:stretch;flex-direction:column;text-align:center}.univ-job-details{text-align:center}.univ-form-grid,.univ-review-grid,.univ-section-header,.univ-skills-container,.univ-upload-section{padding:20px}.univ-review-actions,.univ-section-actions{flex-direction:column;gap:16px;padding:20px}.univ-back-button,.univ-next-button,.univ-review-button,.univ-submit-button{justify-content:center;width:100%}.univ-review-item{flex-direction:column;gap:4px}.univ-review-label,.univ-review-value{text-align:left;width:100%}}@media (max-width:480px){.univ-form-grid,.univ-nav-sections,.univ-review-grid{grid-template-columns:1fr}.univ-footer-content{flex-direction:column;text-align:center}.univ-footer-brand{justify-content:center}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-page{margin:0 auto;max-width:1400px;padding:20px}.calendar-title{color:#2c3e50;font-size:2.5em;margin-bottom:30px;text-align:center}.loading-message{color:#7f8c8d;font-size:1.2em;margin:50px 0;text-align:center}.calendar-container{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 350px}.calendar-main,.calendar-sidebar{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.calendar-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.sidebar-section{border-bottom:1px solid #ecf0f1;margin-bottom:25px;padding-bottom:20px}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1em;gap:8px;margin-bottom:15px}.selected-date-info h4{color:#3498db;font-size:1.1em;margin-bottom:15px}.no-events{color:#7f8c8d;font-style:italic;padding:10px;text-align:center}.events-list,.meetings-list{display:flex;flex-direction:column;gap:12px}.event-item,.meeting-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;padding:12px}.event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.delete-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;width:20px}.delete-btn:hover{background:#c0392b}.event-details,.meeting-details{color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:.85em;gap:8px}.event-details span,.meeting-details span{align-items:center;display:flex;gap:4px}.event-type{background:#34495e;border-radius:12px;color:#fff;font-size:.75em;padding:2px 6px}.event-description{color:#5d6d7e;font-size:.9em;line-height:1.4;margin-top:8px}.more-events{color:#3498db;font-size:.9em;margin-top:10px;text-align:center}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#f8f9fa;border-radius:8px;padding:15px 10px}.stat-number{color:#2c3e50;display:block;font-size:1.5em}.stat-label{color:#7f8c8d;font-size:.8em;margin-top:5px}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal h3{color:#2c3e50;margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.form-group label{color:#2c3e50;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #bdc3c7;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.modal-actions{justify-content:flex-end;margin-top:20px}.btn-primary{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-secondary:hover{background:#7f8c8d}.existing-events{border-top:1px solid #ecf0f1;margin-top:20px;padding-top:20px}.existing-events h4{color:#2c3e50;margin-bottom:10px}.rbc-event{border:none!important;padding:2px 4px!important}.rbc-event-content{font-size:.85em;line-height:1.3}.rbc-toolbar button{background:#fff;border:1px solid #bdc3c7;color:#2c3e50}.rbc-toolbar button:hover{background:#ecf0f1}.rbc-toolbar button.rbc-active{background:#3498db;border-color:#3498db;color:#fff}@media (max-width:1024px){.calendar-container{gap:20px;grid-template-columns:1fr}.calendar-sidebar{position:static}}@media (max-width:768px){.calendar-page{padding:10px}.calendar-title{font-size:2em}.form-row{flex-direction:column;gap:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.interview-details{border-top:1px solid #eee;margin-top:5px;padding-top:5px}.interview-details p{font-size:.85em;margin:2px 0}.status-badge{border-radius:10px;font-size:.75em}.interview-item{background:#f8f9fa;border-left:4px solid #1abc9c;border-radius:4px;margin-bottom:8px;padding:8px}.interview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:5px}.interviewer{color:#666;margin-top:4px}.events-list.compact .event-item.compact{font-size:.85em;margin-bottom:6px;padding:6px}.select-date-prompt{color:#666;font-style:italic;padding:20px;text-align:center}.event-item{align-items:center;background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.event-content{flex:1 1}.event-actions{align-items:center;display:flex;gap:8px}.delete-btn,.edit-btn{background:none;border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:4px;transition:background-color .2s}.edit-btn:hover{background-color:#e3f2fd}.delete-btn:hover{background-color:#ffebee}.info-text{color:#666;font-size:12px;font-style:italic}.modal-actions{display:flex;gap:10px;margin-top:15px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.modal-actions button:first-child{background-color:#3498db;color:#fff}.modal-actions button:last-child{background-color:#95a5a6;color:#fff}.modal-actions .delete-btn{background-color:#e74c3c;color:#fff}.talent-acquisition-platform{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.talent-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.talent-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.talent-floating-shape{animation:talentFloat 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.talent-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.talent-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.talent-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.talent-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.talent-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.talent-gradient-orb{animation:talentPulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.talent-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-200px;top:-200px;width:400px}.talent-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.talent-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.talent-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.talent-svg-path-1{animation:talentSvgFloat 25s ease-in-out infinite}.talent-svg-path-2{animation:talentSvgFloat 30s ease-in-out infinite reverse}.recruit-hero-wrapper{align-items:center;background:linear-gradient(135deg,#fff,#fff 50%,#fff);display:flex;min-height:100vh;opacity:0;overflow:hidden;padding:140px 5% 100px;position:relative;transform:translateY(40px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.recruit-hero-wrapper.recruit-fade-in{opacity:1;transform:translateY(0)}.recruit-hero-container{margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:2}.recruit-content-grid{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:1fr 1.1fr}.recruit-status-badge{align-items:center;animation:recruitBadgeFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#667eea14;border:1px solid #667eea33;border-radius:50px;display:inline-flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.5px;margin-bottom:32px;padding:10px 20px}.recruit-pulse-dot{animation:recruitPulseGrow 2s infinite;height:8px;position:relative;width:8px}.recruit-pulse-dot,.recruit-pulse-dot:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.recruit-pulse-dot:after{animation:recruitPulseRing 2s infinite;bottom:-4px;content:"";left:-4px;opacity:0;position:absolute;right:-4px;top:-4px}.recruit-badge-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.recruit-main-heading{animation:recruitSlideUp 1s ease-out .2s backwards;color:#1a202c;font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:28px}.recruit-highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.recruit-highlight-text:after{animation:recruitUnderlineExpand 1s ease-out .8s backwards;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:4px;bottom:8px;content:"";height:12px;left:0;position:absolute;right:0;z-index:-1}.recruit-description-text{animation:recruitSlideUp 1s ease-out .4s backwards;color:#4a5568;font-size:1.15rem;line-height:1.7;margin-bottom:48px;max-width:560px}.recruit-action-buttons{animation:recruitSlideUp 1s ease-out .6s backwards;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:72px}.recruit-link-btn,.recruit-primary-btn,.recruit-secondary-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;letter-spacing:.3px;overflow:hidden;padding:18px 36px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.recruit-primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 35px #667eea59;color:#fff}.recruit-primary-btn:hover{box-shadow:0 18px 45px #667eea73;transform:translateY(-4px)}.recruit-btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.recruit-primary-btn:hover .recruit-btn-glow{left:100%}.recruit-btn-arrow{font-size:18px;transition:transform .3s ease}.recruit-primary-btn:hover .recruit-btn-arrow{transform:translateX(4px)}.recruit-secondary-btn{background:#fff;border:2px solid #e2e8f0;box-shadow:0 6px 20px #00000014;color:#2d3748}.recruit-secondary-btn:hover{background:#f7fafc;border-color:#667eea;box-shadow:0 10px 30px #0000001f;transform:translateY(-3px)}.recruit-play-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.recruit-link-btn{background:#0000;color:#667eea;font-weight:600;padding:18px 24px}.recruit-link-btn:hover{color:#764ba2}.recruit-link-arrow{transition:transform .3s ease}.recruit-link-btn:hover .recruit-link-arrow{transform:translateX(6px)}.recruit-metrics-grid{grid-gap:36px;animation:recruitSlideUp 1s ease-out .8s backwards;display:grid;gap:36px;grid-template-columns:repeat(4,1fr)}.recruit-metric-card{padding:20px 0;position:relative}.recruit-metric-value{-webkit-text-fill-color:#0000;animation:recruitCountUp 2s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:6px}.recruit-metric-label{color:#718096;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:12px}.recruit-metric-bar{background:#667eea1a;border-radius:10px;height:4px;overflow:hidden}.recruit-metric-fill{animation:recruitBarGrow 2s ease-out;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%}.recruit-visual-area{height:700px;position:relative}.recruit-activity-card{animation:recruitCardFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 20px 60px #0000001f;min-width:260px;padding:24px;position:absolute;transition:all .4s ease;z-index:10}.recruit-activity-card:hover{box-shadow:0 30px 70px #0000002e;transform:translateY(-8px) scale(1.03)}.recruit-card-position-1{animation-delay:0s;left:-40px;top:20px}.recruit-card-position-2{animation-delay:1.3s;right:-30px;top:220px}.recruit-card-position-3{animation-delay:2.6s;bottom:60px;left:-20px}.recruit-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recruit-card-emoji{animation:recruitEmojiRotate 3s ease-in-out infinite;font-size:32px}.recruit-card-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.recruit-badge-success{background:linear-gradient(135deg,#10b981,#059669)}.recruit-badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.recruit-card-body{margin-bottom:16px}.recruit-card-title{color:#718096;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.recruit-card-number{color:#1a202c;font-size:2.2rem;font-weight:800;margin-bottom:4px}.recruit-card-subtitle{color:#a0aec0;font-size:13px;font-weight:500}.recruit-card-progress{background:#667eea1a;border-radius:10px;height:6px;overflow:hidden}.recruit-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%}.recruit-progress-anim-1{animation:recruitProgress1 3s ease-out infinite}.recruit-progress-anim-2{animation:recruitProgress2 3s ease-out infinite}.recruit-progress-anim-3{animation:recruitProgress3 3s ease-out infinite}.recruit-dashboard-container{animation:recruitDashboardEntrance 1.5s ease-out;height:550px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.recruit-glass-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffd9;border:1px solid #fff6;border-radius:28px;box-shadow:0 40px 100px #00000026;height:100%;overflow:hidden;position:relative}.recruit-dashboard-header{align-items:center;background:#ffffff80;border-bottom:1px solid #667eea1a;display:flex;justify-content:space-between;padding:20px 28px}.recruit-window-controls{display:flex;gap:8px}.recruit-control-dot{border-radius:50%;height:12px;width:12px}.recruit-dot-red{background:#ff5f57}.recruit-dot-yellow{background:#ffbd2e}.recruit-dot-green{background:#28ca42}.recruit-dashboard-title{color:#2d3748;font-size:14px;font-weight:700;letter-spacing:.3px}.recruit-live-indicator{align-items:center;color:#10b981;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px}.recruit-live-pulse{animation:recruitPulseGrow 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.recruit-dashboard-body{padding:32px 28px}.recruit-chart-container{margin-bottom:32px}.recruit-chart-label{color:#4a5568;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:20px}.recruit-chart-bars{align-items:flex-end;display:flex;gap:12px;height:180px}.recruit-chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.recruit-bar-fill{animation:recruitBarRise 1.5s ease-out backwards;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:8px 8px 0 0;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.recruit-bar-fill:after{animation:recruitBarShimmer 2s infinite;background:#ffffff80;content:"";height:4px;left:0;position:absolute;right:0;top:0}.recruit-chart-column:hover .recruit-bar-fill{filter:brightness(1.1);transform:scaleY(1.05)}.recruit-bar-label{color:#a0aec0;font-size:11px;font-weight:600}.recruit-mini-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.recruit-mini-card{align-items:center;background:#667eea0a;border:1px solid #667eea1a;border-radius:16px;display:flex;gap:14px;padding:18px;transition:all .3s ease}.recruit-mini-card:hover{background:#667eea14;box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.recruit-mini-icon{font-size:28px}.recruit-mini-content{flex:1 1}.recruit-mini-label{color:#718096;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:4px}.recruit-mini-value{color:#1a202c;font-size:1.4rem;font-weight:800;margin-bottom:2px}.recruit-mini-change{font-size:11px;font-weight:700;letter-spacing:.3px}.recruit-positive{color:#10b981}.recruit-glass-footer{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border-top:1px solid #667eea26;bottom:0;display:flex;gap:16px;left:0;padding:28px;position:absolute;right:0}.recruit-footer-icon{animation:recruitIconSpin 4s linear infinite;font-size:32px}.recruit-footer-content{flex:1 1}.recruit-footer-title{color:#1a202c;font-size:1.1rem;font-weight:700;margin-bottom:4px}.recruit-footer-subtitle{color:#718096;font-size:13px;font-weight:500}.recruit-footer-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 16px}.recruit-bg-gradient{animation:recruitGradientFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.recruit-gradient-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-100px;top:-100px;width:400px}.recruit-gradient-2{animation-delay:2s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-80px;height:350px;left:-80px;width:350px}.recruit-gradient-3{animation-delay:4s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:300px;right:10%;top:50%;width:300px}.recruit-scroll-prompt{align-items:center;animation:recruitScrollBounce 2s ease-in-out infinite;bottom:40px;display:flex;flex-direction:column;gap:12px;left:50%;position:absolute;transform:translateX(-50%)}.recruit-scroll-line{background:linear-gradient(180deg,#0000,#667eea);border-radius:10px;height:40px;width:2px}.recruit-scroll-text{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.recruit-scroll-arrow{animation:recruitArrowBounce 2s ease-in-out infinite;color:#667eea;font-size:20px}.recruit-bg-pattern{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.recruit-pattern-dot{animation:recruitDotFloat 10s ease-in-out infinite;background:#667eea33;border-radius:50%;height:4px;position:absolute;width:4px}.recruit-pattern-dot:first-child{animation-delay:0s;left:10%;top:20%}.recruit-pattern-dot:nth-child(2){animation-delay:2s;left:80%;top:60%}.recruit-pattern-dot:nth-child(3){animation-delay:4s;left:20%;top:80%}.recruit-pattern-dot:nth-child(4){animation-delay:6s;left:70%;top:30%}.recruit-pattern-dot:nth-child(5){animation-delay:8s;left:40%;top:50%}@keyframes recruitBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes recruitPulseGrow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes recruitPulseRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes recruitSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes recruitUnderlineExpand{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes recruitCountUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes recruitBarGrow{0%{width:0}to{width:100%}}@keyframes recruitCardFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes recruitEmojiRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes recruitProgress1{0%,to{width:75%}50%{width:90%}}@keyframes recruitProgress2{0%,to{width:60%}50%{width:85%}}@keyframes recruitProgress3{0%,to{width:80%}50%{width:95%}}@keyframes recruitDashboardEntrance{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes recruitBarRise{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes recruitBarShimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes recruitIconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes recruitGradientFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes recruitScrollBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes recruitArrowBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(8px)}}@keyframes recruitDotFloat{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.6;transform:translate(20px,-20px)}}@media (max-width:1200px){.recruit-content-grid{gap:60px}.recruit-dashboard-container{height:480px;width:500px}}@media (max-width:992px){.recruit-content-grid{gap:80px;grid-template-columns:1fr}.recruit-main-heading{font-size:3.2rem}.recruit-visual-area{height:600px;margin:0 auto}.recruit-metrics-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.recruit-hero-wrapper{padding:120px 4% 80px}.recruit-main-heading{font-size:2.5rem}.recruit-description-text{font-size:1rem}.recruit-action-buttons{flex-direction:column}.recruit-primary-btn,.recruit-secondary-btn{justify-content:center;width:100%}.recruit-dashboard-container{max-width:400px;width:100%}.recruit-activity-card{min-width:220px}.recruit-mini-stats{grid-template-columns:1fr}}@media (max-width:576px){.recruit-main-heading{font-size:2rem}.recruit-metrics-grid{grid-template-columns:1fr}.recruit-card-position-1,.recruit-card-position-2,.recruit-card-position-3{margin-bottom:16px;position:static}.recruit-visual-area{height:auto}.recruit-dashboard-container{margin-top:24px;position:static;transform:none}}.talent-floating-card{align-items:center;animation:talentFloatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.talent-card-1{animation-delay:0s;left:-60px;top:10%}.talent-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.talent-card-3{animation-delay:-4s;bottom:20%;left:-40px}.talent-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.talent-card-content{display:flex;flex-direction:column}.talent-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.talent-card-text{color:#6b7280;font-size:14px}.talent-card-progress{animation:talentProgress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.talent-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.talent-scroll-line{animation:talentScrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.talent-navigation-sidebar{left:20px;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.talent-sidebar-icons{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:16px}.talent-sidebar-icon{align-items:center;background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.talent-sidebar-icon:hover{background:#fff3;transform:translateY(-2px)}.talent-icon-symbol{font-size:20px}.talent-features-section{background:#ffffff80;padding:120px 5%}.talent-section-content{margin:0 auto;max-width:1400px}.talent-section-header{margin-bottom:80px;text-align:center}.talent-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.talent-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.talent-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.talent-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.talent-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.talent-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.talent-feature-card:hover:before{left:100%}.talent-feature-card.talent-active,.talent-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.talent-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.talent-feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.talent-feature-icon svg{height:32px;width:32px}.talent-feature-glow{animation:talentPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.talent-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.talent-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.talent-feature-stats{color:#667eea;font-size:14px;font-weight:600;margin-bottom:12px}.talent-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.talent-feature-card:hover .talent-feature-arrow{opacity:1;transform:translateX(0)}.talent-journey-section{background:linear-gradient(135deg,#fff,#fff);padding:120px 5%}.talent-timeline{margin:0 auto;max-width:1000px;position:relative}.talent-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.talent-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.talent-timeline-item:nth-child(odd){flex-direction:row-reverse}.talent-timeline-item:nth-child(odd) .talent-timeline-content{margin-left:0;margin-right:60px;text-align:right}.talent-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.talent-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.talent-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.talent-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.talent-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.talent-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.talent-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.talent-timeline-steps{grid-gap:12px;display:grid;gap:12px}.talent-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.talent-step-check{color:#10b981;font-weight:600}.talent-analytics-section{background:#ffffff80;padding:120px 5%}.talent-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.talent-analytics-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.talent-dashboard-header{justify-content:space-between;margin-bottom:30px}.talent-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.talent-analytics-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.talent-analytics-stats{margin-bottom:30px}.talent-analytics-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.talent-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.talent-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.talent-progress-glow{animation:talentProgressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.talent-analytics-items{grid-gap:20px;display:grid;gap:20px}.talent-analytics-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.talent-analytics-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:space-between;margin-bottom:12px}.talent-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.talent-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.talent-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.talent-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.talent-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.talent-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.talent-integration-orb{animation:talentFloat 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.talent-integration-orb-1{animation-delay:0s;left:10%;top:20%}.talent-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.talent-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.talent-integration-demo{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:100%}.talent-integration-connections{bottom:0;left:0;position:absolute;right:0;top:0}.talent-connection-line{animation:talentConnectionFlow 3s linear infinite;background:linear-gradient(90deg,#0000,#667eea,#0000);height:2px;position:absolute}.talent-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.talent-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.talent-cta-orb{animation:talentFloat 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.talent-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.talent-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.talent-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.talent-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.talent-cta-content h2{color:#fff;margin-bottom:16px}.talent-cta-content p{color:#ffffffe6;line-height:1.6;margin-bottom:40px}.talent-cta-buttons{flex-wrap:wrap;gap:20px;margin-bottom:60px}.talent-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.talent-cta-stat{color:#ffffffe6;font-size:14px}.talent-cta-stat strong{color:#fff;font-weight:600}.talent-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.talent-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.talent-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.talent-video-popup-close:hover{background:#000000b3}.talent-video-container{height:0;padding-bottom:56.25%;position:relative}.talent-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.talent-video-popup-info{padding:30px;text-align:center}.talent-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.talent-video-popup-info p{color:#6b7280;line-height:1.6}.talent-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.talent-feature-point{align-items:flex-start;display:flex;gap:16px}.talent-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.talent-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.talent-feature-point p{color:#6b7280;line-height:1.5}.talent-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.talent-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.talent-dashboard-preview{background:#fffffff2;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.talent-preview-header{align-items:center;background:#ffffffe6;border-bottom:1px solid #0000001a;display:flex;padding:20px}.talent-preview-dots{display:flex;gap:6px;margin-right:12px}.talent-preview-dots span{background:#e0e0e0;border-radius:50%;height:8px;width:8px}.talent-preview-title{color:#2c3e50;flex:1 1;font-weight:600}.talent-preview-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.talent-preview-content{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px}.talent-preview-chart{align-items:end;display:flex;gap:8px;height:120px;padding:20px 0}.talent-chart-bar{background:#667eea1a;border-radius:4px 4px 0 0;flex:1 1;min-height:20px;position:relative}.talent-chart-fill{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;bottom:0;left:0;position:absolute;right:0;transition:height .3s ease}.talent-preview-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.talent-preview-card{align-items:center;background:#fffc;border:1px solid #0000001a;border-radius:8px;display:flex;gap:8px;padding:12px}.talent-card-value{color:#2c3e50;font-size:1.5rem;font-weight:700}.talent-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes talentFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes talentFloatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes talentPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes talentSvgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes talentProgress{0%{width:0}50%{width:100%}to{width:0}}@keyframes talentProgressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes talentScrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes talentConnectionFlow{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@media (max-width:1024px){.talent-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.talent-features-grid,.talent-hero-stats{grid-template-columns:repeat(2,1fr)}.talent-reversed{gap:60px;grid-template-columns:1fr}.talent-timeline:before{left:30px}.talent-timeline-item{flex-direction:row!important}.talent-timeline-marker{left:30px}.talent-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.talent-hero-title{font-size:2.5rem}.talent-section-header h2{font-size:2rem}.talent-features-grid{grid-template-columns:1fr}.talent-integration-grid{grid-template-columns:repeat(3,1fr)}.talent-cta-stats{grid-template-columns:repeat(2,1fr)}.talent-cta-buttons,.talent-hero-buttons{align-items:center;flex-direction:column}.talent-navigation-sidebar{display:none}}@media (max-width:480px){.talent-hero-title{font-size:2rem}.talent-integration-grid{grid-template-columns:repeat(2,1fr)}.talent-cta-stats{grid-template-columns:1fr}.talent-floating-card{margin-bottom:20px;position:relative}.talent-card-1,.talent-card-2,.talent-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}.talent-preview-cards{grid-template-columns:1fr}}.talent-integration-image-container{border-radius:20px;height:400px;overflow:hidden;position:relative;width:100%}.talent-integration-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.talent-integration-image-container:hover .talent-integration-image{transform:scale(1.05)}.talent-integration-badges{display:flex;flex-direction:column;gap:10px;position:absolute;right:20px;top:20px}.talent-integration-badge{animation:talentBadgeFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#2c3e50;font-size:12px;font-weight:600;padding:8px 16px}.talent-integration-badge:first-child{animation-delay:0s}.talent-integration-badge:nth-child(2){animation-delay:1s}.talent-integration-badge:nth-child(3){animation-delay:2s}.talent-integration-badge:nth-child(4){animation-delay:3s}@keyframes talentBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.talent-integration-tech-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;overflow:hidden;position:relative}.talent-integration-tech-image:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.talent-integration-tech-content{color:#fff;padding:40px;position:relative;text-align:center;z-index:2}.talent-integration-tech-content h3{font-size:1.5rem;font-weight:600;margin-bottom:16px}.talent-integration-tech-content p{font-size:1rem;margin-bottom:0;opacity:.9}.hr-copilot-journey-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-250px;overflow:hidden;padding:120px 20px;position:relative}.hr-journey-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hr-journey-bg-orb{animation:hr-journey-float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}.hr-journey-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:-100px;top:-100px;width:400px}.hr-journey-orb-2{animation-delay:7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:500px;right:-150px;width:500px}.hr-journey-orb-3{animation-delay:14s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:350px;right:10%;top:50%;width:350px}@keyframes hr-journey-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hr-journey-header{animation:hr-journey-fadeInUp .8s ease-out;margin-bottom:80px;text-align:center}.hr-journey-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid #8b5cf64d;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 20px}.hr-journey-badge-icon{animation:hr-journey-sparkle 2s infinite}@keyframes hr-journey-sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.hr-journey-title{color:#1e293b;font-size:56px;font-weight:800;line-height:1.2;margin:0 0 20px}.hr-journey-gradient-text{animation:hr-journey-gradient-shift 3s ease infinite;background-size:200% 200%}@keyframes hr-journey-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hr-journey-subtitle{color:#64748b;font-size:20px;margin:0 auto;max-width:600px}.hr-journey-timeline{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.hr-journey-card{animation:hr-journey-fadeInUp .8s ease-out backwards;position:relative}.hr-journey-card:first-child{animation-delay:.1s}.hr-journey-card:nth-child(2){animation-delay:.2s}.hr-journey-card:nth-child(3){animation-delay:.3s}.hr-journey-card:nth-child(4){animation-delay:.4s}.hr-journey-card:nth-child(5){animation-delay:.5s}@keyframes hr-journey-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hr-journey-card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #8b5cf633;border-radius:24px;box-shadow:0 4px 12px #6366f114;height:100%;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hr-journey-card-inner:hover{border-color:#8b5cf680;box-shadow:0 20px 40px #8b5cf626;transform:translateY(-8px)}.hr-journey-card-glow{background:radial-gradient(circle,#8b5cf614 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.hr-journey-card-inner:hover .hr-journey-card-glow{animation:hr-journey-glow-rotate 3s linear infinite;opacity:1}@keyframes hr-journey-glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hr-journey-phase-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #8b5cf64d;border-radius:50px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;margin-bottom:20px;padding:6px 16px}.hr-journey-phase-number{color:#6366f1;font-size:14px}.hr-journey-phase-name{color:#475569;letter-spacing:.5px;text-transform:uppercase}.hr-journey-icon-wrapper{height:64px;margin-bottom:20px;position:relative;width:64px}.hr-journey-icon-bg{animation:hr-journey-icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;inset:0;position:absolute}@keyframes hr-journey-icon-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hr-journey-icon{align-items:center;display:flex;font-size:28px;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.hr-journey-time{align-items:center;color:#3b82f6;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.hr-journey-card-title{color:#1e293b;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 20px}.hr-journey-steps{display:flex;flex-direction:column;gap:12px}.hr-journey-step-item{align-items:flex-start;color:#475569;display:flex;font-size:14px;gap:12px;line-height:1.6;transition:all .3s ease}.hr-journey-card-inner:hover .hr-journey-step-item{transform:translateX(4px)}.hr-journey-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-top:2px;width:20px}.hr-journey-stats{grid-gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 4px 12px #6366f114;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:40px}.hr-journey-stat{animation:hr-journey-fadeInUp .8s ease-out .6s backwards;text-align:center}.hr-journey-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1;margin-bottom:8px}.hr-journey-stat-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hr-journey-grid-overlay{animation:gridMove 20s linear infinite;background:linear-gradient(90deg,#6366f108 1px,#0000 0),linear-gradient(#6366f108 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}.hr-journey-badge-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#6366f133,#0000);inset:0;position:absolute}.hr-journey-connector-progress{animation:progressGrow 2s ease-out forwards;background:linear-gradient(180deg,#6366f1,#8b5cf6);height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;width:100%}.hr-journey-connector-pulse{animation:pulseDown 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:8px}.hr-journey-icon-ripple{animation:ripple 2s ease-out infinite;border:2px solid #6366f1;border-radius:50%;inset:-20px;position:absolute}.hr-journey-phase-glow{animation:phaseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#6366f11a,#0000);filter:blur(10px);inset:0;position:absolute}.hr-journey-step-item{animation:slideInLeft .6s ease-out backwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hr-journey-check-inner{animation:checkPop .5s cubic-bezier(.68,-.55,.265,1.55) backwards;display:inline-block}.hr-journey-stat-sparkle{animation:sparkle 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf24,#0000);border-radius:50%;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.hr-journey-stat-bar{animation:barGrow 1.5s ease-out forwards;background:linear-gradient(90deg,#6366f1,#8b5cf6);bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.hr-journey-badge,.hr-journey-subtitle,.hr-journey-title{animation:fadeInUp .8s ease-out backwards}.hr-journey-card{animation:fadeInScale .8s ease-out backwards}.hr-journey-stat{animation:fadeInUp .8s ease-out backwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.hr-copilot-journey-section{padding:60px 20px}.hr-journey-title{font-size:36px}.hr-journey-subtitle{font-size:16px}.hr-journey-timeline{gap:30px;grid-template-columns:1fr}.hr-journey-stats{padding:30px 20px}.hr-journey-stat-value{font-size:36px}}.copilot-insights-section{padding:120px 5%}.copilot-section-content{max-width:1400px}.copilot-visual-content{animation:fadeInRight .8s ease-out}.copilot-analytics-dashboard{background:#fff;border:1px solid #6366f133;box-shadow:0 8px 24px #6366f11a}.copilot-dashboard-header{margin-bottom:24px}.copilot-ai-badge{background:#6366f11a;border-radius:50px;color:#6366f1;font-size:12px}.copilot-ai-pulse{animation:pulse 2s ease-in-out infinite;background:#6366f1}.copilot-dashboard-header h4{color:#1e293b;font-size:18px;font-weight:700}.copilot-live-indicator{color:#10b981;font-weight:600}.copilot-live-dot{animation:pulse 1.5s ease-in-out infinite;background:#10b981}.copilot-primary-metric{margin-bottom:20px}.copilot-metric-label span:first-child{color:#64748b;font-size:14px;font-weight:600}.copilot-metric-trend{color:#10b981;font-weight:700}.copilot-metric-value{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.copilot-progress-bar{background:#6366f11a;border-radius:50px;height:12px}.copilot-progress-fill{transition:width 1s ease}.copilot-progress-glow{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d);height:100%;width:30%}.copilot-ai-suggestion{background:#fbbf241a;border:1px solid #fbbf244d;margin-bottom:20px}.copilot-suggestion-icon{flex-shrink:0}.copilot-suggestion-content{color:#475569;line-height:1.5}.copilot-suggestion-content strong{color:#1e293b}.copilot-metrics-grid{grid-template-columns:repeat(2,1fr)}.copilot-metric-card{background:#6366f10d;border:1px solid #6366f126}.copilot-metric-card:hover{background:#6366f114}.copilot-metric-header{margin-bottom:8px}.copilot-metric-name{color:#64748b;font-size:12px}.copilot-metric-percent{color:#1e293b;font-size:14px}.copilot-mini-progress{background:#6366f11a;border-radius:50px;height:6px}.copilot-mini-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;transition:width 1s ease}.copilot-text-content{animation:fadeInLeft .8s ease-out}.copilot-section-badge{background:#6366f11a;border-radius:50px;color:#6366f1;font-size:14px;padding:8px 20px}.copilot-text-content h2{color:#1e293b;font-weight:700;margin:0 0 16px}.copilot-section-description{color:#64748b;font-size:18px;line-height:1.8;margin-bottom:32px}.copilot-feature-list{gap:20px}.copilot-icon-bg{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);font-size:20px}.copilot-feature-point h4{color:#1361df;font-size:18px;margin:0 0 4px}.copilot-feature-point p{color:#64748b}.hr-copilot-integration-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-150px;overflow:hidden;padding:120px 5%;position:relative}.hr-copilot-integration-section:before{background:radial-gradient(circle at 20% 50%,#6366f10d 0,#0000 50%),radial-gradient(circle at 80% 50%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hr-copilot-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:1}.hr-copilot-reversed{direction:ltr}.hr-copilot-content-wrapper{animation:fadeInLeft .8s ease-out}.hr-copilot-badge-wrapper{margin-bottom:24px}.hr-copilot-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.5px;padding:8px 20px}.hr-copilot-badge-dot{animation:dotPulse 1.5s ease-in-out infinite;background:#6366f1;border-radius:50%;box-shadow:0 0 10px #6366f1cc;height:8px;width:8px}.hr-copilot-heading{color:#2b2436!important;font-size:29px;font-weight:700;line-height:1.2;margin-bottom:24px;text-align:justify}.hr-copilot-heading-gradient{animation:gradientShift 3s ease infinite;color:#2b2436!important}.hr-copilot-description{color:#64748b;font-size:16px;line-height:1.8;margin-bottom:32px;max-width:580px;text-align:justify}.hr-copilot-features-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.hr-copilot-feature-pill{align-items:center;background:#fff;border:1px solid #6366f133;border-radius:50px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.hr-copilot-feature-pill:hover{background:#6366f114;border-color:#6366f166;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.hr-copilot-pill-icon{font-size:16px}.hr-copilot-integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.hr-copilot-integration-card{align-items:center;animation:cardFadeIn .6s ease-out backwards;background:#fff;border:1px solid #6366f133;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .4s ease}.hr-copilot-integration-card:hover{background:#6366f10d;border-color:#6366f166;box-shadow:0 8px 20px #6366f11f;transform:translateY(-4px)}.hr-copilot-integration-card:hover .hr-copilot-card-glow{opacity:1}.hr-copilot-card-glow{background:radial-gradient(circle,#6366f11a 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.hr-copilot-integration-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.hr-copilot-integration-card:hover .hr-copilot-integration-icon{transform:scale(1.1) rotate(5deg)}.hr-copilot-integration-name{color:#1e293b;font-size:14px;font-weight:600;text-align:center}.hr-copilot-connection-pulse{animation:connectionPulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;bottom:0;height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);width:4px}.hr-copilot-integration-card:hover .hr-copilot-connection-pulse{opacity:1}.hr-copilot-cta-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.hr-copilot-cta-button:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.hr-copilot-cta-arrow{font-size:20px;transition:transform .3s ease}.hr-copilot-cta-button:hover .hr-copilot-cta-arrow{transform:translateX(4px)}.hr-copilot-visual-wrapper{animation:fadeInRight .8s ease-out;position:relative}.hr-copilot-visual-background{animation:backgroundPulse 4s ease-in-out infinite;background:radial-gradient(circle,#6366f114 0,#0000 70%);border-radius:50%;height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.hr-copilot-main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #6366f133;border-radius:24px;box-shadow:0 8px 24px #6366f11a;overflow:hidden;padding:24px;position:relative}.hr-copilot-card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.hr-copilot-header-dots{display:flex;gap:6px}.hr-copilot-header-dots span{background:#cbd5e1;border-radius:50%;height:10px;width:10px}.hr-copilot-header-dots span:first-child{background:#ef4444}.hr-copilot-header-dots span:nth-child(2){background:#f59e0b}.hr-copilot-header-dots span:nth-child(3){background:#10b981}.hr-copilot-header-title{color:#64748b;font-size:14px;font-weight:600}.hr-copilot-image-wrapper{border-radius:16px;margin-bottom:20px;overflow:hidden;position:relative}.hr-copilot-dashboard-image{border-radius:16px;display:block;height:500px;max-width:600px;width:100%}.hr-copilot-image-gradient{background:linear-gradient(180deg,#0000,#f8f9ff4d)}.hr-copilot-floating-badges,.hr-copilot-image-gradient{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hr-copilot-float-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #6366f14d;border-radius:50px;box-shadow:0 4px 12px #6366f126;color:#1e293b;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;position:absolute}.hr-copilot-badge-dot-small{animation:dotPulse 1.5s ease-in-out infinite;background:#6366f1;border-radius:50%;height:6px;width:6px}.hr-copilot-float-1{animation:floatBadge1 3s ease-in-out infinite;left:10%;top:15%}.hr-copilot-float-2{animation:floatBadge2 3.5s ease-in-out infinite;right:10%;top:15%}.hr-copilot-float-3{animation:floatBadge3 4s ease-in-out infinite;bottom:25%;left:5%}.hr-copilot-float-4{animation:floatBadge4 4.5s ease-in-out infinite;bottom:25%;right:5%}.hr-copilot-connection-lines{height:100%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%}.hr-copilot-line{fill:none;stroke:#6366f1;stroke-width:2;stroke-dasharray:5,5}.hr-copilot-line-1{animation:dashAnimation 3s linear infinite}.hr-copilot-line-2{animation:dashAnimation 4s linear infinite}.hr-copilot-line-3{animation:dashAnimation 5s linear infinite}.hr-copilot-stats-bar{background:#fff;border:1px solid #6366f126}.hr-copilot-stat-label{color:#64748b}.hrcopilot-conversion-zone{background:linear-gradient(135deg,#f8f9ff,#f0f4ff 50%,#fef3ff)}.hrcopilot-glow-sphere{opacity:.12}.hrcopilot-grid-overlay{background-image:linear-gradient(#6366f10d 1px,#0000 0),linear-gradient(90deg,#6366f10d 1px,#0000 0);opacity:.5}.hrcopilot-badge-premium{background:#6366f11a;color:#6366f1}.hrcopilot-badge-premium:hover{background:#6366f126;border-color:#6366f166}.hrcopilot-conversion-title{color:#1e293b}.hrcopilot-conversion-description{color:#64748b}.hrcopilot-cta-primary{box-shadow:0 10px 30px #6366f14d}.hrcopilot-cta-primary:hover{box-shadow:0 15px 40px #6366f166}.hrcopilot-cta-secondary{background:#fff;border:1px solid #6366f133;color:#1e293b}.hrcopilot-cta-secondary:hover{background:#6366f10d;border-color:#6366f166;box-shadow:0 4px 12px #6366f126}.hrcopilot-play-icon{background:#6366f126}.hrcopilot-cta-secondary:hover .hrcopilot-play-icon{background:#6366f140}.hrcopilot-trust-item{background:#fff;border:1px solid #6366f126;box-shadow:0 2px 8px #6366f10f}.hrcopilot-trust-item:hover{background:#6366f10d;box-shadow:0 4px 12px #6366f11f}.hrcopilot-trust-content strong{color:#1e293b}.hrcopilot-trust-content span{color:#64748b}@media (max-width:1024px){.copilot-section-content,.hr-copilot-container{gap:60px;grid-template-columns:1fr}.copilot-text-content h2,.hr-copilot-heading{font-size:40px}.hr-copilot-integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.copilot-insights-section,.hr-copilot-integration-section,.hrcopilot-conversion-zone{padding:80px 5%}.copilot-text-content h2,.hr-copilot-heading{font-size:32px}.copilot-section-description,.hr-copilot-description{font-size:16px}.hr-copilot-integrations-grid{grid-template-columns:repeat(2,1fr)}.hr-copilot-features-row{gap:8px}.hr-copilot-feature-pill{font-size:13px;padding:8px 16px}.hrcopilot-conversion-title{font-size:36px}.hrcopilot-conversion-description{font-size:16px}.hrcopilot-action-group{flex-direction:column;width:100%}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{justify-content:center;width:100%}.hrcopilot-trust-indicators{gap:16px;grid-template-columns:1fr}.copilot-metrics-grid{grid-template-columns:1fr}}@media (max-width:480px){.copilot-text-content h2,.hr-copilot-heading{font-size:28px}.hr-copilot-integrations-grid{grid-template-columns:1fr}.hr-copilot-stats-bar{flex-direction:column;gap:20px}.hr-copilot-stat-divider{height:1px;width:100%}.hrcopilot-conversion-title{font-size:28px}.hrcopilot-badge-premium{font-size:12px;padding:6px 16px}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{font-size:15px;padding:14px 24px}}.hr-copilot-stats-bar{align-items:center;background:#fff9;border:1px solid #6366f133;border-radius:12px;display:flex;justify-content:space-around;padding:20px}.hr-copilot-stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.hr-copilot-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.hr-copilot-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.hr-copilot-stat-divider{background:#6366f133;height:40px;width:1px}.hr-copilot-orbit-wrapper{height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.hr-copilot-orbit-item{animation:orbit 15s linear infinite;font-size:24px;position:absolute}.hr-copilot-orbit-1{animation:orbit1 12s linear infinite;left:50%;top:10%}.hr-copilot-orbit-2{animation:orbit2 15s linear infinite;right:10%;top:50%}.hr-copilot-orbit-3{animation:orbit3 18s linear infinite;bottom:10%;left:50%}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes connectionPulse{0%,to{opacity:0;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(2)}}@keyframes backgroundPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes floatBadge1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatBadge2{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatBadge3{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatBadge4{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dashAnimation{to{stroke-dashoffset:-100}}@keyframes orbit1{0%{transform:rotate(0deg) translateX(250px) rotate(0deg)}to{transform:rotate(1turn) translateX(250px) rotate(-1turn)}}@keyframes orbit2{0%{transform:rotate(0deg) translateX(280px) rotate(0deg)}to{transform:rotate(1turn) translateX(280px) rotate(-1turn)}}@keyframes orbit3{0%{transform:rotate(0deg) translateX(260px) rotate(0deg)}to{transform:rotate(1turn) translateX(260px) rotate(-1turn)}}@media (max-width:1024px){.hr-copilot-container{gap:60px;grid-template-columns:1fr}.hr-copilot-heading{font-size:40px}.hr-copilot-integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hr-copilot-integration-section{padding:80px 5%}.hr-copilot-heading{font-size:32px}.hr-copilot-description{font-size:16px}.hr-copilot-integrations-grid{grid-template-columns:repeat(2,1fr)}.hr-copilot-features-row{gap:8px}.hr-copilot-feature-pill{font-size:13px;padding:8px 16px}}@media (max-width:480px){.hr-copilot-heading{font-size:28px}.hr-copilot-integrations-grid{grid-template-columns:1fr}.hr-copilot-stats-bar{flex-direction:column;gap:20px}.hr-copilot-stat-divider{height:1px;width:100%}}.hrcopilot-conversion-zone{background:linear-gradient(180deg,#0a0e27,#1a1f3a);overflow:hidden;padding:120px 20px;position:relative}.hrcopilot-ambient-background{inset:0;pointer-events:none;position:absolute}.hrcopilot-glow-sphere{animation:hrcopilot-float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.hrcopilot-grid-overlay{background-image:linear-gradient(#6366f11a 1px,#0000 0),linear-gradient(90deg,#6366f11a 1px,#0000 0);background-size:50px 50px;inset:0;opacity:.3;position:absolute}.hrcopilot-conversion-container{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:1}.hrcopilot-conversion-header{margin-bottom:48px}.hrcopilot-badge-premium{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f126;border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 20px;transition:all .3s ease}.hrcopilot-badge-premium:hover{background:#6366f140;border-color:#6366f180;transform:translateY(-2px)}.hrcopilot-conversion-title{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.hrcopilot-gradient-text{-webkit-text-fill-color:#0000;animation:hrcopilot-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hrcopilot-conversion-description{color:#cbd5e1;font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.hrcopilot-action-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:56px}.hrcopilot-trust-indicators{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:800px}@media (max-width:768px){.hrcopilot-conversion-zone{padding:80px 20px}.hrcopilot-conversion-title{font-size:36px}.hrcopilot-conversion-description{font-size:16px}.hrcopilot-action-group{flex-direction:column;width:100%}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{justify-content:center;width:100%}.hrcopilot-trust-indicators{gap:16px;grid-template-columns:1fr}.hrcopilot-glow-primary,.hrcopilot-glow-secondary{height:300px;width:300px}}@media (max-width:480px){.hrcopilot-conversion-title{font-size:28px}.hrcopilot-badge-premium{font-size:12px;padding:6px 16px}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{font-size:15px;padding:14px 24px}}.recruitment-showcase-section{background:linear-gradient(135deg,#fff,#fff);overflow:hidden;padding:100px 20px;position:relative}.recruitment-showcase-section:before{background:linear-gradient(90deg,#0000,#dee2e6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.recruitment-container{margin:0 auto;max-width:1200px}.recruitment-header-block{margin-bottom:60px;text-align:center}.recruitment-label-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 20px}.recruitment-main-title{color:#1a202c;font-size:42px;font-weight:700;line-height:1.2;margin:0 0 16px}.recruitment-subtitle{color:#718096;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.recruitment-cards-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:50px}.recruitment-info-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 6px #0000000d;cursor:pointer;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.recruitment-info-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.recruitment-info-card:hover:before{transform:scaleX(1)}.recruitment-info-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.card-highlighted{border-color:#667eea;box-shadow:0 8px 30px #667eea33}.card-visual-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.card-icon-container{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:16px;display:flex;font-size:32px;height:64px;justify-content:center;transition:all .3s ease;width:64px}.recruitment-info-card:hover .card-icon-container{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d;transform:scale(1.1) rotate(5deg)}.card-stat-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.card-text-content{margin-bottom:24px;min-height:120px}.card-feature-title{color:#1a202c;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 12px}.card-feature-description{color:#718096;font-size:15px;line-height:1.7;margin:0}.card-action-footer{border-top:1px solid #e2e8f0;padding-top:20px}.card-explore-link{align-items:center;color:#667eea;display:inline-flex;font-size:15px;font-weight:600;gap:8px;transition:all .3s ease}.card-arrow-icon{transition:transform .3s ease}.recruitment-info-card:hover .card-explore-link{color:#764ba2;gap:12px}.recruitment-info-card:hover .card-arrow-icon{transform:translateX(4px)}.card-hover-border{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.recruitment-info-card:hover .card-hover-border{opacity:1}@media (max-width:768px){.recruitment-showcase-section{padding:60px 20px}.recruitment-main-title{font-size:32px}.recruitment-subtitle{font-size:16px}.recruitment-cards-layout{gap:20px;grid-template-columns:1fr}.recruitment-info-card{padding:24px}.card-text-content{min-height:auto}}@media (max-width:480px){.recruitment-main-title{font-size:28px}.card-icon-container{font-size:28px;height:56px;width:56px}.card-feature-title{font-size:20px}}.copilot-insights-section{background:linear-gradient(135deg,#f8f9ff,#f0f4ff 50%,#fef3ff);overflow:hidden;padding:100px 20px;position:relative}.copilot-insights-section:before{animation:copilot-float 20s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:500px;position:absolute;right:-20%;top:-50%;width:500px}.copilot-section-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.copilot-reversed{direction:ltr}.copilot-reversed .copilot-visual-content{order:2}.copilot-reversed .copilot-text-content{order:1}.copilot-analytics-dashboard{animation:copilot-slide-in .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:32px}.copilot-dashboard-header{align-items:center;margin-bottom:28px}.copilot-header-left{align-items:center;display:flex;gap:12px}.copilot-ai-badge{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:20px;color:#c4b5fd;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.copilot-ai-pulse{animation:copilot-pulse 2s ease-in-out infinite;background:#a78bfa;height:6px;width:6px}.copilot-dashboard-header h4{color:#fff;font-size:20px;font-weight:600;margin:0}.copilot-live-indicator{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;color:#86efac;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.copilot-live-dot{animation:copilot-blink 2s ease-in-out infinite;background:#22c55e;height:6px;width:6px}.copilot-primary-metric{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid #6366f133;border-radius:16px;margin-bottom:24px;padding:24px}.copilot-metric-label{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.copilot-metric-trend{animation:copilot-trend-pulse 2s ease-in-out infinite;color:#22c55e;font-size:14px;font-weight:600}.copilot-metric-value{-webkit-text-fill-color:#0000;animation:copilot-value-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;font-size:42px;font-weight:700;margin-bottom:12px}.copilot-progress-bar{background:#ffffff0d;border-radius:10px;height:8px;overflow:hidden;position:relative}.copilot-progress-fill{animation:copilot-progress-grow 1.5s ease-out;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1)}.copilot-progress-glow{animation:copilot-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.copilot-progress-shimmer{animation:copilot-rotate 4s linear infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.copilot-ai-suggestion{animation:copilot-suggestion-appear 1s ease-out .5s both;background:#3b82f614;border:1px solid #3b82f633;border-left:3px solid #3b82f6;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.copilot-suggestion-icon{animation:copilot-bounce 2s ease-in-out infinite;font-size:20px}.copilot-suggestion-content{color:#e2e8f0;flex:1 1;font-size:13px;line-height:1.6}.copilot-suggestion-content strong{color:#93c5fd;font-weight:600}.copilot-metrics-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.copilot-metric-card{animation:copilot-card-appear .6s ease-out both;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .3s ease}.copilot-metric-card:hover{background:#ffffff0a;border-color:#6366f14d;box-shadow:0 8px 20px #6366f133;transform:translateY(-2px)}.copilot-metric-header{margin-bottom:10px}.copilot-metric-name{color:#cbd5e1;font-size:13px;font-weight:500}.copilot-metric-percent{color:#a78bfa;font-size:16px;font-weight:700}.copilot-mini-progress{background:#ffffff0d;border-radius:4px;height:4px;overflow:hidden}.copilot-mini-fill{animation:copilot-progress-grow 1s ease-out;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;height:100%;transition:width .6s ease}.copilot-text-content{color:#fff}.copilot-section-badge{align-items:center;animation:copilot-badge-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#f8f9ff,#f0f4ff 50%,#fef3ff);border:1px solid #6366f14d;border-radius:30px;color:#c4b5fd;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:20px;padding:8px 18px;text-transform:uppercase}.copilot-badge-icon{animation:copilot-icon-spin 10s linear infinite;font-size:16px}.copilot-text-content h2{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;color:#0a0e27;font-size:42px;font-weight:800;line-height:1.2;margin:0 0 20px}.copilot-section-description{color:#94a3b8;font-size:17px;line-height:1.7;margin-bottom:36px}.copilot-feature-list{display:flex;flex-direction:column;gap:24px}.copilot-feature-point{animation:copilot-feature-slide .6s ease-out both;display:flex;gap:16px}.copilot-feature-point:first-child{animation-delay:.1s}.copilot-feature-point:nth-child(2){animation-delay:.2s}.copilot-feature-point:nth-child(3){animation-delay:.3s}.copilot-feature-point:nth-child(4){animation-delay:.4s}.copilot-point-icon{flex-shrink:0}.copilot-icon-bg{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.copilot-feature-point:hover .copilot-icon-bg{box-shadow:0 10px 30px #6366f14d;transform:scale(1.1) rotate(5deg)}.copilot-feature-point h4{color:#db7093;font-size:17px;font-weight:700;margin:0 0 6px}.copilot-feature-point p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}@keyframes copilot-float{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes copilot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes copilot-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes copilot-slide-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes copilot-trend-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes copilot-value-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes copilot-progress-grow{0%{width:0}}@keyframes copilot-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes copilot-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes copilot-suggestion-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes copilot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes copilot-card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copilot-badge-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 30px #a855f74d}}@keyframes copilot-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes copilot-feature-slide{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:968px){.copilot-section-content{gap:50px;grid-template-columns:1fr}.copilot-reversed .copilot-text-content,.copilot-reversed .copilot-visual-content{order:0}.copilot-text-content h2{font-size:32px}.copilot-metrics-grid{grid-template-columns:1fr}}.rec-insights-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 5%;position:relative}.rec-section-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.rec-reversed{direction:ltr}.rec-visual-content{animation:rec-fadeInRight .8s ease-out}@keyframes rec-fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.rec-analytics-dashboard{background:#fff;border:1px solid #6366f133;border-radius:24px;box-shadow:0 8px 24px #6366f11a;padding:32px}.rec-dashboard-header{justify-content:space-between;margin-bottom:24px}.rec-dashboard-header,.rec-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rec-ai-badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.rec-ai-pulse{animation:rec-pulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:6px;width:6px}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.rec-dashboard-header h4{color:#1e293b;font-size:18px;font-weight:700;margin:0}.rec-live-indicator{align-items:center;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:6px}.rec-live-dot{animation:rec-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.rec-primary-metric{margin-bottom:20px}.rec-metric-label{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.rec-metric-label span:first-child{color:#64748b;font-size:14px;font-weight:600}.rec-metric-trend{color:#10b981;font-size:14px;font-weight:700}.rec-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:12px}.rec-progress-bar{background:#6366f11a;border-radius:50px;height:12px;overflow:hidden;position:relative}.rec-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;position:relative;transition:width 1s ease}.rec-progress-glow{animation:rec-progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d);height:100%;position:absolute;right:0;top:0;width:30%}@keyframes rec-progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.rec-progress-shimmer{animation:rec-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes rec-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.rec-ai-suggestion{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.rec-suggestion-icon{flex-shrink:0;font-size:20px}.rec-suggestion-content{color:#475569;font-size:13px;line-height:1.5}.rec-suggestion-content strong{color:#1e293b}.rec-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.rec-metric-card{animation:rec-cardFadeIn .6s ease-out backwards;background:#6366f10d;border:1px solid #6366f126;border-radius:12px;padding:16px;transition:all .3s ease}@keyframes rec-cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rec-metric-card:hover{background:#6366f114;box-shadow:0 4px 12px #6366f11f;transform:translateY(-2px)}.rec-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rec-metric-name{color:#64748b;font-size:12px;font-weight:600}.rec-metric-percent{color:#1e293b;font-size:14px;font-weight:700}.rec-mini-progress{background:#6366f11a;border-radius:50px;height:6px;overflow:hidden}.rec-mini-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;transition:width 1s ease}.rec-text-content{animation:rec-fadeInLeft .8s ease-out}@keyframes rec-fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.rec-section-badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}.rec-badge-icon{font-size:16px}.rec-gradient-heading,.rec-text-content h2{animation:rec-gradientShift 3s ease infinite;background-size:200% 200%;color:#2b2436!important;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 16px;text-align:justify}@keyframes rec-gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.rec-section-description{color:#64748b;font-size:18px;line-height:1.8;margin-bottom:32px;text-align:justify}.rec-feature-list{display:flex;flex-direction:column;gap:16px}.rec-feature-point{background:#fff;border:1px solid #6366f126;border-radius:16px;box-shadow:0 2px 8px #6366f10d;overflow:hidden;transition:all .3s ease}.rec-feature-point:hover{border-color:#6366f14d;box-shadow:0 4px 16px #6366f11a;transform:translateY(-2px)}.rec-feature-header{align-items:center;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:20px}.rec-feature-title-wrapper{align-items:flex-start;display:flex;flex:1 1;gap:16px;min-width:0}.rec-point-icon{flex-shrink:0}.rec-icon-bg{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.rec-feature-point:hover .rec-icon-bg{background:linear-gradient(135deg,#6366f126,#8b5cf626);transform:scale(1.05)}.rec-feature-main{flex:1 1;min-width:0}.rec-feature-main h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 6px}.rec-feature-desc{color:#64748b;font-size:14px;line-height:1.6;margin:0}.rec-dropdown-toggle{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.rec-dropdown-toggle:hover{background:#6366f126;border-color:#6366f14d}.rec-feature-point:hover .rec-dropdown-toggle{background:#6366f11f}.rec-dropdown-toggle svg{transition:transform .3s ease}.rec-feature-point:hover .rec-dropdown-toggle svg{transform:translateY(2px)}.rec-feature-dropdown{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.rec-feature-point:hover .rec-feature-dropdown{max-height:300px;opacity:1}.rec-feature-details{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0 20px 20px}.rec-feature-details li{align-items:flex-start;background:#6366f10a;border-radius:8px;color:#475569;display:flex;font-size:14px;gap:10px;line-height:1.6;padding:10px 12px;transition:all .3s ease}.rec-feature-details li:hover{background:#6366f114;transform:translateX(4px)}.rec-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-top:2px;width:18px}@media (max-width:1200px){.rec-section-content{gap:60px}.rec-gradient-heading{font-size:38px}}@media (max-width:1024px){.rec-section-content{gap:60px;grid-template-columns:1fr}.rec-gradient-heading{font-size:36px}.rec-feature-header{padding:16px}.rec-feature-title-wrapper{gap:12px}.rec-icon-bg{font-size:18px;height:44px;width:44px}}@media (max-width:768px){.rec-insights-section{padding:80px 5%}.rec-gradient-heading{font-size:32px}.rec-section-description{font-size:16px}.rec-metrics-grid{grid-template-columns:1fr}.rec-analytics-dashboard{padding:24px}.rec-feature-main h4{font-size:16px}.rec-feature-desc,.rec-feature-details li{font-size:13px}.rec-dashboard-header{align-items:flex-start;flex-direction:column}.rec-header-left{width:100%}}@media (max-width:640px){.rec-feature-header{align-items:flex-start;flex-direction:column;gap:12px}.rec-dropdown-toggle{align-self:flex-end;margin-top:-8px}}@media (max-width:480px){.rec-gradient-heading{font-size:28px}.rec-metric-value{font-size:36px}.rec-feature-point{gap:12px}.rec-icon-bg{font-size:18px;height:40px;width:40px}.rec-feature-main h4{font-size:15px}.rec-analytics-dashboard{padding:20px}.rec-feature-header{padding:14px}.rec-feature-details{padding:0 14px 14px}.rec-section-badge{font-size:12px;padding:6px 16px}}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #8b5cf64d,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-image{max-width:1000px}.hrv-dashboard-badge{box-shadow:0 4px 15px #ec489966}@media (max-width:768px){.hrv-dashboard-container{margin:30px 20px 0;max-width:100%}.hrv-dashboard-image-wrapper{transform:none}.hrv-dashboard-image-wrapper:hover{transform:translateY(-5px)}.hrv-dashboard-overlay{padding:20px}.hrv-dashboard-content h3{font-size:20px}.hrv-dashboard-content p{font-size:14px}}@media (max-width:480px){.hrv-dashboard-container{margin:20px 15px 0}.hrv-dashboard-overlay{padding:15px}.hrv-dashboard-content h3{font-size:18px}}.hrcopilot-features-container1{margin:0 auto}.hrcopilot-features-subtitle{color:#5a5a5a}.hrcopilot-features-subtitle1{color:#5a5a5a;font-size:1rem;line-height:1.6;margin:0 auto;max-width:700px}.hrcopilot-features-grid{grid-gap:60px;gap:60px}.hrcopilot-feature-card{background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000000d;overflow:hidden;padding:30px 25px}.hrcopilot-card-highlighted{transform:translateY(-5px)}.hrcopilot-card-highlighted,.hrcopilot-feature-card:hover{box-shadow:0 15px 30px #6a1b4d26}.hrcopilot-feature-visual{height:180px;margin-bottom:30px;width:180px}.hrcopilot-stat-badge{background:#ffb347;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 12px;position:absolute;right:0;top:0;z-index:10}.hrcopilot-feature-heading{font-size:1.75rem;margin-bottom:16px}.hrcopilot-feature-description{line-height:1.6;margin:0 0 20px;max-width:380px}.hrcopilot-feature-footer{margin-top:auto;width:100%}.hrcopilot-explore-link{align-items:center;color:#6a1b4d;cursor:pointer;display:inline-flex;font-weight:600;transition:all .3s ease}.hrcopilot-explore-link:hover{color:#8b2462;transform:translateX(5px)}.hrcopilot-arrow-icon{margin-left:8px;transition:transform .3s ease}.hrcopilot-explore-link:hover .hrcopilot-arrow-icon{transform:translateX(3px)}.hrcopilot-hover-border{background:linear-gradient(90deg,#6a1b4d,#ffb3c1);bottom:0;height:4px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.hrcopilot-card-highlighted .hrcopilot-hover-border,.hrcopilot-feature-card:hover .hrcopilot-hover-border{transform:scaleX(1)}@media (max-width:1024px){.hrcopilot-features-grid{gap:50px;grid-template-columns:repeat(2,1fr)}.hrcopilot-features-title{font-size:2.5rem}}@media (max-width:768px){.hrcopilot-features-section{padding:80px 20px}.hrcopilot-features-grid{gap:60px;grid-template-columns:1fr}.hrcopilot-features-title{font-size:2rem}.hrcopilot-features-subtitle{font-size:1.1rem}.hrcopilot-feature-heading{font-size:1.5rem}.hrcopilot-feature-description{font-size:1rem}.hrcopilot-features-header{margin-bottom:60px}}@media (max-width:480px){.hrcopilot-features-title{font-size:1.75rem}.hrcopilot-feature-visual{height:150px;width:150px}}.hrcopilot-features-section{background:linear-gradient(135deg,#fff,#fff)}.hrcopilot-features-container1{margin:50px auto 0;max-width:1400px}.hrcopilot-features-title{font-size:3rem;margin:0 auto}.hrcopilot-feature-heading{color:#2d2d2d;font-size:1.6rem}.app-wrapper{overflow-x:hidden;width:100%}.tracking-section{background-color:#fff;margin-top:-190px;min-height:100vh;padding:80px 20px}.tracking-container{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px}.tracking-image-side{flex:1 1;position:relative}.mockup-wrapper{position:relative;z-index:2}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:24px}.profile-header{display:flex;gap:16px;margin-bottom:20px}.profile-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.profile-info h3{color:#333;font-size:18px;margin-bottom:4px}.status-badge{background-color:#4caf50;border-radius:4px;color:#fff;font-size:10px;font-weight:700;margin-bottom:4px;padding:2px 8px}.job-title{color:#666;font-size:14px}.profile-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:8px}.tab{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;position:relative}.tab.active{color:#8b1538;font-weight:600}.tab.active:after{background-color:#8b1538;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.recommendation-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:20px;padding:24px}.recommendation-card h4{color:#333;font-size:16px;margin-bottom:16px}.rec-bar{border-radius:4px;display:flex;height:24px;margin-bottom:8px;overflow:hidden}.bar-section{flex:1 1}.bar-section.weak{background-color:#ffb3c1}.bar-section.medium{background-color:#c41e3a}.bar-section.strong{background-color:#8b1538}.rec-label{color:#666;font-size:13px}.badge-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;left:40px;padding:24px;position:relative;text-align:center;width:200px}.badge-icon{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.badge-text{color:#333;font-size:14px;line-height:1.5}.decorative-circle{background-color:#ffe5b4;border-radius:50%;height:300px;position:absolute;right:-40px;top:-60px;width:300px;z-index:1}.decorative-shape{background-color:#8b1538;border-radius:50% 0 50% 50%;bottom:40px;height:80px;left:-40px;position:absolute;width:80px;z-index:1}.tracking-content-side{flex:1 1}.section-heading{color:#2b2436!important;font-size:48px;font-weight:600}.section-description{color:#555;font-size:18px;line-height:1.8;margin-bottom:32px;text-align:justify}.demo-button{border:none;color:#e91e63;font-size:16px;font-weight:600;letter-spacing:.5px;padding:0;text-decoration:none}.demo-button:hover{text-decoration:underline}.pipeline-section{background:#fff;margin-top:-130px;overflow:hidden;padding:80px 0;position:relative}.pipeline-container{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.pipeline-content-side{flex:1 1;max-width:500px}.pipeline-image-side{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.section-heading{color:#1a1a1a;font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:24px}.section-descriptions{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:32px;text-align:justify}.demo-button{background-color:initial;border:2px solid #165ef0;border-radius:8px;color:#165ef0;cursor:pointer;font-size:.9rem;margin-left:-370px;padding:12px 32px;transition:all .3s ease}.demo-button:hover{background:#165ef01a;box-shadow:0 8px 20px #0066ff4d;transform:translateY(-2px)}.ai-dashboard-image{max-width:500px;position:relative;width:100%;z-index:2}.ai-dashboard-image img{border-radius:12px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}.decorative-circle-blue{border-radius:50%;height:120px;opacity:.1;right:-20px;top:-20px;width:120px}.decorative-circle-blue,.decorative-shape-blue{background:linear-gradient(135deg,#06f,#0cf);position:absolute;z-index:1}.decorative-shape-blue{border-radius:30px;bottom:-30px;height:150px;left:-30px;opacity:.05;transform:rotate(45deg);width:150px}@media (max-width:768px){.pipeline-container{flex-direction:column;gap:40px;text-align:center}.pipeline-content-side{max-width:100%}.section-heading{font-size:2rem}.section-descriptions{font-size:1rem}.ai-dashboard-image{max-width:100%}.decorative-circle-blue,.decorative-shape-blue{display:none}}@media (max-width:480px){.pipeline-section{padding:60px 0}.section-heading{font-size:1.75rem}.demo-button{max-width:280px;width:100%}}.hrv-hero-section-revamped{align-items:center;background:#fff;display:flex;justify-content:center;min-height:75vh;overflow:hidden;position:relative}.hrv-video-background-compact{height:75vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.hrv-background-video-compact{height:100%;object-fit:cover;object-position:center 30%;width:100%}.hrv-video-overlay-minimal{background:linear-gradient(135deg,#ffffffd9,#ffffffb3 50%,#ffffffe6);height:65%;left:0;position:absolute;top:0;width:100%;z-index:2}.hrv-hero-compact{margin:-3rem auto 0;max-width:1200px;padding:2rem 1.5rem;position:relative;width:100%;z-index:3}.hrv-hero-content-enhanced{margin:0 auto;max-width:900px;text-align:center}.hrv-hero-title-compact{color:#1a1a1a;font-size:clamp(1.5rem,2.5vw,3rem);font-weight:800;line-height:1.1;margin-bottom:3rem;margin-top:-290px}.hrv-gradient-text-revamped{color:#2b2436!important}.hrv-features-grid-tight{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem auto 3rem;max-width:800px}.hrv-feature-item-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1a0d;border:1px solid #0f0f1a1a;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.hrv-feature-item-compact:hover{background:#0f0f1a14;border-color:#ec48994d;transform:translateY(-2px)}.hrv-feature-icon-sparkle{color:#ec4899;filter:drop-shadow(0 0 8px rgba(236,72,153,.5));font-size:1.1rem}.hrv-feature-title-trim{color:#1a1a1a;font-size:.9rem;font-weight:600;white-space:nowrap}.hrv-powered-by-sleek{color:#666;font-size:1rem;margin:1.5rem 0 3rem}.hrv-ai-text-neon{color:#ec4899;font-weight:700;text-shadow:0 0 10px #ec48994d}.hrv-cta-buttons-tight{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.hrv-btn-cta-primary-v2{background:linear-gradient(90deg,#003acc,#0047ff 0);border:2px solid #165ef0;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.hrv-btn-cta-primary-v2:hover{background:linear-gradient(135deg,#db2777,#7c3aed);box-shadow:0 8px 25px #ec489966;transform:translateY(-2px)}.hrv-btn-cta-outline-v2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #165ef0;border-radius:50px;color:#165ef0;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.hrv-btn-cta-outline-v2:hover{background:#ec48991a;border-color:#ec4899;box-shadow:0 4px 15px #ec489933;color:#1a1a1a;transform:translateY(-2px)}.hrv-decorative-lines-minimal{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.hrv-line-compact{height:60vh;position:absolute;top:20%;width:200px}.hrv-line-left-compact{left:5%}.hrv-line-right-compact{right:5%}.hrv-dashboard-container2{background:#fff;margin:120px auto 2rem;max-width:700px;padding:0 1.5rem;position:relative}.hrv-dashboard-image-wrapper2{animation:fadeIn .5s ease-out;border-radius:20px;overflow:hidden;position:relative}.hrv-dashboard-image2{display:block;height:auto;width:100%}.hrv-dashboard-overlay{background:linear-gradient(180deg,#fff3 0,#fffc);padding:2rem}.hrv-dashboard-content h3{color:#1a1a1a;font-size:1.5rem}.hrv-dashboard-content p{color:#666;margin-bottom:1rem}.hrv-dashboard-badge{background:linear-gradient(135deg,#ec4899,#8b5cf6);font-size:.8rem;font-weight:600;padding:.25rem .75rem}@media (max-width:768px){.hrv-hero-section-revamped{background:#fff;min-height:75vh}.hrv-video-background-compact{height:65vh}.hrv-hero-compact{margin-top:-2rem;padding:1.5rem 1rem}.hrv-features-grid-tight{gap:1rem;margin:1.5rem auto 1rem}.hrv-feature-item-compact{background:#0f0f1a08;padding:.6rem .8rem}.hrv-feature-title-trim{color:#1a1a1a;font-size:.85rem}.hrv-cta-buttons-tight{gap:.75rem;margin-top:1.5rem}.hrv-btn-cta-outline-v2,.hrv-btn-cta-primary-v2{font-size:.9rem;max-width:250px;padding:.75rem 1.5rem;width:100%}.hrv-line-compact{display:none}.hrv-dashboard-container1{background:#fff;margin:1.5rem auto;padding:0 1rem}.hrv-dashboard-overlay{padding:1.5rem}}@media (max-width:480px){.hrv-hero-section-revamped{background:#fff;min-height:70vh}.hrv-video-background-compact{height:60vh}.hrv-hero-title-compact{color:#1a1a1a;font-size:clamp(2rem,8vw,3rem);margin-bottom:1.5rem}.hrv-features-grid-tight{align-items:center;flex-direction:column}.hrv-feature-item-compact{background:#0f0f1a08;justify-content:center;max-width:250px;width:100%}.hrv-powered-by-sleek{color:#666}}.hrcopilot-features-section{background:linear-gradient(135deg,#f8fafc,#fff 50%,#f1f5f9);margin-top:-330px;padding:5rem 1.5rem;position:relative}.hrcopilot-features-section2{margin-top:-230px}.hrcopilot-features-section2,.hrcopilot-features-section3{background:linear-gradient(135deg,#f8fafc,#fff 50%,#f1f5f9);overflow:hidden;padding:5rem 1.5rem;position:relative}.hrcopilot-features-section3{margin-top:-280px}.hrcopilot-features-section4{margin-top:-220px}.hrcopilot-features-section4,.hrcopilot-features-section5{background:linear-gradient(135deg,#f8fafc,#fff 50%,#f1f5f9);overflow:hidden;padding:5rem 1.5rem;position:relative}.hrcopilot-features-section5{margin-top:-100px}.bgs-wrapper{background-color:#f5f5f5;overflow:hidden;padding:100px 0;position:relative;width:100%}.bgs-wrapper:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff08 0,#ffffff08 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bgs-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1400px;padding:0 40px;position:relative;z-index:1}.bgs-content-left{display:flex;flex-direction:column;gap:30px}.bgs-header{margin-bottom:20px}.bgs-subtitle{color:#666;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.bgs-subtitle,.bgs-title{font-family:Raleway,sans-serif}.bgs-title{display:flex;flex-direction:column;font-size:52px;font-weight:800;line-height:1.2}.bgs-title-highlight{color:#b73235;margin-bottom:5px}.bgs-title-dark{color:#3d4450}.bgs-card{align-items:center;background-color:#ffffffb3;border-radius:50%;box-shadow:0 10px 40px #00000014;display:flex;height:280px;justify-content:center;margin:20px 0;padding:40px;width:280px}.bgs-card-text{color:#3d4450;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;line-height:1.7;text-align:center;text-align:justify}.bgs-description-block,.bgs-text-column{display:flex;flex-direction:column;gap:20px}.bgs-text{color:#555;font-family:Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.8;text-align:justify}.bgs-content-center{display:flex;flex-direction:column;justify-content:flex-start;padding-top:0}.bgs-content-right{display:flex;flex-direction:column;gap:30px}.bgs-image-wrapper{aspect-ratio:1;border-radius:50%;box-shadow:0 20px 60px #00000026;margin:20px 0;overflow:hidden;width:100%}.bgs-team-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.bgs-image-wrapper:hover .bgs-team-image{transform:scale(1.05)}.bgs-bottom-text{margin-top:0}@media (max-width:1200px){.bgs-container{gap:40px;grid-template-columns:1fr 1fr}.bgs-content-right{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-column:1/-1;grid-template-columns:1fr 400px 1fr}.bgs-image-wrapper{margin:0}.bgs-title{font-size:44px}.bgs-card{height:240px;width:240px}}@media (max-width:968px){.bgs-wrapper{padding:70px 0}.bgs-container{gap:40px;padding:0 30px}.bgs-container,.bgs-content-right{grid-template-columns:1fr}.bgs-title{font-size:38px}.bgs-card{height:260px;margin:20px auto;width:260px}.bgs-image-wrapper{margin:20px auto;max-width:400px}}@media (max-width:640px){.bgs-wrapper{padding:50px 0}.bgs-container{padding:0 20px}.bgs-title{font-size:32px}.bgs-card{height:220px;padding:30px;width:220px}.bgs-card-text{font-size:15px}.bgs-text{font-size:14px}.bgs-image-wrapper{max-width:320px}}@media (max-width:480px){.bgs-title{font-size:28px}.bgs-card{height:200px;width:200px}.bgs-image-wrapper{max-width:280px}}.aios-wrapper{background:#fff;padding:120px 0;position:relative;width:100%}.aios-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.2fr;margin:auto;max-width:1400px;padding:0 40px}.aios-image-card{display:flex;justify-content:center}.aios-image-inner{background:#fff;border-radius:22px;box-shadow:0 30px 60px rgba(0,0,0,.264);max-width:560px;padding:25px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.aios-image-inner:hover{box-shadow:0 40px 70px #0000002e;transform:translateY(-6px)}.aios-image{border-radius:14px;object-fit:cover;width:100%}.aios-left{display:flex;flex-direction:column;gap:25px}.aios-subtitle{color:#666;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.aios-subtitle,.aios-title{font-family:Raleway,sans-serif;text-align:justify}.aios-title{font-size:48px;font-weight:800;line-height:1.2}.aios-title-dark{color:#3d4450}.aios-title-highlight{color:#b73235}.aios-description{color:#555;font-family:Roboto,sans-serif;font-size:17px;line-height:1.7;max-width:600px;text-align:justify}.aios-features{display:flex;flex-direction:column;gap:15px}.aios-feature-item{align-items:center;color:#444;display:flex;font-family:Roboto,sans-serif;font-size:16px;gap:12px}.aios-icon{color:#b73235;font-size:22px}.aios-buttons{display:flex;gap:20px;margin-top:20px}.aios-btn-primary{background:#b73235;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;padding:14px 34px}.aios-btn-primary:hover{background:#97282c}.aios-btn-secondary{background:#0000;border:2px solid #3d4450;border-radius:50px;color:#3d4450;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;padding:14px 34px}.aios-btn-secondary:hover{background:#3d4450;color:#fff}@media (max-width:992px){.aios-container{grid-template-columns:1fr;text-align:center}.aios-left{align-items:center}.aios-image-inner{max-width:460px}}.sol-wrapper{background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-quote-2.jpg);background-position:50%;background-size:cover;margin-top:-60px;padding:120px 0;position:relative;width:100%}.sol-overlay{background-color:#f5f5f5db;inset:0;position:absolute}.sol-container{margin:auto;max-width:1300px;padding:0 40px;position:relative;text-align:center;z-index:2}.sol-subtitle{color:#666;font-size:13px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.sol-subtitle,.sol-title{font-family:Raleway,sans-serif}.sol-title{font-size:52px;font-weight:800;line-height:1.4;margin-bottom:20px}.sol-title-red{color:#bd2a2e;display:block}.sol-title-dark{color:#3d4450;display:block}.sol-description{color:#3d4450;font-size:16px;line-height:1.7;margin:0 auto 50px;max-width:800px}.sol-steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)}.sol-step-card{text-align:center}.sol-icon{align-items:center;border-radius:50%;display:flex;height:95px;justify-content:center;margin:0 auto 20px;width:95px}.sol-icon.red{background:#b73235;color:#fff}.sol-icon.dark{background:#2b2e33;color:#fff}.sol-step-label{color:#555;font-size:13px;letter-spacing:1px;margin-bottom:5px}.sol-step-title{color:#2b2e33;font-size:22px;font-weight:700;margin-bottom:10px}.sol-step-text{color:#555;font-size:15px;line-height:1.6;padding:0 5px;text-align:justify}@media (max-width:992px){.sol-steps{grid-template-columns:1fr 1fr}}@media (max-width:600px){.sol-steps{grid-template-columns:1fr}.sol-title{font-size:36px}}.talent-sourcing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.talent-sourcing-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.talent-sourcing-spinner{animation:talent-spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes talent-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.talent-platform-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.talent-platform-header.talent-scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.talent-container{margin:0 auto;max-width:1200px;padding:0 20px}.talent-header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.talent-logo{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:10px}.talent-logo-icon{font-size:1.8rem}.talent-nav-menu{align-items:center;display:flex}.talent-nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.talent-nav-item{position:relative}.talent-nav-link{color:#2c3e50;cursor:pointer;font-weight:500;text-decoration:none;transition:color .3s ease}.talent-nav-link:hover{color:#667eea}.talent-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;left:0;min-width:500px;padding:1.5rem;position:absolute;top:100%;z-index:1000}.talent-dropdown-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.talent-dropdown-section h4{color:#2c3e50;font-size:.9rem;font-weight:600;margin:0 0 1rem}.talent-dropdown-section ul{list-style:none;margin:0;padding:0}.talent-dropdown-section li{color:#6b7280;cursor:pointer;padding:.5rem 0;transition:color .3s ease}.talent-dropdown-section li:hover{color:#667eea}.talent-header-actions{display:flex;gap:1rem}.talent-btn-primary,.talent-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.talent-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.talent-btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.talent-btn-secondary{background:#667eea1a;border:1px solid #667eea33;color:#667eea}.talent-btn-secondary:hover{background:#667eea33}.talent-sourcing-hero{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:120px 0 80px;position:relative}.talent-sourcing-hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.talent-hero-badge{background:#667eea1a;border-radius:20px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.talent-sourcing-title{color:#2c3e50;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.talent-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.talent-sourcing-subtitle{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.talent-hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.talent-btn-large{font-size:1.1rem;padding:1rem 2rem}.talent-btn-outline{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.talent-btn-outline:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.talent-play-icon{margin-right:.5rem}.talent-hero-stats{display:flex;gap:2rem}.talent-stat-item{text-align:center}.talent-stat-number{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.5rem}.talent-stat-label{color:#6b7280;font-size:.9rem}.talent-sourcing-dashboard{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000001a;overflow:hidden}.talent-dashboard-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;padding:1.5rem}.talent-dashboard-dots{display:flex;gap:.5rem;margin-right:1rem}.talent-dashboard-dots span{background:#e5e7eb;border-radius:50%;height:12px;width:12px}.talent-dashboard-title{color:#2c3e50;font-weight:600}.talent-dashboard-content{padding:2rem}.talent-candidate-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.talent-candidate-card{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:1rem;padding:1rem}.talent-candidate-avatar{background:#e5e7eb;border-radius:50%;height:40px;width:40px}.talent-candidate-info{flex:1 1}.talent-candidate-name,.talent-candidate-title{background:#e5e7eb;border-radius:6px;height:12px;margin-bottom:.5rem}.talent-candidate-name{width:80px}.talent-candidate-title{width:120px}.talent-sourcing-definition{background:#fff;padding:80px 0}.talent-sourcing-definition-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.talent-definition-content h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.talent-definition-content p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.talent-key-points{display:flex;flex-direction:column;gap:1.5rem}.talent-key-point{align-items:flex-start;display:flex;gap:1rem}.talent-point-icon{flex-shrink:0;font-size:1.5rem}.talent-key-point h4{color:#2c3e50;margin:0 0 .5rem}.talent-key-point p{color:#6b7280;margin:0}.talent-sourcing-process{align-items:center;display:flex;justify-content:space-between}.talent-sourcing-process-step{flex:1 1;text-align:center}.talent-sourcing-step-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.talent-sourcing-process-step h4{color:#2c3e50;margin:0 0 .5rem}.talent-sourcing-process-step p{color:#6b7280;font-size:.9rem;margin:0}.talent-process-connector{background:linear-gradient(90deg,#667eea,#764ba2);flex:0.5 1;height:2px;position:relative}.talent-sourcing-stats{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0}.talent-sourcing-section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.talent-sourcing-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.talent-sourcing-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;text-align:center}.talent-sourcing-stat-card h3{font-size:3rem;font-weight:700;margin:0 0 1rem}.talent-sourcing-stat-card p{font-size:1.1rem;margin:0;opacity:.9}.talent-sourcing-channels{background:#fff;padding:80px 0}.talent-section-subtitle{color:#6b7280;font-size:1.2rem;margin-bottom:3rem;text-align:center}.talent-channels-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.talent-channel-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.talent-channel-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.talent-channel-icon{font-size:3rem;margin-bottom:1rem}.talent-channel-card h4{color:#2c3e50;margin:0 0 1.5rem}.talent-channel-metrics{display:flex;justify-content:space-around}.talent-channel-metric{text-align:center}.talent-metric-value{color:#667eea;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.talent-metric-label{color:#6b7280;font-size:.9rem}.talent-sourcing-tabs-section{background:#f8fafc;padding:80px 0}.talent-sourcing-tabs-header{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.talent-sourcing-tab{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.talent-sourcing-tab:hover{border-color:#667eea;color:#667eea}.talent-sourcing-tab-active{background:#667eea;border-color:#667eea;color:#fff}.talent-sourcing-tab-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem}.talent-sourcing-tab-panel h3{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.talent-sourcing-tab-panel p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.talent-strategy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.talent-strategy-item{background:#f8fafc;border-radius:12px;padding:1.5rem}.talent-strategy-item h4{color:#2c3e50;margin:0 0 1rem}.talent-strategy-item p{color:#6b7280;margin:0}.talent-sourcing-methods-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.talent-sourcing-method-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:2rem}.talent-sourcing-method-icon{font-size:3rem;margin-bottom:1rem}.talent-sourcing-method-card h4{color:#2c3e50;margin:0 0 1rem}.talent-sourcing-method-card p{color:#6b7280;margin:0 0 1.5rem}.talent-method-features{list-style:none;margin:0;padding:0}.talent-method-features li{color:#667eea;font-weight:500;padding:.5rem 0}.talent-method-features li:before{content:"✓ ";font-weight:700}.talent-benefits-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.talent-benefits-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.talent-sourcing-benefit-item{align-items:center;background:#f0f9ff;border-radius:8px;color:#2c3e50;display:flex;gap:.75rem;padding:1rem}.talent-sourcing-benefit-check{color:#10b981;font-weight:700}.talent-benefits-stats{align-items:center;display:flex;flex-direction:column;gap:2rem}.talent-benefit-stat{text-align:center}.talent-stat-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 1rem;width:120px}.talent-stat-85{background:conic-gradient(#10b981 85%,#e5e7eb 0)}.talent-stat-78{background:conic-gradient(#3b82f6 78%,#e5e7eb 0)}.talent-benefit-stat p{color:#2c3e50;font-weight:600;margin:0}.talent-tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.talent-tool-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:2rem}.talent-tool-card h4{color:#2c3e50;margin:0 0 1rem}.talent-tool-card p{color:#6b7280;margin:0 0 1.5rem}.talent-tool-features{display:flex;flex-wrap:wrap;gap:.5rem}.talent-tool-features span{background:#667eea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.talent-sourcing-final-cta{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:80px 0;text-align:center}.talent-cta-content h2{font-size:3rem;font-weight:700;margin-bottom:1rem}.talent-cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.talent-cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.talent-cta-features{display:flex;font-size:.9rem;gap:2rem;justify-content:center;opacity:.8}.talent-form-popup{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:2000}.talent-form-popup.talent-active{opacity:1;visibility:visible}.talent-form-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.talent-form-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:3rem;position:relative;width:90%}.talent-form-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.talent-recruit-form{gap:1.5rem}.talent-form-group,.talent-recruit-form{display:flex;flex-direction:column}.talent-form-group label{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.talent-form-group input,.talent-form-group select{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.talent-form-group input:focus,.talent-form-group select:focus{border-color:#667eea;outline:none}.talent-btn-full{width:100%}.talent-mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px}.talent-mobile-menu-toggle span{background:#2c3e50;height:3px;transition:all .3s ease;width:25px}@media (max-width:1024px){.talent-sourcing-definition-grid,.talent-sourcing-hero-content{gap:3rem;grid-template-columns:1fr}.talent-channels-grid,.talent-sourcing-stats-grid{grid-template-columns:repeat(2,1fr)}.talent-sourcing-methods-grid,.talent-strategy-grid,.talent-tools-grid{grid-template-columns:1fr}}@media (max-width:768px){.talent-sourcing-title{font-size:2.5rem}.talent-hero-actions,.talent-hero-stats{flex-direction:column}.talent-hero-stats{gap:1rem}.talent-nav-menu{display:none}.talent-nav-menu.talent-mobile-open{background:#fff;box-shadow:0 10px 30px #0000001a;display:block;left:0;padding:2rem;position:absolute;right:0;top:100%}.talent-nav-list{flex-direction:column;gap:1rem}.talent-mobile-menu-toggle{display:flex}.talent-benefits-container,.talent-benefits-list{grid-template-columns:1fr}.talent-sourcing-tabs-header{align-items:center;flex-direction:column}.talent-sourcing-tab{text-align:center;width:100%}.talent-cta-buttons{align-items:center;flex-direction:column}.talent-cta-features{flex-direction:column;gap:1rem}}@media (max-width:480px){.talent-sourcing-title{font-size:2rem}.talent-channels-grid,.talent-sourcing-stats-grid{grid-template-columns:1fr}.talent-sourcing-tab-content{padding:1.5rem}.talent-form-container{padding:2rem}}.jobAdvertisingContainer{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 1rem}.jobAdvertisingHero{color:#fff;padding:4rem 0}.jobAdvertisingHeroContent{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.jobAdvertisingMainTitle{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.jobAdvertisingGradientText{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.jobAdvertisingHeroDescription{font-size:1.3rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.jobAdvertisingHeroStats{display:flex;gap:3rem}.jobAdvertisingStatItem{text-align:center}.jobAdvertisingStatNumber{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:700}.jobAdvertisingStatLabel{font-size:.9rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.jobAdvertisingHeroVisual{align-items:center;display:flex;height:400px;justify-content:center;position:relative}.jobAdvertisingAnimatedIllustration{height:300px;position:relative;width:300px}.jobAdvertisingFloatingElement{animation:jobAdvertisingFloat 6s ease-in-out infinite;font-size:3rem;position:absolute}.jobAdvertisingElement1{animation-delay:0s;left:10%;top:20%}.jobAdvertisingElement2{animation-delay:1.5s;right:20%;top:10%}.jobAdvertisingElement3{animation-delay:3s;bottom:30%;left:20%}.jobAdvertisingElement4{animation-delay:4.5s;bottom:20%;right:10%}@keyframes jobAdvertisingFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.jobAdvertisingSearchSection{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;margin:2rem auto;padding:3rem}.jobAdvertisingSearchContainer{margin:0 auto;max-width:1000px}.jobAdvertisingSectionTitle{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.jobAdvertisingSectionSubtitle{color:#fffc;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.jobAdvertisingSearchBox{display:flex;gap:1rem;margin-bottom:2rem}.jobAdvertisingSearchInputWrapper{flex:1 1;position:relative}.jobAdvertisingSearchIcon{font-size:1.2rem;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.jobAdvertisingSearchInput{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;color:#fff;font-size:1.1rem;padding:1.2rem 1.5rem 1.2rem 3.5rem;transition:all .3s ease;width:100%}.jobAdvertisingSearchInput::placeholder{color:#fff9}.jobAdvertisingSearchInput:focus{background:#ffffff26;border-color:#ffffff80;outline:none}.jobAdvertisingSearchButton{background:linear-gradient(135deg,#ffd89b,#19547b);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 2.5rem;transition:all .3s ease;white-space:nowrap}.jobAdvertisingSearchButton:hover{box-shadow:0 10px 30px #ffd89b4d;transform:translateY(-2px)}.jobAdvertisingFilterGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.jobAdvertisingFilterGroup{display:flex;flex-direction:column;gap:.5rem}.jobAdvertisingFilterLabel{color:#fff;font-size:.9rem;font-weight:600}.jobAdvertisingFilterSelect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;padding:1rem;transition:all .3s ease}.jobAdvertisingFilterSelect:focus{border-color:#ffffff80;outline:none}.jobAdvertisingFilterSelect option{background:#2d3748;color:#fff}.jobAdvertisingFeaturedSection{padding:4rem 0}.jobAdvertisingSectionHeader{margin-bottom:3rem;text-align:center}.jobAdvertisingFeaturedGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.jobAdvertisingFeaturedCard{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.jobAdvertisingFeaturedCard:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-8px)}.jobAdvertisingUrgentBadge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.jobAdvertisingFeaturedCardContent{position:relative;z-index:2}.jobAdvertisingFeaturedCardHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.jobAdvertisingFeaturedCardTitle{color:#1a202c;font-size:1.3rem;font-weight:700;margin:0}.jobAdvertisingFeaturedSalary{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.jobAdvertisingFeaturedCompany{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.jobAdvertisingFeaturedMeta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.jobAdvertisingFeaturedMetaItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:.8rem;padding:.5rem 1rem}.jobAdvertisingFeaturedDescription{color:#4a5568;line-height:1.5;margin-bottom:1.5rem}.jobAdvertisingFeaturedCardActions{display:flex;gap:1rem}.jobAdvertisingFeaturedApplyButton{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.jobAdvertisingFeaturedApplyButton:hover{transform:translateY(-2px)}.jobAdvertisingFeaturedSaveButton{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:.75rem;transition:all .3s ease}.jobAdvertisingFeaturedSaveButton:hover{background:#fed7d7;border-color:#feb2b2}.jobAdvertisingListingsSection{background:#fffffff2;margin:0 -1rem;padding:4rem 1rem}.jobAdvertisingTabContainer{background:#f7fafc;border-radius:12px;display:inline-flex;margin-top:1rem;padding:.5rem}.jobAdvertisingTab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.jobAdvertisingTabActive{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.jobAdvertisingTabCount{background:#fff3;border-radius:20px;font-size:.8rem;padding:.25rem .5rem}.jobAdvertisingListings{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}.jobAdvertisingCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 25px #00000014;padding:2rem;position:relative;transition:all .3s ease}.jobAdvertisingCardFeatured{background:linear-gradient(135deg,#fff,#f8faff);border:2px solid #667eea}.jobAdvertisingCard:hover{box-shadow:0 8px 35px #00000026;transform:translateY(-5px)}.jobAdvertisingCardHeader{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.jobAdvertisingCardInfo{flex:1 1}.jobAdvertisingCardTitleSection{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.jobAdvertisingCardTitle{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.jobAdvertisingFeaturedTag{background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.jobAdvertisingCardCompany{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.jobAdvertisingCardMeta{display:flex;flex-wrap:wrap;gap:.75rem}.jobAdvertisingCardMetaItem{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:.9rem;padding:.5rem 1rem}.jobAdvertisingCardActions{align-items:flex-start;display:flex;gap:.75rem}.jobAdvertisingApplyButton{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.jobAdvertisingApplyButton:hover{box-shadow:0 4px 15px #48bb784d;transform:translateY(-2px)}.jobAdvertisingSaveButton{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:.75rem;transition:all .3s ease}.jobAdvertisingSaveButton:hover{background:#fed7d7;border-color:#feb2b2}.jobAdvertisingDetailsButton{background:#0000;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.jobAdvertisingDetailsButton:hover{background:#667eea;color:#fff}.jobAdvertisingCardExpanded{animation:jobAdvertisingSlideDown .3s ease;border-top:2px solid #f1f5f9;margin-top:2rem;padding-top:2rem}@keyframes jobAdvertisingSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.jobAdvertisingExpandedContent{grid-gap:2rem;display:grid;gap:2rem}.jobAdvertisingExpandedSection h4{color:#1a202c;font-size:1.1rem;margin-bottom:1rem}.jobAdvertisingExpandedSection p{color:#4a5568;line-height:1.6}.jobAdvertisingRequirementsList{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;padding:0}.jobAdvertisingRequirementsList li{color:#4a5568;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.jobAdvertisingRequirementsList li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.jobAdvertisingBenefitsList{display:flex;flex-wrap:wrap;gap:.75rem}.jobAdvertisingBenefitTag{background:linear-gradient(135deg,#90cdf4,#4299e1);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.5rem 1rem}.jobAdvertisingCardFooter{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.jobAdvertisingFooterInfo{color:#64748b;display:flex;font-size:.9rem;gap:2rem}.jobAdvertisingFooterActions{align-items:center;display:flex;gap:1rem}.jobAdvertisingSaveJobButton,.jobAdvertisingShareButton{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.jobAdvertisingSaveJobButton:hover,.jobAdvertisingShareButton:hover{background:#edf2f7;border-color:#cbd5e0}.jobAdvertisingApplyButtonLarge{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.jobAdvertisingApplyButtonLarge:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.jobAdvertisingBenefitsSection{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;margin:0 -1rem;padding:4rem 1rem}.jobAdvertisingBenefitsGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.jobAdvertisingBenefitCard{background:#fff;border-radius:16px;box-shadow:0 4px 25px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.jobAdvertisingBenefitCard:hover{box-shadow:0 8px 35px #00000026;transform:translateY(-5px)}.jobAdvertisingBenefitIcon{font-size:3rem;margin-bottom:1rem}.jobAdvertisingBenefitCard h3{color:#1a202c;font-size:1.3rem;margin-bottom:1rem}.jobAdvertisingBenefitCard p{color:#4a5568;line-height:1.6}.jobAdvertisingCtaSection{padding:4rem 0;text-align:center}.jobAdvertisingCtaContent{margin:0 auto;max-width:600px}.jobAdvertisingCtaTitle{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.jobAdvertisingCtaText{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.jobAdvertisingCtaButtons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.jobAdvertisingCtaButtonPrimary{background:linear-gradient(135deg,#ffd89b,#19547b);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 2.5rem;transition:all .3s ease}.jobAdvertisingCtaButtonPrimary:hover{box-shadow:0 10px 30px #ffd89b4d;transform:translateY(-2px)}.jobAdvertisingCtaButtonSecondary{background:#0000;border:2px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 2.5rem;transition:all .3s ease}.jobAdvertisingCtaButtonSecondary:hover{background:#ffffff1a;border-color:#ffffff80}.jobAdvertisingEmptyState{background:#fff;border-radius:20px;box-shadow:0 4px 25px #0000001a;padding:4rem 2rem;text-align:center}.jobAdvertisingEmptyIllustration{font-size:4rem;margin-bottom:1.5rem}.jobAdvertisingEmptyState h3{color:#1a202c;font-size:1.5rem;margin-bottom:1rem}.jobAdvertisingEmptyState p{color:#64748b;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}.jobAdvertisingResetButton{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.jobAdvertisingResetButton:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.jobAdvertisingHeroContent{gap:2rem;grid-template-columns:1fr;text-align:center}.jobAdvertisingMainTitle{font-size:2.5rem}.jobAdvertisingHeroStats{justify-content:center}.jobAdvertisingSearchBox{flex-direction:column}.jobAdvertisingCardHeader{flex-direction:column;gap:1.5rem}.jobAdvertisingCardActions{justify-content:stretch;width:100%}.jobAdvertisingCardActions button{flex:1 1}.jobAdvertisingCardFooter{flex-direction:column;gap:1.5rem;text-align:center}.jobAdvertisingFooterInfo{flex-direction:column;gap:1rem}.jobAdvertisingFooterActions{flex-direction:column;width:100%}.jobAdvertisingCtaButtons{flex-direction:column}}@media (max-width:480px){.jobAdvertisingContainer{padding:0 .5rem}.jobAdvertisingSearchSection{padding:2rem 1rem}.jobAdvertisingFeaturedGrid,.jobAdvertisingFilterGrid{grid-template-columns:1fr}}:root{--bg-gray:#e5e7eb}body{background:#fff;background:var(--bg-white);overflow-x:hidden}.text-red{color:#c62828!important;color:var(--primary-color)!important}.text-black{color:#1e2330!important;color:var(--text-dark)!important}.text-white{color:#fff!important;color:var(--bg-white)!important}.bg-red{background:#c62828!important;background:var(--primary-color)!important}.bg-white{background:#fff!important;background:var(--bg-white)!important}.bg-light-red{background:#c628281a!important;background:var(--primary-light)!important}.bg-gray{background:#e5e7eb!important;background:var(--bg-gray)!important}.bg-green{background:#10b981!important;background:var(--success)!important}.bg-orange{background:#f59e0b!important;background:var(--warning)!important}.border-red{border-color:#c62828!important;border-color:var(--primary-color)!important}.border-bottom-red{border-bottom-color:#c62828!important;border-bottom-color:var(--primary-color)!important}.border-top-red{border-top-color:#c62828!important;border-top-color:var(--primary-color)!important}.validity-check-container{align-items:center;background:linear-gradient(135deg,#c628281a,#fff);background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-white) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.validity-check{animation:slideUp .5s ease;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-width:800px;padding:3rem;text-align:center;width:100%}.validity-check.loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-spinner{animation:spin .8s linear infinite;border:5px solid #c628281a;border:5px solid var(--primary-light);border-top-color:var(--primary-color)}.validity-check p{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:600}.status-icon{margin-bottom:1.5rem}.icon-red{animation:bounce 2s infinite;display:inline-block;font-size:5rem}.validity-check h2{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.validity-check .message{font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.validity-dates{background:#c628281a;background:var(--primary-light);border-left:4px solid #c62828;border-left:4px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.date-info{font-size:1rem;margin-bottom:.75rem}.date-info:last-child{margin-bottom:0}.date-info strong{font-weight:800}.countdown-timer{background:linear-gradient(135deg,#c628281a,#f9fafb);background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-light) 100%);border:2px solid #c62828;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:2rem}.countdown-timer h3{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.timer-display{gap:1rem;justify-content:center;margin-bottom:1rem}.time-unit,.timer-display{align-items:center;display:flex}.time-unit{border-radius:10px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);flex-direction:column;min-width:80px;padding:1.5rem 1rem}.time-value{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.time-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.time-separator{font-size:2rem;font-weight:800}.timer-message{font-size:.9375rem;font-style:italic;margin-top:1rem}.validity-check .instructions{background:#f9fafb;background:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem;text-align:left}.validity-check .instructions h3{font-size:1.25rem;font-weight:800;margin-bottom:1rem}.validity-check .instructions ul{list-style:none;padding:0}.validity-check .instructions li{font-size:.9375rem;line-height:1.6;padding:.5rem 0}.contact-info{background:#f9fafb;background:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.contact-info p{font-size:.9375rem;margin-bottom:.75rem}.creator-info{font-weight:600}.troubleshooting{background:#f9fafb;background:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem;text-align:left}.troubleshooting h3{font-size:1.25rem;font-weight:800;margin-bottom:1rem}.troubleshooting ul{list-style:none;padding:0}.troubleshooting li{font-size:.9375rem;padding:.5rem 0}.action-buttons{margin-top:2rem}.close-btn,.home-btn,.print-btn{border:none;border-radius:10px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.close-btn:hover,.home-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.camera-setup-page,.candidate-info-page,.instructions-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.camera-container,.info-container,.instructions-container{animation:fadeIn .5s ease;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-width:900px;padding:3rem;width:100%}.camera-container h2,.info-container h2,.instructions-container h2{font-size:2rem;font-weight:800;margin-bottom:1rem;text-align:center}.assessment-overview{background:#c628281a;background:var(--primary-light);border-left:4px solid #c62828;border-left:4px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.assessment-overview h3{font-size:1.5rem;font-weight:800;margin-bottom:1rem}.assessment-overview p{font-size:1rem;margin-bottom:.5rem}.instructions-list{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.instruction-item{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:1.5rem;padding:1.5rem}.instruction-item.important{border-color:#c62828;border-color:var(--primary-color);border-width:3px}.instruction-item .icon{flex-shrink:0;font-size:2rem}.instruction-item .content{flex:1 1}.instruction-item h4{font-size:1.125rem;font-weight:800;margin-bottom:.75rem}.instruction-item ul{list-style:none;padding:0}.instruction-item li{font-size:.9375rem;line-height:1.6;padding:.375rem 0}.test-camera-section{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;text-align:center}.test-camera-section h4{font-size:1.125rem;font-weight:800;margin-bottom:.75rem}.test-camera-btn{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;margin-top:1rem;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.test-camera-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.instructions-agreement{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.agreement-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:1rem}.agreement-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:24px;margin-top:.25rem;width:24px}.agreement-checkbox span{font-size:.9375rem;line-height:1.6}.instructions-actions{margin-top:2rem;text-align:center}.start-assessment-btn{border:none;border-radius:10px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);cursor:pointer;font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:800;padding:1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.start-assessment-btn:not(:disabled):hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.start-assessment-btn:disabled{cursor:not-allowed;opacity:.5}.info-container p{font-size:1rem;margin-bottom:2rem;text-align:center}.info-form{margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;font-family:Raleway,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 3px #c628281a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.back-btn,.continue-btn{border:2px solid #0000;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-btn{border-color:#c62828;border-color:var(--primary-color)}.back-btn:hover,.continue-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.camera-container p{font-size:1rem;margin-bottom:2rem;text-align:center}.camera-preview{background:#1e2330;background:var(--text-dark);border:3px solid #e5e7eb;border:3px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);height:480px;margin:2rem auto;max-width:640px;overflow:hidden;position:relative;width:100%}.camera-feed{height:100%;object-fit:cover;width:100%}.camera-placeholder{align-items:center;background:#f9fafb;background:var(--bg-light);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.camera-icon{font-size:4rem}.camera-error{background:#c628281a;background:var(--primary-light);border-radius:8px;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.camera-error-message{border-radius:12px;border-radius:var(--border-radius);font-size:.9375rem;margin:1rem 0;padding:1rem}.camera-controls{margin:2rem 0}.control-group{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.control-btn{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.control-btn:hover:not(:disabled){box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn.secondary{border:2px solid #c62828;border:2px solid var(--primary-color)}.permission-status{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.status-item{align-items:center;background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-item.active{background:#c628281a;background:var(--primary-light);border-color:#c62828;border-color:var(--primary-color)}.status-icon{font-size:1.25rem}.camera-troubleshooting{border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.camera-troubleshooting h4{font-size:1.125rem;font-weight:800;margin-bottom:1rem}.camera-troubleshooting ul{list-style:none;padding:0}.camera-troubleshooting li{font-size:.9375rem;padding:.375rem 0}.camera-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.assessment-page-with-camera{display:flex;flex-direction:column;min-height:100vh}.warnings-container{animation:slideDown .3s ease;border-bottom:2px solid #c62828;border-bottom:2px solid var(--primary-color);padding:1rem 2rem}.warnings-header{align-items:center;display:flex;font-weight:800;justify-content:space-between;margin-bottom:.75rem}.violation-count{border-radius:20px;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.warnings-list{display:flex;flex-direction:column;gap:.5rem}.warning-item{border-left:3px solid #c62828;border-left:3px solid var(--primary-color);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem}.warning-time{font-weight:600;margin-right:1rem}.assessment-layout{display:flex;flex:1 1;min-height:calc(100vh - 60px)}.assessment-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.assessment-header{align-items:flex-start;background:linear-gradient(135deg,#c628281a,#fff);background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-white) 100%);border-bottom:3px solid #c62828;border-bottom:3px solid var(--primary-color);display:flex;justify-content:space-between;padding:2rem}.assessment-info h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem}.candidate-details{display:flex;flex-wrap:wrap;font-size:.9375rem;gap:2rem}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.timer{border-radius:10px;min-width:180px;padding:1rem 1.5rem;text-align:center}.timer-display{font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.timer-label{font-size:.75rem;font-weight:700;text-transform:uppercase}.camera-indicator{text-align:center}.camera-status{border-radius:20px;font-size:.875rem;font-weight:700;padding:.5rem 1rem}.progress-bar{height:6px;position:relative}.question-nav{background:#f9fafb;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;padding:1rem 2rem}.question-nav .nav-btn{border:2px solid #0000;border-radius:10px;cursor:pointer;flex-shrink:0;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;height:50px;min-width:50px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.question-nav .nav-btn:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.question-section{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin:2rem;padding:2rem}.question-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.question-header h3{flex:1 1;font-size:1.25rem;font-weight:800}.difficulty,.question-category,.question-type{border-radius:20px;font-size:.75rem;font-weight:700;padding:.375rem .875rem;text-transform:uppercase}.question-content{margin-top:2rem}.question-text{font-size:1.125rem;font-weight:600;line-height:1.8;margin-bottom:2rem}.options{flex-direction:column}.option,.options{display:flex;gap:1rem}.option{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.option:hover{background:#c628281a;background:var(--primary-light);border-color:#c62828;border-color:var(--primary-color)}.option input[type=radio]{cursor:pointer;height:20px;width:20px}.option-text{font-size:1rem;line-height:1.6}.coding-area,.text-answer{margin-top:1rem}.coding-header,.text-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:1rem}.time-limit{border-radius:20px;font-size:.75rem;padding:.375rem .875rem}.code-editor,.text-area{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;font-family:Courier New,monospace;font-size:.9375rem;padding:1rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.code-editor:focus,.text-area:focus{border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 3px #c628281a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.question-navigation{align-items:center;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.question-navigation .nav-btn{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.question-navigation .nav-btn:hover:not(:disabled){box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.question-navigation .nav-btn:disabled{cursor:not-allowed;opacity:.5}.question-counter{border-radius:20px;font-size:1.125rem;font-weight:800;padding:.75rem 1.5rem}.assessment-footer{border-top:2px solid #c62828;border-top:2px solid var(--primary-color);margin-top:auto;padding:1.5rem 2rem}.footer-content{display:flex;flex-direction:column;gap:.75rem}.proctoring-info p,.warning-messages p{font-size:.9375rem;margin:0}.camera-feed-sidebar{border-left:2px solid #e5e7eb;border-left:2px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;width:320px}.camera-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);padding:1rem}.camera-header h4{font-size:1rem;font-weight:800;margin-bottom:.5rem}.face-status{border-radius:20px;font-size:.75rem;font-weight:700;padding:.375rem .875rem;text-align:center}.camera-feed-container{background:#1e2330;background:var(--text-dark);flex:1 1;position:relative}.live-camera-feed{height:100%;object-fit:cover;width:100%}.camera-off-overlay{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.camera-off-icon{font-size:4rem}.face-warning-overlay{animation:pulse 1s infinite;bottom:0;font-size:.875rem;font-weight:700;left:0;padding:1rem;position:absolute;right:0;text-align:center}.camera-footer{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);padding:1rem;text-align:center}.camera-footer p{font-size:.75rem;margin:0}.camera-error-small{font-size:.75rem;margin-top:.5rem}.assessment-submitted{background:linear-gradient(135deg,#c628281a,#fff);background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-white) 100%);flex-direction:column;min-height:100vh;padding:2rem;text-align:center}.assessment-submitted,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{border-radius:50%;font-size:3rem;height:100px;margin:0 auto 2rem;width:100px}.assessment-submitted h2{font-size:2.5rem;font-weight:800;margin-bottom:2rem}.submission-info{margin:0 auto 2rem;max-width:600px}.submission-info p{font-size:1.125rem;line-height:1.6;margin-bottom:1rem}.email-confirmation{background:#c628281a;background:var(--primary-light);border-left:4px solid #c62828;border-left:4px solid var(--primary-color);padding:1rem}.candidate-details-summary,.email-confirmation{border-radius:12px;border-radius:var(--border-radius)}.candidate-details-summary{margin:2rem auto;max-width:700px;padding:2rem;text-align:left;width:100%}.candidate-details-summary h3{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center}.details-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}.details-grid div{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.details-grid div,.next-steps{background:#fff;background:var(--bg-white)}.next-steps{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin:2rem auto;max-width:600px;padding:2rem;text-align:left}.next-steps h3{font-size:1.5rem;font-weight:800;margin-bottom:1rem}.next-steps ul{list-style:none;padding:0}.next-steps li{font-size:1rem;line-height:1.6;padding:.5rem 0}.no-questions-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-container{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-width:600px;padding:3rem;text-align:center;width:100%}.error-icon{font-size:5rem;margin-bottom:1.5rem}.error-container h2{font-size:2rem;font-weight:800;margin-bottom:1rem}.error-container p{font-size:1.125rem;line-height:1.6;margin-bottom:1rem}@media (max-width:1200px){.assessment-layout{flex-direction:column}.camera-feed-sidebar{border-left:none;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);max-height:400px;width:100%}}@media (max-width:768px){.validity-check{padding:2rem 1.5rem}.validity-check h2{font-size:1.5rem}.icon-red{font-size:4rem}.timer-display{flex-wrap:wrap;gap:.5rem}.time-unit{min-width:70px;padding:1rem .75rem}.time-value{font-size:2rem}.camera-container,.info-container,.instructions-container{padding:2rem 1.5rem}.camera-container h2,.info-container h2,.instructions-container h2{font-size:1.5rem}.instruction-item{flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}.camera-actions,.info-actions{flex-direction:column}.back-btn,.continue-btn{width:100%}.camera-preview{height:360px}.assessment-header{flex-direction:column;gap:1.5rem}.header-right{align-items:stretch;width:100%}.timer{width:100%}.candidate-details{flex-direction:column;gap:.5rem}.question-nav{padding:1rem}.question-section{margin:1rem;padding:1.5rem}.question-header{align-items:flex-start;flex-direction:column}.question-navigation{flex-direction:column;gap:1rem}.question-navigation .nav-btn{width:100%}.details-grid{grid-template-columns:1fr}}@media (max-width:480px){.validity-check{padding:1.5rem 1rem}.validity-check h2{font-size:1.25rem}.icon-red{font-size:3rem}.time-unit{min-width:60px;padding:.75rem .5rem}.time-value{font-size:1.75rem}.time-label{font-size:.625rem}.camera-container,.info-container,.instructions-container{padding:1.5rem 1rem}.assessment-overview h3,.camera-container h2,.info-container h2,.instructions-container h2{font-size:1.25rem}.camera-preview{height:280px}.control-group{flex-direction:column}.control-btn{width:100%}.permission-status{flex-direction:column;gap:.5rem}.status-item{width:100%}.assessment-info h1{font-size:1.25rem}.timer-display{font-size:1.5rem}.question-nav .nav-btn{font-size:.875rem;height:40px;min-width:40px}.question-section{padding:1rem}.question-text{font-size:1rem}.assessment-submitted h2{font-size:1.75rem}.submission-info p{font-size:1rem}.candidate-details-summary,.next-steps{padding:1.5rem}}@media print{.action-buttons button:not(.print-btn),.assessment-footer,.camera-feed-sidebar,.camera-indicator,.question-nav,.question-navigation,.warnings-container{display:none}.assessment-container,.validity-check-container{padding:0}.assessment-layout{flex-direction:column}.assessment-main{width:100%}body{background:#fff}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c62828;outline:3px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.camera-container,.info-container,.instructions-container,.question-section,.validity-check{border-width:3px}}.performance-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.performance-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.performance-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.performance-floating-shape{animation:performance-float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.performance-shape-1{height:300px;right:-100px;top:-150px;width:300px}.performance-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.performance-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.performance-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.performance-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.performance-gradient-orb{animation:performance-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.performance-orb-1{height:400px;right:-200px;top:-200px;width:400px}.performance-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.performance-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.performance-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.performance-svg-path-1{animation:performance-svgFloat 25s ease-in-out infinite}.performance-svg-path-2{animation:performance-svgFloat 30s ease-in-out infinite reverse}.performance-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.performance-hero-section.performance-visible{opacity:1;transform:translateY(0)}.performance-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.performance-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.performance-badge-dot{animation:performance-pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.performance-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.performance-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.performance-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.performance-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.performance-btn-primary,.performance-btn-secondary,.performance-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.performance-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.performance-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.performance-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.performance-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.performance-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.performance-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.performance-btn-icon{font-size:12px}.performance-btn-large{font-size:18px;padding:18px 40px}.performance-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.performance-stat{text-align:left}.performance-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.performance-stat-label{color:#6b7280;font-size:14px;font-weight:500}.performance-hero-visual{height:600px;position:relative}.performance-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026;height:100%;overflow:hidden;position:relative}.performance-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;height:100%;overflow:hidden;position:relative}.performance-hero-image{height:100%;object-fit:cover;width:100%}.performance-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.performance-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.performance-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.performance-glass-content p{color:#fffc;font-size:1rem}.performance-floating-card{align-items:center;animation:performance-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.performance-card-1{animation-delay:0s;left:-60px;top:10%}.performance-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.performance-card-3{animation-delay:-4s;bottom:20%;left:-40px}.performance-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.performance-card-content{display:flex;flex-direction:column}.performance-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.performance-card-text{color:#6b7280;font-size:14px}.performance-card-progress{animation:performance-progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.performance-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.performance-scroll-line{animation:performance-scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.performance-features-section{background:#ffffff80;padding:120px 5%}.performance-section-content{margin:0 auto;max-width:1400px}.performance-section-header{margin-bottom:80px;text-align:center}.performance-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.performance-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.performance-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.performance-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.performance-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.performance-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.performance-feature-card:hover:before{left:100%}.performance-feature-card.performance-active,.performance-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.performance-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.performance-feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.performance-feature-glow{animation:performance-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.performance-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.performance-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.performance-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.performance-feature-card:hover .performance-feature-arrow{opacity:1;transform:translateX(0)}.performance-journey-section{background:linear-gradient(135deg,#fff,#fff);margin-top:-150px;padding:120px 5%}.performance-timeline{margin:0 auto;max-width:1000px;position:relative}.performance-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.performance-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.performance-timeline-item:nth-child(odd){flex-direction:row-reverse}.performance-timeline-item:nth-child(odd) .performance-timeline-content{margin-left:0;margin-right:60px;text-align:right}.performance-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.performance-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.performance-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.performance-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.performance-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.performance-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.performance-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.performance-timeline-steps{grid-gap:12px;display:grid;gap:12px}.performance-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.performance-step-check{color:#10b981;font-weight:600}.performance-progress-section{background:#ffffff80;padding:120px 5%}.performance-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.performance-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.performance-dashboard-header{align-items:center;display:flex;justify-content:between;margin-bottom:30px}.performance-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.performance-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.performance-progress-stats{margin-bottom:30px}.performance-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.performance-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.performance-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.performance-progress-glow{animation:performance-progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.performance-progress-items{grid-gap:20px;display:grid;gap:20px}.performance-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.performance-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.performance-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.performance-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.performance-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.performance-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.performance-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.performance-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.performance-integration-orb{animation:performance-float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.performance-integration-orb-1{animation-delay:0s;left:10%;top:20%}.performance-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.performance-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.performance-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.performance-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.performance-cta-orb{animation:performance-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.performance-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.performance-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.performance-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.performance-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.performance-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.performance-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.performance-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.performance-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.performance-cta-stat{color:#ffffffe6;font-size:14px}.performance-cta-stat strong{color:#fff;font-weight:600}.performance-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.performance-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.performance-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.performance-video-popup-close:hover{background:#000000b3}.performance-video-container{height:0;padding-bottom:56.25%;position:relative}.performance-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.performance-video-popup-info{padding:30px;text-align:center}.performance-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.performance-video-popup-info p{color:#6b7280;line-height:1.6}.performance-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.performance-feature-point{align-items:flex-start;display:flex;gap:16px}.performance-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.performance-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.performance-feature-point p{color:#6b7280;line-height:1.5}.performance-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.performance-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.performance-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes performance-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes performance-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes performance-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes performance-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes performance-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes performance-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes performance-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.performance-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.performance-features-grid,.performance-hero-stats{grid-template-columns:repeat(2,1fr)}.performance-reversed{gap:60px;grid-template-columns:1fr}.performance-timeline:before{left:30px}.performance-timeline-item{flex-direction:row!important}.performance-timeline-marker{left:30px}.performance-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.performance-hero-title{font-size:2.5rem}.performance-section-header h2{font-size:2rem}.performance-features-grid{grid-template-columns:1fr}.performance-integration-grid{grid-template-columns:repeat(3,1fr)}.performance-cta-stats{grid-template-columns:repeat(2,1fr)}.performance-cta-buttons,.performance-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.performance-hero-title{font-size:2rem}.performance-integration-grid{grid-template-columns:repeat(2,1fr)}.performance-cta-stats{grid-template-columns:1fr}.performance-floating-card{margin-bottom:20px;position:relative}.performance-card-1,.performance-card-2,.performance-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.hrcopilot-performance-section{background:linear-gradient(135deg,#0a0f1e,#1a1f35);overflow:hidden;padding:100px 20px;position:relative}.hrcopilot-performance-section:before{animation:hrcopilot-float 20s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:500px;position:absolute;right:-20%;top:-50%;width:500px}.hrcopilot-performance-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hrcopilot-performance-reversed{direction:ltr}.hrcopilot-performance-reversed .hrcopilot-performance-visual{order:2}.hrcopilot-performance-reversed .hrcopilot-performance-text{order:1}.hrcopilot-performance-dashboard{animation:hrcopilot-slide-in .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:32px}.hrcopilot-dashboard-header{align-items:center;margin-bottom:28px}.hrcopilot-header-left{align-items:center;display:flex;gap:12px}.hrcopilot-ai-indicator{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:20px;color:#c4b5fd;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.hrcopilot-ai-pulse{animation:hrcopilot-pulse 2s ease-in-out infinite;background:#a78bfa;border-radius:50%;height:6px;width:6px}.hrcopilot-dashboard-header h4{color:#fff;font-size:20px;margin:0}.hrcopilot-live-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;color:#86efac;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.hrcopilot-live-dot{animation:hrcopilot-blink 2s ease-in-out infinite;background:#22c55e}.hrcopilot-primary-metric{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid #6366f133;border-radius:16px;margin-bottom:24px;padding:24px}.hrcopilot-metric-label{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.hrcopilot-metric-trend{animation:hrcopilot-trend-pulse 2s ease-in-out infinite;color:#22c55e;font-size:14px}.hrcopilot-metric-value{-webkit-text-fill-color:#0000;animation:hrcopilot-value-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;font-size:42px;margin-bottom:12px}.hrcopilot-progress-track{background:#ffffff0d;border-radius:10px;height:8px;overflow:hidden;position:relative}.hrcopilot-progress-fill{animation:hrcopilot-progress-grow 1.5s ease-out;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.hrcopilot-progress-glow{animation:hrcopilot-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.hrcopilot-progress-shimmer{animation:hrcopilot-rotate 4s linear infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hrcopilot-ai-recommendation{animation:hrcopilot-suggestion-appear 1s ease-out .5s both;background:#3b82f614;border:1px solid #3b82f633;border-left:3px solid #3b82f6;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.hrcopilot-recommendation-icon{animation:hrcopilot-bounce 2s ease-in-out infinite;font-size:20px}.hrcopilot-recommendation-content{color:#e2e8f0;flex:1 1;font-size:13px;line-height:1.6}.hrcopilot-recommendation-content strong{color:#93c5fd;font-weight:600}.hrcopilot-metrics-grid{grid-gap:12px;gap:12px}.hrcopilot-metric-card{animation:hrcopilot-card-appear .6s ease-out both;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .3s ease}.hrcopilot-metric-card:hover{background:#ffffff0a;border-color:#6366f14d;box-shadow:0 8px 20px #6366f133;transform:translateY(-2px)}.hrcopilot-metric-header{margin-bottom:10px}.hrcopilot-metric-name{color:#cbd5e1;font-size:13px}.hrcopilot-metric-percent{color:#a78bfa;font-size:16px;font-weight:700}.hrcopilot-mini-track{background:#ffffff0d;border-radius:4px;height:4px;overflow:hidden}.hrcopilot-mini-fill{animation:hrcopilot-progress-grow 1s ease-out;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;transition:width .6s ease}.hrcopilot-performance-text{color:#fff}.hrcopilot-section-badge{align-items:center;animation:hrcopilot-badge-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f14d;border-radius:30px;color:#c4b5fd;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:20px;padding:8px 18px;text-transform:uppercase}.hrcopilot-badge-icon{animation:hrcopilot-icon-spin 10s linear infinite;font-size:16px}.hrcopilot-performance-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:42px;font-weight:800;line-height:1.2;margin:0 0 20px}.hrcopilot-section-description{color:#94a3b8;font-size:17px;line-height:1.7;margin-bottom:36px}.hrcopilot-feature-list{display:flex;flex-direction:column;gap:24px}.hrcopilot-feature-point{animation:hrcopilot-feature-slide .6s ease-out both;display:flex;gap:16px}.hrcopilot-feature-point:first-child{animation-delay:.1s}.hrcopilot-feature-point:nth-child(2){animation-delay:.2s}.hrcopilot-feature-point:nth-child(3){animation-delay:.3s}.hrcopilot-feature-point:nth-child(4){animation-delay:.4s}.hrcopilot-point-icon{flex-shrink:0}.hrcopilot-icon-bg{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.hrcopilot-feature-point:hover .hrcopilot-icon-bg{box-shadow:0 10px 30px #6366f14d;transform:scale(1.1) rotate(5deg)}.hrcopilot-feature-point h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 6px}.hrcopilot-feature-point p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.hrcopilot-integration-section{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);padding:120px 5%}.hrcopilot-integration-section:before{background:radial-gradient(circle at 20% 50%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 50%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hrcopilot-integration-container{z-index:1}.hrcopilot-integration-reversed{direction:ltr}.hrcopilot-integration-content{animation:hrcopilot-fade-in-left .8s ease-out}.hrcopilot-integration-badge{animation:hrcopilot-badge-pulse 2s ease-in-out infinite;background:#6366f11a;border:1px solid #6366f14d;color:#a5b4fc;font-weight:500;padding:8px 20px}.hrcopilot-badge-dot{animation:hrcopilot-dot-pulse 1.5s ease-in-out infinite;background:#6366f1;box-shadow:0 0 10px #6366f1cc}.hrcopilot-integration-heading{color:#fff;font-size:48px;font-weight:700;line-height:1.2}.hrcopilot-heading-gradient{animation:hrcopilot-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef)}.hrcopilot-integration-description{color:#cbd5e1;font-size:18px;line-height:1.8;margin-bottom:32px;max-width:580px}.hrcopilot-features-row{margin-bottom:40px}.hrcopilot-feature-pill{background:#1e293b99;border:1px solid #6366f133;color:#e2e8f0;font-weight:500;padding:10px 20px;transition:all .3s ease}.hrcopilot-feature-pill:hover{background:#6366f126;border-color:#6366f180;box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.hrcopilot-integrations-grid{grid-template-columns:repeat(4,1fr);margin-bottom:40px}.hrcopilot-integration-card{animation:hrcopilot-card-fade-in .6s ease-out backwards;background:#1e293b66;border:1px solid #6366f133;border-radius:16px;padding:20px;transition:all .4s ease}.hrcopilot-integration-card:hover{background:#1e293b99;border-color:#6366f180;transform:translateY(-4px)}.hrcopilot-integration-card:hover .hrcopilot-card-glow{opacity:1}.hrcopilot-card-glow{background:radial-gradient(circle,#6366f133 0,#0000 70%);height:200%;left:-50%;pointer-events:none;top:-50%;width:200%}.hrcopilot-integration-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f14d;font-size:24px;height:48px;transition:transform .3s ease;width:48px}.hrcopilot-integration-name{color:#e2e8f0;font-size:14px}.hrcopilot-connection-pulse{animation:hrcopilot-connection-pulse 2s ease-in-out infinite;background:#6366f1;bottom:0;height:4px;left:50%;opacity:0;transform:translateX(-50%);width:4px}.hrcopilot-integration-card:hover .hrcopilot-connection-pulse{opacity:1}.hrcopilot-integration-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 20px #6366f14d;transition:all .3s ease}.hrcopilot-integration-cta:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.hrcopilot-cta-arrow{font-size:20px}.hrcopilot-integration-cta:hover .hrcopilot-cta-arrow{transform:translateX(4px)}.hrcopilot-performance-cta{background:linear-gradient(180deg,#0a0e27,#1a1f3a);overflow:hidden;padding:120px 20px;position:relative}.hrcopilot-cta-background{inset:0;pointer-events:none;position:absolute}.hrcopilot-cta-glow{animation:hrcopilot-cta-float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.hrcopilot-glow-primary{animation-delay:0s;background:radial-gradient(circle,#6366f1 0,#0000 70%);height:500px;right:-150px;top:-250px;width:500px}.hrcopilot-glow-secondary{animation-delay:4s;background:radial-gradient(circle,#8b5cf6 0,#0000 70%);bottom:-200px;height:400px;left:-100px;width:400px}.hrcopilot-cta-grid{background-image:linear-gradient(#6366f11a 1px,#0000 0),linear-gradient(90deg,#6366f11a 1px,#0000 0);background-size:50px 50px;inset:0;opacity:.3;position:absolute}.hrcopilot-cta-container{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:1}.hrcopilot-cta-header{margin-bottom:48px}.hrcopilot-cta-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f126;border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 20px;transition:all .3s ease}.hrcopilot-cta-badge:hover{background:#6366f140;border-color:#6366f180;transform:translateY(-2px)}.hrcopilot-badge-icon{animation:hrcopilot-pulse 2s ease-in-out infinite}.hrcopilot-cta-title{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.hrcopilot-cta-gradient{-webkit-text-fill-color:#0000;animation:hrcopilot-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hrcopilot-cta-description{color:#cbd5e1;font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.hrcopilot-cta-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:56px}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hrcopilot-cta-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 30px #6366f166;color:#fff}.hrcopilot-cta-primary:before{background:linear-gradient(135deg,#8b5cf6,#ec4899);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.hrcopilot-cta-primary:hover{box-shadow:0 15px 40px #6366f180;transform:translateY(-2px)}.hrcopilot-cta-primary:hover:before{opacity:1}.hrcopilot-cta-primary .hrcopilot-cta-arrow,.hrcopilot-cta-primary .hrcopilot-cta-label{position:relative;z-index:1}.hrcopilot-cta-primary:hover .hrcopilot-cta-arrow{transform:translateX(4px)}.hrcopilot-cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.hrcopilot-cta-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hrcopilot-play-icon{align-items:center;background:#6366f133;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.hrcopilot-cta-secondary:hover .hrcopilot-play-icon{background:#6366f166;transform:scale(1.1)}.hrcopilot-trust-badges{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:800px}.hrcopilot-trust-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;padding:20px;transition:all .3s ease}.hrcopilot-trust-item:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-2px)}.hrcopilot-trust-icon{align-items:center;display:flex;font-size:24px;justify-content:center;min-width:32px}.hrcopilot-trust-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.hrcopilot-trust-content strong{color:#fff;font-size:16px;font-weight:700;line-height:1.3}.hrcopilot-trust-content span{color:#94a3b8;font-size:13px;line-height:1.4}@keyframes hrcopilot-float{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes hrcopilot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes hrcopilot-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes hrcopilot-slide-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-trend-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes hrcopilot-value-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes hrcopilot-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hrcopilot-suggestion-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hrcopilot-card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hrcopilot-badge-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 30px #a855f74d}}@keyframes hrcopilot-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hrcopilot-feature-slide{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-fade-in-left{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes hrcopilot-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes hrcopilot-card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilot-connection-pulse{0%,to{opacity:0;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(2)}}@keyframes hrcopilot-cta-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}@media (max-width:968px){.hrcopilot-performance-content{gap:50px;grid-template-columns:1fr}.hrcopilot-performance-reversed .hrcopilot-performance-text,.hrcopilot-performance-reversed .hrcopilot-performance-visual{order:0}.hrcopilot-performance-text h2{font-size:32px}.hrcopilot-metrics-grid{grid-template-columns:1fr}}@media (max-width:1024px){.hrcopilot-integration-container{gap:60px;grid-template-columns:1fr}.hrcopilot-integration-heading{font-size:40px}.hrcopilot-integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hrcopilot-integration-section,.hrcopilot-performance-cta,.hrcopilot-performance-section{padding:80px 5%}.hrcopilot-cta-title,.hrcopilot-integration-heading,.hrcopilot-performance-text h2{font-size:32px}.hrcopilot-cta-description,.hrcopilot-integration-description,.hrcopilot-section-description{font-size:16px}.hrcopilot-integrations-grid{grid-template-columns:repeat(2,1fr)}.hrcopilot-features-row{gap:8px}.hrcopilot-feature-pill{font-size:13px;padding:8px 16px}.hrcopilot-cta-actions{flex-direction:column;width:100%}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{justify-content:center;width:100%}.hrcopilot-trust-badges{gap:16px;grid-template-columns:1fr}.hrcopilot-glow-primary,.hrcopilot-glow-secondary{height:300px;width:300px}}@media (max-width:480px){.hrcopilot-cta-title,.hrcopilot-integration-heading,.hrcopilot-performance-text h2{font-size:28px}.hrcopilot-cta-badge,.hrcopilot-integration-badge,.hrcopilot-section-badge{font-size:12px;padding:6px 16px}.hrcopilot-cta-primary,.hrcopilot-cta-secondary{font-size:15px;padding:14px 24px}.hrcopilot-integrations-grid{grid-template-columns:1fr}}.hrcopilot-journey-section{background:linear-gradient(135deg,#0f0f23,#1a1a3e);overflow:hidden;padding:120px 20px;position:relative}.hrcopilot-journey-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hrcopilot-journey-bg-orb{animation:hrcopilot-journey-float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.hrcopilot-journey-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:-100px;top:-100px;width:400px}.hrcopilot-journey-orb-2{animation-delay:7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:500px;right:-150px;width:500px}.hrcopilot-journey-orb-3{animation-delay:14s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:350px;right:10%;top:50%;width:350px}@keyframes hrcopilot-journey-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hrcopilot-journey-header{animation:hrcopilot-journey-fadeInUp .8s ease-out}.hrcopilot-journey-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #8b5cf64d;border-radius:50px;color:#a78bfa;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 20px}.hrcopilot-journey-badge-icon{animation:hrcopilot-journey-sparkle 2s infinite}@keyframes hrcopilot-journey-sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.hrcopilot-journey-title{color:#fff;font-size:56px;font-weight:800;line-height:1.2;margin:0 0 20px}.hrcopilot-journey-gradient-text{-webkit-text-fill-color:#0000;animation:hrcopilot-journey-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes hrcopilot-journey-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hrcopilot-journey-subtitle{color:#94a3b8;font-size:20px}.hrcopilot-journey-timeline{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:80px}.hrcopilot-journey-card{animation:hrcopilot-journey-fadeInUp .8s ease-out backwards;position:relative}@keyframes hrcopilot-journey-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrcopilot-journey-card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3c99;border:1px solid #8b5cf633;border-radius:24px;height:100%;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrcopilot-journey-card-inner:hover{border-color:#8b5cf680;box-shadow:0 20px 60px #8b5cf64d;transform:translateY(-8px)}.hrcopilot-journey-phase-badge{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #8b5cf64d;border-radius:50px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;margin-bottom:20px;padding:6px 16px}.hrcopilot-journey-phase-number{color:#a78bfa;font-size:14px}.hrcopilot-journey-phase-name{color:#e0e7ff;letter-spacing:.5px;text-transform:uppercase}.hrcopilot-journey-icon-wrapper{height:64px;margin-bottom:20px;position:relative;width:64px}.hrcopilot-journey-icon-bg{animation:hrcopilot-journey-icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;inset:0;position:absolute}@keyframes hrcopilot-journey-icon-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hrcopilot-journey-icon{align-items:center;display:flex;font-size:28px;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.hrcopilot-journey-time{align-items:center;color:#60a5fa;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.hrcopilot-journey-card-title{color:#fff;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 20px}.hrcopilot-journey-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.hrcopilot-journey-step-item{align-items:flex-start;color:#cbd5e1;display:flex;font-size:14px;gap:12px;line-height:1.6;transition:all .3s ease}.hrcopilot-journey-card-inner:hover .hrcopilot-journey-step-item{transform:translateX(4px)}.hrcopilot-journey-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-top:2px;width:20px}.hrcopilot-ai-insight{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px}.hrcopilot-ai-icon{font-size:14px}.hrcopilot-ai-text{font-size:12px}.hrcopilot-journey-stats{grid-gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3c66;border:1px solid #8b5cf633;border-radius:20px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:40px}.hrcopilot-journey-stat{animation:hrcopilot-journey-fadeInUp .8s ease-out .6s backwards;text-align:center}.hrcopilot-journey-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1;margin-bottom:8px}.hrcopilot-journey-stat-label{color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrcopilot-journey-grid-overlay{animation:hrcopilot-gridMove 20s linear infinite;background:linear-gradient(90deg,#6366f108 1px,#0000 0),linear-gradient(#6366f108 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes hrcopilot-gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hrcopilot-journey-badge-shimmer{animation:hrcopilot-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0;position:absolute}@keyframes hrcopilot-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hrcopilot-journey-connector-progress{animation:hrcopilot-progressGrow 2s ease-out forwards;background:linear-gradient(180deg,#6366f1,#8b5cf6);height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;width:100%}.hrcopilot-journey-connector-pulse{animation:hrcopilot-pulseDown 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:8px}.hrcopilot-journey-icon-ripple{animation:hrcopilot-ripple 2s ease-out infinite;border:2px solid #6366f1;border-radius:50%;inset:-20px;position:absolute}.hrcopilot-journey-phase-glow{animation:hrcopilot-phaseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#6366f133,#0000);filter:blur(10px);inset:0;position:absolute}.hrcopilot-journey-step-item{animation:hrcopilot-slideInLeft .6s ease-out backwards}@keyframes hrcopilot-slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hrcopilot-journey-check-inner{animation:hrcopilot-checkPop .5s cubic-bezier(.68,-.55,.265,1.55) backwards;display:inline-block}.hrcopilot-journey-stat-sparkle{animation:hrcopilot-sparkle 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf24,#0000);border-radius:50%;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.hrcopilot-journey-stat-bar{animation:hrcopilot-barGrow 1.5s ease-out forwards;background:linear-gradient(90deg,#6366f1,#8b5cf6);bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.hrcopilot-journey-card-glow{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.hrcopilot-journey-card-inner:hover .hrcopilot-journey-card-glow{animation:hrcopilot-glow-rotate 3s linear infinite;opacity:1}@keyframes hrcopilot-glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hrcopilot-journey-card-border-glow{border-radius:24px;box-shadow:0 0 0 1px #8b5cf64d;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.hrcopilot-journey-card-inner:hover .hrcopilot-journey-card-border-glow{animation:hrcopilot-border-pulse 2s ease-in-out infinite;opacity:1}@keyframes hrcopilot-border-pulse{0%,to{box-shadow:0 0 0 1px #8b5cf64d}50%{box-shadow:0 0 0 2px #8b5cf699}}@media (max-width:768px){.hrcopilot-journey-section{padding:60px 20px}.hrcopilot-journey-title{font-size:36px}.hrcopilot-journey-subtitle{font-size:16px}.hrcopilot-journey-timeline{gap:30px;grid-template-columns:1fr}.hrcopilot-journey-stats{padding:30px 20px}.hrcopilot-journey-stat-value{font-size:36px}}.hrcopilot-integration-section{background:linear-gradient(135deg,#f8faff,#f5f0ff 50%,#f0f4ff);overflow:hidden;padding:120px 40px;position:relative}.hrcopilot-integration-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:2}.hrcopilot-integration-reversed{direction:rtl}.hrcopilot-integration-reversed>*{direction:ltr}.hrcopilot-integration-content{position:relative;z-index:3}.hrcopilot-badge-wrapper{margin-bottom:24px}.hrcopilot-integration-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border-radius:50px;font-size:14px;gap:10px;letter-spacing:.5px;padding:10px 20px}.hrcopilot-badge-dot{animation:hrcopilotPulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:8px;width:8px}.hrcopilot-integration-heading{color:#1a202c;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.hrcopilot-heading-gradient{-webkit-text-fill-color:#0000;animation:hrcopilotGradientShift 6s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hrcopilot-integration-description{color:#4a5568;font-size:1.2rem;line-height:1.7;margin-bottom:40px;max-width:500px}.hrcopilot-features-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}.hrcopilot-feature-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:50px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.hrcopilot-feature-pill:hover{background:#fffffff2;border-color:#667eea4d;box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.hrcopilot-pill-icon{animation:hrcopilotIconBounce 3s ease-in-out infinite;font-size:16px}.hrcopilot-integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.hrcopilot-integration-card{align-items:center;animation:hrcopilotCardSlide .6s ease-out backwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px 16px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.hrcopilot-integration-card:hover{background:#ffffffe6;border-color:#667eea66;box-shadow:0 20px 50px #00000026;transform:translateY(-8px) scale(1.05)}.hrcopilot-card-glow{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.hrcopilot-integration-card:hover .hrcopilot-card-glow{opacity:.1}.hrcopilot-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .4s ease;width:50px}.hrcopilot-integration-card:hover .hrcopilot-integration-icon{box-shadow:0 12px 35px #667eea66;transform:scale(1.1) rotate(5deg)}.hrcopilot-integration-name{color:#2d3748;font-size:13px;font-weight:600;text-align:center;transition:color .3s ease}.hrcopilot-integration-card:hover .hrcopilot-integration-name{color:#667eea}.hrcopilot-connection-pulse{animation:hrcopilotConnectionPulse 2s infinite;background:#10b981;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.hrcopilot-integration-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 30px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.hrcopilot-integration-cta:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.hrcopilot-integration-cta:hover .hrcopilot-cta-arrow{transform:translateX(5px)}.hrcopilot-integration-visual{align-items:center;display:flex;justify-content:center;min-height:600px;position:relative}.hrcopilot-visual-background{animation:hrcopilotBackgroundFloat 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:50%;filter:blur(60px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%}.hrcopilot-main-card{animation:hrcopilotCardFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffd9;border:1px solid #ffffffe6;border-radius:28px;box-shadow:0 25px 80px #00000026,0 0 0 1px #fffc;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:3}.hrcopilot-card-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:24px 28px 20px}.hrcopilot-header-dots span{background:#0000001a;height:12px;transition:all .3s ease;width:12px}.hrcopilot-header-dots span:first-child{background:#ff5f57}.hrcopilot-header-dots span:nth-child(2){background:#ffbd2e}.hrcopilot-header-dots span:nth-child(3){background:#28ca42}.hrcopilot-header-dots span:hover{transform:scale(1.2)}.hrcopilot-header-title{color:#2d3748;font-size:16px;font-weight:600;letter-spacing:.5px}.hrcopilot-image-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:300px;overflow:hidden;position:relative;width:100%}.hrcopilot-dashboard-image{filter:brightness(1.05) contrast(1.1);height:100%;object-fit:cover;object-position:center top;position:relative;transition:all .8s cubic-bezier(.16,1,.3,1);width:100%;z-index:2}.hrcopilot-main-card:hover .hrcopilot-dashboard-image{filter:brightness(1.1) contrast(1.15);transform:scale(1.03)}.hrcopilot-image-gradient{background:linear-gradient(135deg,#667eea1a,#764ba20d 50%,#f093fb14);mix-blend-mode:multiply;z-index:3}.hrcopilot-floating-badges,.hrcopilot-image-gradient{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hrcopilot-floating-badges{z-index:4}.hrcopilot-float-badge{align-items:center;animation:hrcopilotBadgeFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:12px;box-shadow:0 8px 25px #00000026;color:#2d3748;display:flex;font-size:11px;font-weight:600;gap:6px;padding:8px 14px;position:absolute}.hrcopilot-float-1{animation-delay:0s;left:10%;top:20%}.hrcopilot-float-2{animation-delay:1s;right:10%;top:40%}.hrcopilot-float-3{animation-delay:2s;bottom:30%;left:15%}.hrcopilot-float-4{animation-delay:3s;bottom:20%;right:15%}.hrcopilot-badge-dot-small{animation:hrcopilotPulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.hrcopilot-connection-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.hrcopilot-line{fill:none;stroke:url(#hrcopilotLineGradient);stroke-width:2;stroke-dasharray:10;stroke-dashoffset:100;animation:hrcopilotLineFlow 3s linear infinite;opacity:.6}.hrcopilot-line-1{animation-delay:0s}.hrcopilot-line-2{animation-delay:1s}.hrcopilot-line-3{animation-delay:2s}.hrcopilot-stats-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-top:1px solid #0000000f;display:flex;justify-content:space-around;padding:24px 28px}.hrcopilot-stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.hrcopilot-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.hrcopilot-stat-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrcopilot-stat-divider{background:linear-gradient(180deg,#0000,#e2e8f0,#0000)}.hrcopilot-orbit-wrapper{height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1}.hrcopilot-orbit-item{align-items:center;animation:hrcopilotOrbit 20s linear infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;box-shadow:0 10px 35px #00000026;display:flex;font-size:24px;height:60px;justify-content:center;position:absolute;width:60px}.hrcopilot-orbit-2{animation-delay:-6.66s}.hrcopilot-orbit-3{animation-delay:-13.33s}@keyframes hrcopilotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes hrcopilotGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes hrcopilotIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hrcopilotCardSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilotConnectionPulse{0%,to{box-shadow:0 0 0 0 #10b981b3;transform:scale(1)}50%{box-shadow:0 0 0 6px #10b98100;transform:scale(1.2)}}@keyframes hrcopilotBackgroundFloat{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}}@keyframes hrcopilotCardFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes hrcopilotBadgeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes hrcopilotLineFlow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes hrcopilotOrbit{0%{transform:rotate(0deg) translateX(200px) rotate(0deg)}to{transform:rotate(1turn) translateX(200px) rotate(-1turn)}}@media (max-width:1024px){.hrcopilot-integration-container{gap:60px;grid-template-columns:1fr}.hrcopilot-integration-reversed{direction:ltr}.hrcopilot-integration-heading{font-size:2.8rem}.hrcopilot-integration-visual{min-height:500px}}@media (max-width:768px){.hrcopilot-integration-section{padding:80px 24px}.hrcopilot-integration-heading{font-size:2.2rem}.hrcopilot-integrations-grid{grid-template-columns:repeat(2,1fr)}.hrcopilot-main-card{max-width:100%}.hrcopilot-orbit-wrapper{height:300px;width:300px}}@media (max-width:480px){.hrcopilot-integration-heading{font-size:1.8rem}.hrcopilot-integrations-grid{grid-template-columns:1fr}.hrcopilot-features-row{align-items:flex-start;flex-direction:column}.hrcopilot-stats-bar{flex-direction:column;gap:20px}.hrcopilot-stat-divider{height:1px;width:100%}}.performance-journey-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 0;position:relative}.performance-journey-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.performance-bg-animation{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.performance-bg-orb{animation:floatOrb 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.1;position:absolute}.performance-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:300px;left:5%;top:10%;width:300px}.performance-orb-2{animation-delay:-5s;background:linear-gradient(135deg,#f093fb,#f5576c);height:400px;right:10%;top:50%;width:400px}.performance-orb-3{animation-delay:-10s;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:20%;height:250px;left:15%;width:250px}.performance-grid-overlay{animation:gridMove 20s linear infinite;background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px}.performance-floating-shapes,.performance-grid-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.performance-shape{animation:shapeFloat 25s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:20px;position:absolute}.performance-shape-1{animation-delay:0s;height:80px;right:8%;top:20%;width:80px}.performance-shape-2{animation-delay:-8s;bottom:30%;height:60px;left:8%;width:60px}.performance-shape-3{animation-delay:-15s;height:100px;right:20%;top:60%;width:100px}.performance-journey-header{margin-bottom:80px;text-align:center}.performance-badge{align-items:center;animation:slideUpFade .6s ease-out;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;overflow:hidden;padding:8px 16px;position:relative}.performance-badge-shimmer{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.performance-journey-title{animation:slideUpFade .6s ease-out .2s both;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:3.5rem;font-style:italic;font-weight:700;margin-bottom:24px}.performance-gradient-text{color:#2b2436!important}.performance-journey-subtitle{animation:slideUpFade .6s ease-out .3s both;color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.performance-journey-timeline{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px;position:relative}.performance-journey-card{animation:cardSlideUp .8s ease-out both;position:relative}.performance-journey-connector{background:#6366f133;height:2px;position:absolute;right:-30px;top:50%;width:60px;z-index:1}.performance-connector-progress{animation:connectorFill 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;left:0;position:absolute;top:0;width:0}.performance-connector-pulse{animation:connectorPulse 2s ease-in-out infinite;background:#6366f1;height:8px;right:0;width:8px}.performance-connector-pulse,.performance-connector-sparkle{border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.performance-connector-sparkle{animation:sparkle 2s ease-in-out infinite;background:radial-gradient(circle,#fff 0,#0000 70%);height:12px;right:-2px;width:12px}.performance-journey-card-inner{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014,0 0 0 1px #ffffffe6;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.performance-journey-card-inner:hover{box-shadow:0 25px 50px #0000001f,0 0 0 1px #6366f11a;transform:translateY(-8px)}.performance-phase-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:20px;overflow:hidden;padding:6px 12px;position:relative}.performance-phase-number{font-size:14px;font-weight:700}.performance-phase-divider{background:#ffffff4d;height:12px;width:1px}.performance-phase-glow{animation:phaseGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.performance-icon-wrapper{height:80px;margin:0 auto 20px;position:relative;width:80px}.performance-icon-bg{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .4s ease;width:100%}.performance-journey-card-inner:hover .performance-icon-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:rotate(135deg)}.performance-icon-ripple{animation:iconRipple 3s ease-in-out infinite;border:2px solid #6366f1;border-radius:20px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:100%}.performance-icon-orbital{animation:orbitalRotate 6s linear infinite;border:1px solid #6366f133;border-radius:50%;height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%}.performance-icon{font-size:32px;height:100%;z-index:2}.performance-icon,.performance-time{align-items:center;display:flex;justify-content:center;position:relative}.performance-time{gap:8px;margin-bottom:16px}.performance-time-icon{font-size:16px}.performance-time-text{color:#64748b;font-size:14px;font-weight:500}.performance-time-glow{animation:timeGlow 3s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.performance-card-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:24px;text-align:center}.performance-steps{margin-bottom:24px}.performance-step-item{align-items:flex-start;animation:stepSlideIn .5s ease-out both;display:flex;gap:12px;margin-bottom:12px}.performance-check{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.performance-check-inner{color:#fff;font-size:12px;font-weight:700}.performance-check-glow{animation:checkPulse 2s ease-in-out infinite;background:inherit;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.performance-step-text{color:#64748b;flex:1 1;font-size:14px;line-height:1.5}.performance-metrics{margin-bottom:20px}.performance-metric-badge{align-items:center;background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px solid #10b98133;border-radius:12px;color:#059669;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.performance-metric-icon{font-size:14px}.performance-ai-insight{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:16px;overflow:hidden;padding:16px;position:relative}.performance-ai-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.performance-ai-icon{font-size:16px}.performance-ai-title{color:#6366f1;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.performance-ai-text{color:#475569;font-size:13px;line-height:1.4;margin:0}.performance-ai-glow{animation:aiGlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f11a,#0000);left:-100%}.performance-ai-glow,.performance-card-glow{height:100%;position:absolute;top:0;width:100%}.performance-card-glow{background:radial-gradient(circle at 50% 0,#6366f11a 0,#0000 50%);left:0;opacity:0;transition:opacity .4s ease}.performance-journey-card-inner:hover .performance-card-glow{opacity:1}.performance-card-border-glow{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:24px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:-1}.performance-journey-card-inner:hover .performance-card-border-glow{filter:blur(20px);opacity:.3}.performance-card-shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:50%}.performance-journey-card-inner:hover .performance-card-shimmer{left:100%}.performance-journey-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.performance-stat{animation:statSlideUp .6s ease-out both;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:30px;position:relative;text-align:center}.performance-stat-value{color:#1e293b;display:inline-block;font-size:3rem;font-weight:800;margin-bottom:8px;position:relative}.performance-stat-sparkle{animation:sparkleFloat 3s ease-in-out infinite;background:radial-gradient(circle,#fbbf24 0,#0000 70%);border-radius:50%;height:20px;position:absolute;right:-10px;top:-10px;width:20px}.performance-stat-label{color:#374151;font-size:1.125rem;font-weight:700;margin-bottom:4px}.performance-stat-desc{color:#64748b;font-size:.875rem;line-height:1.4;margin-bottom:16px}.performance-stat-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.performance-stat-fill{animation:statFill 1.5s ease-out;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.performance-intelligence-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-130px;overflow:hidden;padding:120px 0;position:relative}.performance-intelligence-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.performance-intelligence-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.performance-intelligence-orb{animation:intelOrbFloat 25s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.08;position:absolute}.intel-orb-1{animation-delay:0s;background:linear-gradient(135deg,#ec4899,#8b5cf6);height:400px;right:5%;top:10%;width:400px}.intel-orb-2{animation-delay:-8s;background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:20%;height:300px;left:10%;width:300px}.performance-intelligence-grid{animation:gridPulse 10s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#6366f108 0,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf608 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.performance-intelligence-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.performance-intelligence-visual{position:relative}.performance-intelligence-dashboard{background:linear-gradient(135deg,#1e293b,#334155);border-radius:24px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;overflow:hidden;padding:32px;position:relative}.intelligence-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.intelligence-header-left{flex:1 1}.intelligence-ai-indicator{align-items:center;background:linear-gradient(135deg,#10b98133,#22c55e33);border:1px solid #10b9814d;border-radius:12px;color:#10b981;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:12px;overflow:hidden;padding:6px 12px;position:relative}.intelligence-ai-pulse{animation:aiPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.intelligence-ai-glow{animation:aiGlowSlide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#10b9814d,#0000);height:100%;left:0;position:absolute;top:0;width:100%}.intelligence-dashboard-header h4{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.intelligence-live-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;overflow:hidden;padding:6px 12px;position:relative}.intelligence-live-dot{animation:livePulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}.intelligence-live-pulse{animation:livePulseRing 2s ease-in-out infinite;background:inherit;border-radius:12px;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:100%}.intelligence-primary-metric{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.intelligence-metric-label{align-items:center;color:#cbd5e1;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.intelligence-metric-trend{color:#10b981;font-size:12px;font-weight:600}.intelligence-trend-icon{font-size:14px}.intelligence-metric-value{color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:16px;text-align:center}.intelligence-progress-track{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;position:relative}.intelligence-progress-fill{animation:progressFill 2s ease-out;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;position:relative}.intelligence-progress-glow{background:inherit;filter:blur(8px);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.intelligence-progress-shimmer{animation:progressShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}.intelligence-progress-pulse{animation:progressPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:16px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:16px}.intelligence-metric-breakdown{color:#94a3b8;display:flex;font-size:12px;font-weight:500;justify-content:space-around}.intelligence-ai-recommendation{align-items:flex-start;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:16px;display:flex;gap:12px;margin-bottom:24px;overflow:hidden;padding:16px;position:relative}.intelligence-recommendation-icon{flex-shrink:0;font-size:20px}.intelligence-recommendation-content{flex:1 1}.intelligence-recommendation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.intelligence-recommendation-header strong{color:#fff;font-size:14px}.intelligence-confidence{color:#10b981;font-size:11px;font-weight:600}.intelligence-recommendation-content p{color:#cbd5e1;font-size:13px;line-height:1.4;margin:0}.intelligence-recommendation-glow{animation:recommendationGlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f133,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.intelligence-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.intelligence-metric-card{animation:metricCardSlide .6s ease-out both;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.intelligence-metric-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.intelligence-metric-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.intelligence-metric-info{flex:1 1}.intelligence-metric-name{color:#fff;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.intelligence-metric-desc{color:#94a3b8;display:block;font-size:11px}.intelligence-metric-percent{color:#fff;font-size:16px;font-weight:700}.intelligence-mini-track{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.intelligence-mini-fill{animation:miniFill 1.5s ease-out;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;height:100%;position:relative}.intelligence-mini-glow{background:inherit;filter:blur(2px);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.intelligence-metric-trend{align-items:center;display:flex;gap:4px;justify-content:flex-end}.intelligence-trend-value{color:#10b981;font-size:11px;font-weight:600}.intelligence-trend-badge{align-items:center;background:#10b981;border-radius:4px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.intelligence-heatmap-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.intelligence-heatmap-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:16px}.intelligence-heatmap-legend{display:flex;gap:8px}.legend-item{border-radius:6px;font-size:10px;font-weight:600;padding:4px 8px}.legend-item.low{background:#ef444433;color:#fca5a5}.legend-item.medium{background:#f59e0b33;color:#fcd34d}.legend-item.high{background:#10b98133;color:#6ee7b7}.intelligence-heatmap-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.intelligence-heatmap-cell{align-items:center;animation:heatmapCell .8s ease-out both;aspect-ratio:1;border-radius:8px;display:flex;font-size:11px;font-weight:600;justify-content:center;overflow:hidden;position:relative}.intelligence-heatmap-cell.low{background:linear-gradient(135deg,#ef44444d,#dc262633);color:#fca5a5}.intelligence-heatmap-cell.medium{background:linear-gradient(135deg,#f59e0b4d,#d9770633);color:#fcd34d}.intelligence-heatmap-cell.high{background:linear-gradient(135deg,#10b9814d,#05966933);color:#6ee7b7}.intelligence-heatmap-glow{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.intelligence-heatmap-cell:hover .intelligence-heatmap-glow{opacity:1}.performance-intelligence-text{padding:20px}.intelligence-section-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.intelligence-badge-icon{font-size:16px}.performance-intelligence-text h2{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1.2;margin-bottom:24px;text-align:justify}.intelligence-section-description{color:#64748b;font-size:1.125rem;line-height:1.6;margin-bottom:40px;text-align:justify}.intelligence-feature-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;text-align:justify}.intelligence-feature-point{align-items:flex-start;display:flex;gap:16px}.intelligence-point-icon{flex-shrink:0;height:60px;position:relative;width:60px}.intelligence-icon-orb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .4s ease;width:100%}.intelligence-feature-point:hover .intelligence-icon-orb{transform:rotate(135deg)}.intelligence-icon-symbol{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;position:relative;z-index:2}.intelligence-point-content{flex:1 1}.intelligence-point-content h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.intelligence-point-content p{color:#64748b;line-height:1.6;margin-bottom:12px}.intelligence-feature-tags{display:flex;flex-wrap:wrap;gap:6px}.intelligence-feature-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:11px;font-weight:600;padding:4px 8px}.intelligence-cta{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;padding:32px;text-align:center}.intelligence-cta-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px}.intelligence-cta-icon{font-size:16px}.intelligence-cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.intelligence-cta-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.intelligence-cta-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.intelligence-cta-primary:hover .intelligence-cta-glow{left:100%}.intelligence-cta-secondary{background:#0000;border:2px solid #6366f1;border-radius:12px;color:#6366f1;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.intelligence-cta-secondary:hover{background:#6366f1;color:#fff}@keyframes floatOrb{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes connectorFill{0%{width:0}to{width:100%}}@keyframes connectorPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.5)}}@keyframes phaseGlow{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes iconRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes orbitalRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes timeGlow{0%,to{height:0;opacity:0;width:0}50%{height:100px;opacity:.1;width:100px}}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes checkPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes aiGlow{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes statSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkleFloat{0%,to{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.7;transform:translateY(-5px) rotate(180deg)}}@keyframes statFill{0%{width:0}to{width:100%}}@keyframes intelOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-10px,10px) scale(.9)}75%{transform:translate(-20px,-10px) scale(1.05)}}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes livePulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes progressShimmer{0%{left:-100%}to{left:200%}}@keyframes progressPulse{0%,to{opacity:1;transform:translate(50%,-50%) scale(1)}50%{opacity:.7;transform:translate(50%,-50%) scale(1.2)}}@keyframes recommendationGlow{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes metricCardSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes miniFill{0%{width:0}to{width:100%}}@keyframes heatmapCell{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.performance-intelligence-content{gap:60px;grid-template-columns:1fr}.performance-journey-timeline{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.performance-intelligence-section,.performance-journey-section{padding:80px 0}.performance-journey-title{font-size:2.5rem}.performance-intelligence-text h2{font-size:2.25rem}.performance-journey-timeline{gap:40px;grid-template-columns:1fr}.performance-journey-connector{display:none}.performance-journey-stats{grid-template-columns:repeat(2,1fr)}.intelligence-metrics-grid{grid-template-columns:1fr}.intelligence-heatmap-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.performance-journey-title{font-size:2rem}.performance-intelligence-text h2{font-size:1.875rem}.performance-journey-stats{grid-template-columns:1fr}.performance-intelligence-dashboard,.performance-journey-card-inner{padding:24px}.intelligence-cta-buttons{flex-direction:column}.intelligence-heatmap-grid{grid-template-columns:repeat(2,1fr)}}.performance-counter{display:inline-block}.performance-counter[data-target]{animation:countUp 2s ease-out forwards}@keyframes countUp{0%{content:"0"}to{content:attr(data-target)}}.hrv-performance-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.hrv-pulse-dot{background:#10b981}.hrv-feature-icon,.hrv-metric-number{color:#10b981}.hrv-dashboard-container{background-color:#007bff;max-width:900px}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #10b9814d,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-image{max-width:1200px}.hrv-dashboard-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.hrv-performance-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-performance-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text}.hrv-performance-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-weight:700}.pr-performance-section{background-color:#fff;padding:80px 0}.pr-container{margin:0 auto 0 100px;max-width:1400px;padding:0 20px}.pr-section-wrapper{align-items:center;display:flex;gap:60px;margin-bottom:80px}.pr-reverse{flex-direction:row-reverse}.pr-content-side{flex:1 1}.pr-image-side{display:flex;flex:1 1;justify-content:center}.pr-section-image{border-radius:8px;height:auto;max-width:100%}.pr-heading{color:#1a1a1a;font-size:2.1rem;font-style:italic;font-weight:700;line-height:1.2;margin-bottom:24px}.pr-description,.pr-heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-align:justify}.pr-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.pr-demo-button{background-color:#6b4c7f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:-440px;margin-top:16px;padding:12px 32px;transition:background-color .3s ease}.pr-demo-button:hover{background:#165ef01a}.pr-divider{background-color:#e0e0e0;height:1px;margin:60px 0}.pr-percentage-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.pr-percentage-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:30px 20px;text-align:center}.pr-percentage-value{color:#007bff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.pr-percentage-label{color:#495057;font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.video-popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.video-popup-content{animation:zoomIn .3s ease-in-out;background:#000;border-radius:12px;box-shadow:0 0 20px #00000080;max-height:80%;max-width:90%;padding:10px;position:relative}.video-player{border-radius:10px;height:auto;width:100%}.close-btn{background:#fff;color:#000;font-size:20px;font-weight:700;height:32px;position:absolute;right:-10px;top:-10px;transition:.3s;width:32px}.close-btn:hover{background:red;color:#fff}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}.perx-wrapper{background:#fff;display:flex;flex-direction:column;gap:120px;margin-bottom:110px;margin-top:-70px;padding:120px 0;width:100%}.perx-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.2fr 1fr;margin:-70px auto auto;max-width:1400px;padding:0 40px}.perx-main-title-block{margin-bottom:40px;text-align:center}.perx-main-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:38px;font-weight:800}.perx-main-title span{color:#c62828;font-size:40px;font-weight:800}.perx-main-subtitle{color:#555;font-family:Roboto,sans-serif;font-size:18px;margin-top:8px}.perx-reverse{grid-template-columns:1fr 1.2fr}.perx-reverse .perx-content{order:2}.perx-reverse .perx-image-block{order:1}.perx-content{display:flex;flex-direction:column;gap:18px}.perx-subtitle{color:#666;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.perx-subtitle,.perx-title{font-family:Raleway,sans-serif;text-align:justify}.perx-title{color:#3d4450;font-size:40px;font-weight:800;line-height:1.2}.perx-highlight{color:#b73235}.perx-description{color:#555;font-family:Roboto,sans-serif;font-size:17px;line-height:1.7;text-align:justify}.perxs-btn{background:#b73235;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:15px;margin-top:10px;padding:14px 38px;transition:.3s ease;width:300px}.perx-btn:hover{background:#97282c}.perx-image-block{display:flex;justify-content:center}.perx-image{border-radius:24px;box-shadow:0 25px 60px #00000026;transition:.4s ease;width:100%}.perx-image:hover{transform:scale(1.04)}.perx-divider{background:#e5e5e5;height:1px;width:100%}@media (max-width:992px){.perx-section{grid-template-columns:1fr;text-align:center}.perx-content{align-items:center}.perx-image{margin:auto;max-width:500px}.perx-title{font-size:38px}}@media (max-width:600px){.perx-title{font-size:32px}.perx-description{font-size:15px}}.pjx-wrapper{background:#fff;display:flex;flex-direction:column;gap:100px;margin-top:-150px;padding:120px 0;width:100%}.pjx-header{margin:auto;max-width:900px;text-align:center}.pjx-badge{background:#f4ecec;border-radius:50px;color:#b73235;display:inline-block;font-family:Raleway;font-size:14px;font-weight:600;padding:8px 20px;text-transform:uppercase}.pjx-title{color:#3d4450;font-family:Raleway;font-size:48px;font-weight:800;margin-top:20px}.pjx-highlight{color:#b73235}.pjx-subtitle{color:#666;font-family:Roboto;font-size:18px;line-height:1.7;margin-left:auto;margin-right:auto;margin-top:15px;max-width:650px}.pjx-cards-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1400px;padding:0 40px}.pjx-card{background:#fff;border-radius:22px;box-shadow:0 25px 55px #0000001a;padding:35px;transition:.3s ease}.pjx-card:hover{transform:translateY(-7px)}.pjx-card-icon{font-size:48px;margin-bottom:10px}.pjx-phase{color:#b73235;font-family:Raleway;font-size:14px;font-weight:800;text-transform:uppercase}.pjx-time{color:#777;font-family:Roboto;font-size:14px;margin-top:5px}.pjx-card-title{color:#3d4450;font-size:24px;font-weight:700;margin-top:15px}.pjx-steps{flex-direction:column;margin-top:20px}.pjx-step,.pjx-steps{display:flex;gap:10px}.pjx-step{align-items:center;color:#444;font-family:Roboto;font-size:15px}.pjx-check{color:#b73235;font-weight:700}.pjx-metric{background:#f3f3f3;border-radius:8px;color:#333;font-family:Raleway;font-size:14px;margin-top:25px;padding:10px 15px}.pjx-metric-icon{margin-right:6px}.pjx-insight{color:#555;font-family:Roboto;font-size:15px;margin-top:12px;padding-left:5px}.pjx-insight-icon{color:#b73235;margin-right:6px}.pjx-stats{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin:auto;max-width:1200px;padding:0 40px}.pjx-stat-value{color:#b73235;font-family:Raleway;font-size:46px;font-weight:800}.pjx-stat-label{color:#3d4450;font-family:Raleway;font-size:18px;margin-top:5px}.pjx-stat-desc{color:#777;font-family:Roboto;font-size:14px;margin-top:4px}.pjx-stat-bar{background:#e6e6e6;border-radius:50px;height:6px;margin-top:14px}.pjx-stat-fill{background:#b73235;border-radius:50px;height:100%}@media (max-width:992px){.pjx-cards-container{grid-template-columns:1fr}.pjx-stats{grid-template-columns:1fr 1fr}.pjx-title{font-size:38px}}@media (max-width:600px){.pjx-stats{grid-template-columns:1fr}.pjx-title{font-size:32px}}.pmx-wrapper{background:#fff;padding:120px 0;width:100%}.pmx-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.2fr 1fr;margin:auto;max-width:1400px;padding:0 40px}.pmx-left{display:flex;flex-direction:column;gap:20px}.pmx-subtitle{color:#666;font-family:Raleway;font-size:14px;font-weight:600;text-transform:uppercase}.pmx-title{color:#3d4450;font-family:Raleway;font-size:48px;font-weight:800;line-height:1.2}.pmx-highlight{color:#b73235}.pmx-description{color:#555;font-family:Roboto;font-size:17px;line-height:1.7;text-align:justify}.pmx-btn{background:#b73235;border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Raleway;font-size:16px;margin-top:10px;padding:15px 40px;transition:.3s ease}.pmx-btn:hover{background:#97282c}.pmx-right{display:flex;flex-direction:column;gap:25px}.pmx-feature-card{background:#fff;border:1px solid #f1f1f1;border-radius:22px;box-shadow:0 25px 60px #0000001a;padding:30px;transition:.3s ease}.pmx-feature-card:hover{box-shadow:0 30px 70px #00000026;transform:translateY(-6px)}.pmx-icon-box{align-items:center;background:#f4ecec;border-radius:50%;color:#b73235;display:flex;font-size:40px;height:75px;justify-content:center;margin-bottom:15px;width:75px}.pmx-card-title{color:#3d4450;font-family:Raleway;font-size:22px;font-weight:700;margin-bottom:8px}.pmx-card-desc{color:#555;font-family:Roboto;font-size:15px;line-height:1.6}@media (max-width:992px){.pmx-container{grid-template-columns:1fr;text-align:center}.pmx-left,.pmx-right{align-items:center}.pmx-feature-card{max-width:500px}}@media (max-width:600px){.pmx-title{font-size:35px}}.hrint-section{grid-gap:60px;align-items:center;animation:hrintReveal 1.2s ease forwards;background-image:url(https://avantage.bold-themes.com/hr/wp-content/uploads/sites/5/2019/04/bgn-lines.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;gap:60px;grid-template-columns:1.2fr 1fr;margin:-50px auto 110px;max-width:1400px;opacity:0;overflow:hidden;padding:100px 40px;position:relative;transform:translateY(40px)}@keyframes hrintReveal{to{opacity:1;transform:translateY(0)}}.hrint-animated-bg:after,.hrint-animated-bg:before{animation:hrintBlobMove 14s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(80px);height:480px;opacity:.45;position:absolute;width:480px;z-index:-1}.hrint-animated-bg:before{background:#c628282e;left:-160px;top:-140px}.hrint-animated-bg:after{background:#2563eb33;bottom:-160px;right:-200px}@keyframes hrintBlobMove{0%{transform:translate(0) scale(1)}50%{transform:translate(80px,-50px) scale(1.25)}to{transform:translate(-50px,50px) scale(1)}}.hrint-section:before{animation:hrintDotsMove 20s linear infinite;background-image:radial-gradient(#d0d8e8 1.4px,#0000 0);background-size:22px 22px;content:"";inset:0;opacity:.18;position:absolute;z-index:-2}@keyframes hrintDotsMove{0%{background-position:0 0}to{background-position:300px 300px}}.hrint-particle{animation:hrintParticleFloat 4s ease-in-out infinite;background:#c62828;border-radius:50%;height:10px;opacity:.5;position:absolute;width:10px}.hrint-particle:first-child{animation-duration:3.5s;left:70%;top:20%}.hrint-particle:nth-child(2){animation-duration:4.2s;left:85%;top:60%}.hrint-particle:nth-child(3){animation-duration:3.8s;left:10%;top:40%}@keyframes hrintParticleFloat{0%{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-20px) scale(1.8)}to{opacity:.3;transform:translateY(0) scale(1)}}.hrint-left{animation:hrintFadeSlide 1.2s ease forwards;padding-right:20px}@keyframes hrintFadeSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrint-pretitle{align-items:center;color:#c62828;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:700;margin-bottom:12px}.hrint-dot{background:#c62828;border-radius:50%;height:10px;margin-right:8px;width:10px}.hrint-title{color:#1e2330;font-family:Raleway,sans-serif;font-size:33px;font-weight:800;margin-bottom:25px}.hrint-title span{color:#c62828}.hrint-desc{color:#444;font-family:Roboto,sans-serif;font-size:16px;line-height:1.7;margin-bottom:20px;text-align:justify}.hrint-pill-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.hrint-pill{background:#f3f4f8;border-radius:25px;box-shadow:0 3px 10px #00000014;color:#1e2330;font-family:Roboto,sans-serif;font-size:15px;padding:10px 20px}.hrint-integration-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:25px}.hrint-integration-card{animation:hrintCardFade .5s ease forwards;background:#fff;border-radius:14px;box-shadow:0 5px 20px #0000001a;opacity:0;padding:20px;text-align:center}@keyframes hrintCardFade{to{opacity:1;transform:translateY(0)}}.hrint-card-icon{align-items:center;background:#c62828;border-radius:50%;color:#fff;display:flex;font-size:24px;height:52px;justify-content:center;margin:0 auto 12px;width:52px}.hrint-card-name{color:#1e2330;font-family:Raleway,sans-serif;font-weight:700}.hrint-right{display:flex;justify-content:center;position:relative}.hrint-img{animation:hrintFloat 5s ease-in-out infinite;border-radius:12px;box-shadow:0 5px 25px #0000001f;margin-top:80px;max-width:650px;object-fit:cover;transition:transform .4s ease;width:100%}.hrint-img:hover{transform:scale(1.03) translateY(-6px)}@keyframes hrintFloat{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@media (max-width:992px){.hrint-section{grid-template-columns:1fr;text-align:left}.hrint-right{order:-1}.hrint-title{font-size:34px}}.automation-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.automation-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.automation-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.automation-floating-shape{animation:automation-float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.automation-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.automation-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.automation-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.automation-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.automation-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.automation-gradient-orb{animation:automation-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.automation-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-200px;top:-200px;width:400px}.automation-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.automation-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.automation-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.automation-svg-path-1{animation:automation-svgFloat 25s ease-in-out infinite}.automation-svg-path-2{animation:automation-svgFloat 30s ease-in-out infinite reverse}.automation-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.automation-hero-section.automation-visible{opacity:1;transform:translateY(0)}.automation-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.automation-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.automation-badge-dot{animation:automation-pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.automation-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.automation-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.automation-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.automation-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.automation-btn-primary,.automation-btn-secondary,.automation-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.automation-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.automation-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.automation-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.automation-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.automation-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.automation-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.automation-btn-icon{font-size:12px}.automation-btn-large{font-size:18px;padding:18px 40px}.automation-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.automation-stat{text-align:left}.automation-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.automation-stat-label{color:#6b7280;font-size:14px;font-weight:500}.automation-hero-visual{height:600px;position:relative}.automation-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026;height:100%;overflow:hidden;position:relative}.automation-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;height:100%;overflow:hidden;position:relative}.automation-hero-image{height:100%;object-fit:cover;width:100%}.automation-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.automation-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.automation-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.automation-glass-content p{color:#fffc;font-size:1rem}.automation-floating-card{align-items:center;animation:automation-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.automation-card-1{animation-delay:0s;left:-60px;top:10%}.automation-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.automation-card-3{animation-delay:-4s;bottom:20%;left:-40px}.automation-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.automation-card-content{display:flex;flex-direction:column}.automation-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.automation-card-text{color:#6b7280;font-size:14px}.automation-card-progress{animation:automation-progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.automation-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.automation-scroll-line{animation:automation-scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.automation-features-section{background:#ffffff80;margin-top:-90px;padding:120px 5%}.automation-section-content{margin:0 auto;max-width:1400px}.automation-section-header{margin-bottom:80px;text-align:center}.automation-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.automation-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.automation-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.automation-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.automation-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.automation-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.automation-feature-card:hover:before{left:100%}.automation-feature-card.automation-active,.automation-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.automation-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.automation-feature-icon{align-items:center;border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.automation-feature-glow,.automation-feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.automation-feature-glow{animation:automation-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.automation-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.automation-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.automation-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.automation-feature-card:hover .automation-feature-arrow{opacity:1;transform:translateX(0)}.automation-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.automation-timeline{margin:0 auto;max-width:1000px;position:relative}.automation-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.automation-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.automation-timeline-item:nth-child(odd){flex-direction:row-reverse}.automation-timeline-item:nth-child(odd) .automation-timeline-content{margin-left:0;margin-right:60px;text-align:right}.automation-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.automation-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.automation-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.automation-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.automation-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.automation-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.automation-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.automation-timeline-steps{grid-gap:12px;display:grid;gap:12px}.automation-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.automation-step-check{color:#10b981;font-weight:600}.automation-progress-section{background:#ffffff80;padding:120px 5%}.automation-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.automation-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.automation-dashboard-header{align-items:center;display:flex;justify-content:between;margin-bottom:30px}.automation-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.automation-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.automation-progress-stats{margin-bottom:30px}.automation-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.automation-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.automation-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.automation-progress-glow{animation:automation-progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.automation-progress-items{grid-gap:20px;display:grid;gap:20px}.automation-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.automation-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.automation-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.automation-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.automation-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.automation-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.automation-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.automation-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.automation-integration-orb{animation:automation-float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.automation-integration-orb-1{animation-delay:0s;left:10%;top:20%}.automation-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.automation-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.automation-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.automation-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.automation-cta-orb{animation:automation-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.automation-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.automation-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.automation-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.automation-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.automation-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.automation-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.automation-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.automation-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.automation-cta-stat{color:#ffffffe6;font-size:14px}.automation-cta-stat strong{color:#fff;font-weight:600}.automation-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.automation-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.automation-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.automation-video-popup-close:hover{background:#000000b3}.automation-video-container{height:0;padding-bottom:56.25%;position:relative}.automation-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.automation-video-popup-info{padding:30px;text-align:center}.automation-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.automation-video-popup-info p{color:#6b7280;line-height:1.6}.automation-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.automation-feature-point{align-items:flex-start;display:flex;gap:16px}.automation-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.automation-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.automation-feature-point p{color:#6b7280;line-height:1.5}.automation-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.automation-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.automation-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes automation-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes automation-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes automation-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes automation-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes automation-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes automation-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes automation-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.automation-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.automation-features-grid,.automation-hero-stats{grid-template-columns:repeat(2,1fr)}.automation-reversed{gap:60px;grid-template-columns:1fr}.automation-timeline:before{left:30px}.automation-timeline-item{flex-direction:row!important}.automation-timeline-marker{left:30px}.automation-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.automation-hero-title{font-size:2.5rem}.automation-section-header h2{font-size:2rem}.automation-features-grid{grid-template-columns:1fr}.automation-integration-grid{grid-template-columns:repeat(3,1fr)}.automation-cta-stats{grid-template-columns:repeat(2,1fr)}.automation-cta-buttons,.automation-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.automation-hero-title{font-size:2rem}.automation-integration-grid{grid-template-columns:repeat(2,1fr)}.automation-cta-stats{grid-template-columns:1fr}.automation-floating-card{margin-bottom:20px;position:relative}.automation-card-1,.automation-card-2,.automation-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.hrcopilot-automation-journey-section{background:linear-gradient(135deg,#0f172a,#1e293b);overflow:hidden;padding:120px 20px;position:relative}.hrcopilot-automation-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hrcopilot-automation-bg-orb{animation:hrcopilot-automation-float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.hrcopilot-automation-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:-100px;top:-100px;width:400px}.hrcopilot-automation-orb-2{animation-delay:7s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:500px;right:-150px;width:500px}.hrcopilot-automation-orb-3{animation-delay:14s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:350px;right:10%;top:50%;width:350px}@keyframes hrcopilot-automation-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hrcopilot-automation-header{animation:hrcopilot-automation-fadeInUp .8s ease-out;margin-bottom:80px;text-align:center}.hrcopilot-automation-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #8b5cf64d;border-radius:50px;color:#a78bfa;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;overflow:hidden;padding:8px 20px;position:relative}.hrcopilot-automation-badge-icon{animation:hrcopilot-automation-sparkle 2s infinite}@keyframes hrcopilot-automation-sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.hrcopilot-automation-title{color:#fff;font-size:56px;font-weight:800;line-height:1.2;margin:0 0 20px}.hrcopilot-automation-gradient-text{-webkit-text-fill-color:#0000;animation:hrcopilot-automation-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes hrcopilot-automation-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hrcopilot-automation-subtitle{color:#94a3b8;font-size:20px;margin:0 auto;max-width:600px}.hrcopilot-automation-timeline{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:80px}.hrcopilot-automation-card{animation:hrcopilot-automation-fadeInUp .8s ease-out backwards;position:relative}@keyframes hrcopilot-automation-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrcopilot-automation-card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #8b5cf633;border-radius:24px;height:100%;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrcopilot-automation-card-inner:hover{border-color:#8b5cf680;box-shadow:0 20px 60px #8b5cf64d;transform:translateY(-8px)}.hrcopilot-automation-phase-badge{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #8b5cf64d;border-radius:50px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;margin-bottom:20px;overflow:hidden;padding:6px 16px;position:relative}.hrcopilot-automation-phase-number{color:#a78bfa;font-size:14px}.hrcopilot-automation-phase-name{color:#e0e7ff;letter-spacing:.5px;text-transform:uppercase}.hrcopilot-automation-icon-wrapper{height:64px;margin-bottom:20px;position:relative;width:64px}.hrcopilot-automation-icon-bg{animation:hrcopilot-automation-icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;inset:0;position:absolute}@keyframes hrcopilot-automation-icon-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hrcopilot-automation-icon{align-items:center;display:flex;font-size:28px;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.hrcopilot-automation-time{align-items:center;color:#60a5fa;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.hrcopilot-automation-card-title{color:#fff;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 20px}.hrcopilot-automation-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.hrcopilot-automation-step-item{align-items:flex-start;color:#cbd5e1;display:flex;font-size:14px;gap:12px;line-height:1.6;transition:all .3s ease}.hrcopilot-automation-card-inner:hover .hrcopilot-automation-step-item{transform:translateX(4px)}.hrcopilot-automation-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-top:2px;width:20px}.hrcopilot-automation-ai-badge{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px}.hrcopilot-automation-ai-icon{font-size:14px}.hrcopilot-automation-ai-text{font-size:12px}.hrcopilot-automation-stats{grid-gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #8b5cf633;border-radius:20px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:40px}.hrcopilot-automation-stat{animation:hrcopilot-automation-fadeInUp .8s ease-out .6s backwards;position:relative;text-align:center}.hrcopilot-automation-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1;margin-bottom:8px;position:relative}.hrcopilot-automation-stat-label{color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrcopilot-automation-grid-overlay{animation:hrcopilot-automation-gridMove 20s linear infinite;background:linear-gradient(90deg,#6366f108 1px,#0000 0),linear-gradient(#6366f108 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes hrcopilot-automation-gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hrcopilot-automation-badge-shimmer{animation:hrcopilot-automation-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0;position:absolute}.hrcopilot-automation-connector{background:#8b5cf64d;height:2px;position:absolute;right:-20px;top:100px;width:40px;z-index:2}.hrcopilot-automation-connector-progress{animation:hrcopilot-automation-progressGrow 2s ease-out forwards;background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%}.hrcopilot-automation-connector-pulse{animation:hrcopilot-automation-pulseDown 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;left:0;position:absolute;top:-3px;width:8px}.hrcopilot-automation-icon-ripple{animation:hrcopilot-automation-ripple 2s ease-out infinite;border:2px solid #6366f1;border-radius:50%;inset:-10px;position:absolute}@keyframes hrcopilot-automation-ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.hrcopilot-automation-phase-glow{animation:hrcopilot-automation-phaseGlow 3s ease-in-out infinite;background:radial-gradient(circle,#6366f133,#0000);filter:blur(10px);inset:0;position:absolute}.hrcopilot-automation-step-item{animation:hrcopilot-automation-slideInLeft .6s ease-out backwards}@keyframes hrcopilot-automation-slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hrcopilot-automation-check-inner{animation:hrcopilot-automation-checkPop .5s cubic-bezier(.68,-.55,.265,1.55) backwards;display:inline-block}.hrcopilot-automation-stat-sparkle{animation:hrcopilot-automation-sparkle 2s ease-in-out infinite;background:radial-gradient(circle,#fbbf24,#0000);border-radius:50%;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.hrcopilot-automation-stat-bar{animation:hrcopilot-automation-barGrow 1.5s ease-out forwards;background:linear-gradient(90deg,#6366f1,#8b5cf6);bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.hrcopilot-automation-card-glow{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%)}.hrcopilot-automation-card-inner:hover .hrcopilot-automation-card-glow{animation:hrcopilot-automation-glow-rotate 3s linear infinite;opacity:1}@keyframes hrcopilot-automation-glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hrcopilot-automation-card-border-glow{border-radius:24px;box-shadow:0 0 0 1px #8b5cf64d;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.hrcopilot-automation-card-inner:hover .hrcopilot-automation-card-border-glow{animation:hrcopilot-automation-border-pulse 2s ease-in-out infinite;opacity:1}.hrcopilot-automation-analytics-section{background:linear-gradient(135deg,#0a0f1e,#1a1f35);overflow:hidden;padding:100px 20px;position:relative}.hrcopilot-automation-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hrcopilot-automation-reversed{direction:ltr}.hrcopilot-automation-reversed .hrcopilot-automation-visual{order:2}.hrcopilot-automation-reversed .hrcopilot-automation-text{order:1}.hrcopilot-automation-dashboard{animation:hrcopilot-automation-slide-in .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:32px}.hrcopilot-automation-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.hrcopilot-automation-header-left{align-items:center;display:flex;gap:12px}.hrcopilot-automation-ai-indicator{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:20px;color:#c4b5fd;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.hrcopilot-automation-ai-pulse{animation:hrcopilot-automation-pulse 2s ease-in-out infinite;background:#a78bfa;border-radius:50%;height:6px;width:6px}.hrcopilot-automation-dashboard-header h4{color:#fff;font-size:20px;font-weight:600;margin:0}.hrcopilot-automation-live-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;color:#86efac;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.hrcopilot-automation-live-dot{animation:hrcopilot-automation-blink 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}.hrcopilot-automation-primary-metric{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid #6366f133;border-radius:16px;margin-bottom:24px;padding:24px}.hrcopilot-automation-metric-label{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.hrcopilot-automation-metric-trend{animation:hrcopilot-automation-trend-pulse 2s ease-in-out infinite;color:#22c55e;font-size:14px;font-weight:600}.hrcopilot-automation-metric-value{-webkit-text-fill-color:#0000;animation:hrcopilot-automation-value-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;font-size:42px;font-weight:700;margin-bottom:12px}.hrcopilot-automation-progress-track{background:#ffffff0d;border-radius:10px;height:8px;overflow:hidden;position:relative}.hrcopilot-automation-progress-fill{animation:hrcopilot-automation-progress-grow 1.5s ease-out;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.hrcopilot-automation-progress-glow{animation:hrcopilot-automation-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.hrcopilot-automation-progress-shimmer{animation:hrcopilot-automation-rotate 4s linear infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hrcopilot-automation-ai-recommendation{animation:hrcopilot-automation-suggestion-appear 1s ease-out .5s both;background:#3b82f614;border:1px solid #3b82f633;border-left:3px solid #3b82f6;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.hrcopilot-automation-recommendation-icon{animation:hrcopilot-automation-bounce 2s ease-in-out infinite;font-size:20px}.hrcopilot-automation-recommendation-content{color:#e2e8f0;flex:1 1;font-size:13px;line-height:1.6}.hrcopilot-automation-recommendation-content strong{color:#93c5fd;font-weight:600}.hrcopilot-automation-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.hrcopilot-automation-metric-card{animation:hrcopilot-automation-card-appear .6s ease-out both;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .3s ease}.hrcopilot-automation-metric-card:hover{background:#ffffff0a;border-color:#6366f14d;box-shadow:0 8px 20px #6366f133;transform:translateY(-2px)}.hrcopilot-automation-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hrcopilot-automation-metric-name{color:#cbd5e1;font-size:13px;font-weight:500}.hrcopilot-automation-metric-percent{color:#a78bfa;font-size:16px;font-weight:700}.hrcopilot-automation-mini-track{background:#ffffff0d;border-radius:4px;height:4px;overflow:hidden}.hrcopilot-automation-mini-fill{animation:hrcopilot-automation-progress-grow 1s ease-out;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;height:100%;transition:width .6s ease}.hrcopilot-automation-text{color:#fff}.hrcopilot-automation-section-badge{align-items:center;animation:hrcopilot-automation-badge-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f14d;border-radius:30px;color:#c4b5fd;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:20px;padding:8px 18px;text-transform:uppercase}.hrcopilot-automation-badge-icon{animation:hrcopilot-automation-icon-spin 10s linear infinite;font-size:16px}.hrcopilot-automation-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;font-size:42px;font-weight:800;line-height:1.2;margin:0 0 20px}.hrcopilot-automation-section-description{color:#94a3b8;font-size:17px;line-height:1.7;margin-bottom:36px}.hrcopilot-automation-feature-list{display:flex;flex-direction:column;gap:24px}.hrcopilot-automation-feature-point{animation:hrcopilot-automation-feature-slide .6s ease-out both;display:flex;gap:16px}.hrcopilot-automation-feature-point:first-child{animation-delay:.1s}.hrcopilot-automation-feature-point:nth-child(2){animation-delay:.2s}.hrcopilot-automation-feature-point:nth-child(3){animation-delay:.3s}.hrcopilot-automation-feature-point:nth-child(4){animation-delay:.4s}.hrcopilot-automation-point-icon{flex-shrink:0}.hrcopilot-automation-icon-bg{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.hrcopilot-automation-feature-point:hover .hrcopilot-automation-icon-bg{box-shadow:0 10px 30px #6366f14d;transform:scale(1.1) rotate(5deg)}.hrcopilot-automation-feature-point h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 6px}.hrcopilot-automation-feature-point p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}.hrcopilot-automation-integration-section{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);overflow:hidden;padding:120px 5%;position:relative}.hrcopilot-automation-integration-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:1}.hrcopilot-automation-integration-reversed{direction:ltr}.hrcopilot-automation-integration-content{animation:hrcopilot-automation-fade-in-left .8s ease-out}.hrcopilot-automation-badge-wrapper{margin-bottom:24px}.hrcopilot-automation-integration-badge{align-items:center;animation:hrcopilot-automation-badge-pulse 2s ease-in-out infinite;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.5px;padding:8px 20px}.hrcopilot-automation-badge-dot{animation:hrcopilot-automation-dot-pulse 1.5s ease-in-out infinite;background:#6366f1;border-radius:50%;box-shadow:0 0 10px #6366f1cc;height:8px;width:8px}.hrcopilot-automation-integration-heading{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}.hrcopilot-automation-heading-gradient{-webkit-text-fill-color:#0000;animation:hrcopilot-automation-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef);-webkit-background-clip:text;background-clip:text}.hrcopilot-automation-integration-description{color:#cbd5e1;font-size:18px;line-height:1.8;margin-bottom:32px;max-width:580px}.hrcopilot-automation-features-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.hrcopilot-automation-feature-pill{align-items:center;background:#1e293b99;border:1px solid #6366f133;border-radius:50px;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.hrcopilot-automation-feature-pill:hover{background:#6366f126;border-color:#6366f180;box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.hrcopilot-automation-pill-icon{font-size:16px}.hrcopilot-automation-integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.hrcopilot-automation-integration-card{align-items:center;animation:hrcopilot-automation-card-fade-in .6s ease-out backwards;background:#1e293b66;border:1px solid #6366f133;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .4s ease}.hrcopilot-automation-integration-card:hover{background:#1e293b99;border-color:#6366f180;transform:translateY(-4px)}.hrcopilot-automation-integration-card:hover .hrcopilot-automation-card-glow{opacity:1}.hrcopilot-automation-card-glow{background:radial-gradient(circle,#6366f133 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.hrcopilot-automation-integration-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.hrcopilot-automation-integration-card:hover .hrcopilot-automation-integration-icon{transform:scale(1.1) rotate(5deg)}.hrcopilot-automation-integration-name{color:#e2e8f0;font-size:14px;font-weight:600;text-align:center}.hrcopilot-automation-connection-pulse{animation:hrcopilot-automation-connection-pulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;bottom:0;height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);width:4px}.hrcopilot-automation-integration-card:hover .hrcopilot-automation-connection-pulse{opacity:1}.hrcopilot-automation-integration-cta{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.hrcopilot-automation-integration-cta:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.hrcopilot-automation-cta-arrow{font-size:20px}.hrcopilot-automation-integration-cta:hover .hrcopilot-automation-cta-arrow{transform:translateX(4px)}.hrcopilot-automation-cta-section{background:linear-gradient(180deg,#0a0e27,#1a1f3a);overflow:hidden;padding:120px 20px;position:relative}.hrcopilot-automation-cta-background{inset:0;pointer-events:none;position:absolute}.hrcopilot-automation-cta-glow{animation:hrcopilot-automation-cta-float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.hrcopilot-automation-glow-primary{animation-delay:0s;background:radial-gradient(circle,#6366f1 0,#0000 70%);height:500px;right:-150px;top:-250px;width:500px}.hrcopilot-automation-glow-secondary{animation-delay:4s;background:radial-gradient(circle,#8b5cf6 0,#0000 70%);bottom:-200px;height:400px;left:-100px;width:400px}.hrcopilot-automation-cta-grid{background-image:linear-gradient(#6366f11a 1px,#0000 0),linear-gradient(90deg,#6366f11a 1px,#0000 0);background-size:50px 50px;inset:0;opacity:.3;position:absolute}.hrcopilot-automation-cta-container{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:1}.hrcopilot-automation-cta-header{margin-bottom:48px}.hrcopilot-automation-cta-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f126;border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 20px;transition:all .3s ease}.hrcopilot-automation-cta-badge:hover{background:#6366f140;border-color:#6366f180;transform:translateY(-2px)}.hrcopilot-automation-badge-icon{animation:hrcopilot-automation-pulse 2s ease-in-out infinite}.hrcopilot-automation-cta-title{color:#fff;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.hrcopilot-automation-cta-gradient{-webkit-text-fill-color:#0000;animation:hrcopilot-automation-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hrcopilot-automation-cta-description{color:#cbd5e1;font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.hrcopilot-automation-cta-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:56px}.hrcopilot-automation-cta-primary,.hrcopilot-automation-cta-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.hrcopilot-automation-cta-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 30px #6366f166;color:#fff}.hrcopilot-automation-cta-primary:before{background:linear-gradient(135deg,#8b5cf6,#ec4899);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.hrcopilot-automation-cta-primary:hover{box-shadow:0 15px 40px #6366f180;transform:translateY(-2px)}.hrcopilot-automation-cta-primary:hover:before{opacity:1}.hrcopilot-automation-cta-primary .hrcopilot-automation-cta-arrow,.hrcopilot-automation-cta-primary .hrcopilot-automation-cta-label{position:relative;z-index:1}.hrcopilot-automation-cta-arrow{transition:transform .3s ease}.hrcopilot-automation-cta-primary:hover .hrcopilot-automation-cta-arrow{transform:translateX(4px)}.hrcopilot-automation-cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.hrcopilot-automation-cta-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hrcopilot-automation-play-icon{align-items:center;background:#6366f133;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.hrcopilot-automation-cta-secondary:hover .hrcopilot-automation-play-icon{background:#6366f166;transform:scale(1.1)}.hrcopilot-automation-trust-badges{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:800px}.hrcopilot-automation-trust-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;padding:20px;transition:all .3s ease}.hrcopilot-automation-trust-item:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-2px)}.hrcopilot-automation-trust-icon{align-items:center;display:flex;font-size:24px;justify-content:center;min-width:32px}.hrcopilot-automation-trust-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.hrcopilot-automation-trust-content strong{color:#fff;font-size:16px;font-weight:700;line-height:1.3}.hrcopilot-automation-trust-content span{color:#94a3b8;font-size:13px;line-height:1.4}@keyframes hrcopilot-automation-slide-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-automation-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes hrcopilot-automation-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes hrcopilot-automation-trend-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes hrcopilot-automation-value-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes hrcopilot-automation-progress-grow{0%{width:0}}@keyframes hrcopilot-automation-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes hrcopilot-automation-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hrcopilot-automation-suggestion-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilot-automation-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hrcopilot-automation-card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hrcopilot-automation-badge-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 30px #a855f74d}}@keyframes hrcopilot-automation-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hrcopilot-automation-feature-slide{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-automation-fade-in-left{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-automation-badge-pulse{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes hrcopilot-automation-connection-pulse{0%,to{opacity:0;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(2)}}@keyframes hrcopilot-automation-cta-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}@media (max-width:1024px){.hrcopilot-automation-content,.hrcopilot-automation-integration-container{gap:60px;grid-template-columns:1fr}.hrcopilot-automation-cta-title,.hrcopilot-automation-integration-heading{font-size:40px}.hrcopilot-automation-integrations-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hrcopilot-automation-analytics-section,.hrcopilot-automation-cta-section,.hrcopilot-automation-integration-section,.hrcopilot-automation-journey-section{padding:80px 5%}.hrcopilot-automation-cta-title,.hrcopilot-automation-integration-heading,.hrcopilot-automation-title{font-size:32px}.hrcopilot-automation-cta-description,.hrcopilot-automation-integration-description,.hrcopilot-automation-section-description,.hrcopilot-automation-subtitle{font-size:16px}.hrcopilot-automation-timeline{gap:30px;grid-template-columns:1fr}.hrcopilot-automation-integrations-grid{grid-template-columns:repeat(2,1fr)}.hrcopilot-automation-features-row{gap:8px}.hrcopilot-automation-feature-pill{font-size:13px;padding:8px 16px}.hrcopilot-automation-cta-actions{flex-direction:column;width:100%}.hrcopilot-automation-cta-primary,.hrcopilot-automation-cta-secondary{justify-content:center;width:100%}.hrcopilot-automation-trust-badges{gap:16px;grid-template-columns:1fr}.hrcopilot-automation-glow-primary,.hrcopilot-automation-glow-secondary{height:300px;width:300px}}@media (max-width:480px){.hrcopilot-automation-cta-title,.hrcopilot-automation-integration-heading,.hrcopilot-automation-title{font-size:28px}.hrcopilot-automation-cta-badge,.hrcopilot-automation-integration-badge,.hrcopilot-automation-section-badge{font-size:12px;padding:6px 16px}.hrcopilot-automation-cta-primary,.hrcopilot-automation-cta-secondary{font-size:15px;padding:14px 24px}.hrcopilot-automation-integrations-grid{grid-template-columns:1fr}}.hrcopilot-automation-image-wrapper{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;box-shadow:0 20px 40px #0000004d;margin-bottom:20px;overflow:hidden;position:relative}.hrcopilot-automation-dashboard-image{border-radius:16px;display:block;height:300px;object-fit:cover;transition:transform .5s ease;width:100%}.hrcopilot-automation-image-wrapper:hover .hrcopilot-automation-dashboard-image{transform:scale(1.02)}.hrcopilot-automation-image-gradient{background:linear-gradient(135deg,#6366f11a,#8b5cf60d 50%,#a855f71a);border-radius:16px}.hrcopilot-automation-floating-badges,.hrcopilot-automation-image-gradient{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hrcopilot-automation-float-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #6366f180;border-radius:50px;box-shadow:0 4px 12px #0003;color:#e2e8f0;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;position:absolute;transition:all .3s ease;z-index:10}.hrcopilot-automation-float-badge:hover{background:#6366f133;border-color:#6366f1cc;transform:scale(1.05)}.hrcopilot-automation-badge-dot-small{animation:hrcopilot-automation-dot-pulse 1.5s ease-in-out infinite;background:#6366f1;border-radius:50%;box-shadow:0 0 8px #6366f199;height:6px;width:6px}.hrcopilot-automation-float-1{animation:hrcopilot-automation-float-badge-1 3s ease-in-out infinite;left:10%;top:15%}.hrcopilot-automation-float-2{animation:hrcopilot-automation-float-badge-2 3.5s ease-in-out infinite;right:10%;top:15%}.hrcopilot-automation-float-3{animation:hrcopilot-automation-float-badge-3 4s ease-in-out infinite;bottom:25%;left:5%}.hrcopilot-automation-float-4{animation:hrcopilot-automation-float-badge-4 4.5s ease-in-out infinite;bottom:25%;right:5%}.hrcopilot-automation-connection-lines{opacity:.6}.hrcopilot-automation-line{fill:none;stroke:url(#hrcopilot-automation-line-gradient);stroke-width:2;stroke-dasharray:5,5;filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.hrcopilot-automation-line-1{animation:hrcopilot-automation-dash-animation-1 3s linear infinite}.hrcopilot-automation-line-2{animation:hrcopilot-automation-dash-animation-2 4s linear infinite}.hrcopilot-automation-line-3{animation:hrcopilot-automation-dash-animation-3 5s linear infinite}.hrcopilot-automation-connection-lines linearGradient{position:absolute}@keyframes hrcopilot-automation-float-badge-1{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(5px)}}@keyframes hrcopilot-automation-float-badge-2{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-15px) translateX(-5px)}}@keyframes hrcopilot-automation-float-badge-3{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(10px) translateX(5px)}}@keyframes hrcopilot-automation-float-badge-4{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(12px) translateX(-5px)}}@keyframes hrcopilot-automation-dash-animation-1{to{stroke-dashoffset:-100}}@keyframes hrcopilot-automation-dash-animation-2{to{stroke-dashoffset:-120}}@keyframes hrcopilot-automation-dash-animation-3{to{stroke-dashoffset:-140}}@keyframes hrcopilot-automation-dot-pulse{0%,to{box-shadow:0 0 8px #6366f199;opacity:1;transform:scale(1)}50%{box-shadow:0 0 12px #6366f1cc;opacity:.7;transform:scale(1.2)}}.hrcopilot-automation-connection-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hrcopilot-automation-connection-lines defs{position:absolute}.hrcopilot-automation-image-wrapper:before{background:radial-gradient(circle at center,#6366f11a 0,#0000 70%);border-radius:16px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:5}.hrcopilot-automation-image-wrapper:hover:before{opacity:1}@media (max-width:768px){.hrcopilot-automation-dashboard-image{height:250px}.hrcopilot-automation-float-badge{font-size:11px;padding:6px 12px}.hrcopilot-automation-float-1{left:5%;top:10%}.hrcopilot-automation-float-2{right:5%;top:10%}.hrcopilot-automation-float-3{bottom:20%;left:3%}.hrcopilot-automation-float-4{bottom:20%;right:3%}}@media (max-width:480px){.hrcopilot-automation-dashboard-image{height:200px}.hrcopilot-automation-float-badge{font-size:10px;padding:4px 10px}.hrcopilot-automation-connection-lines{opacity:.4}}.hrcopilot-ai-automation-journey{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:100px 0;position:relative}.hrcopilot-automation-universe{margin:0 auto;max-width:1400px;padding:0 20px;position:relative}.hrcopilot-floating-ai-orb{animation:hrcopilot-orb-float 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.hrcopilot-orb-1{animation-delay:0s;background:linear-gradient(45deg,#667eea,#764ba2);height:200px;left:5%;top:10%;width:200px}.hrcopilot-orb-2{animation-delay:2s;background:linear-gradient(45deg,#f093fb,#f5576c);height:150px;right:10%;top:60%;width:150px}.hrcopilot-orb-3{animation-delay:4s;background:linear-gradient(45deg,#4facfe,#00f2fe);bottom:20%;height:180px;left:15%;width:180px}.hrcopilot-neural-network{animation:hrcopilot-network-pulse 6s ease-in-out infinite;height:100%;position:absolute;width:100%}.hrcopilot-data-streams{animation:hrcopilot-stream-flow 4s linear infinite;height:100%;position:absolute;width:100%}.hrcopilot-journey-header{margin-bottom:80px;text-align:center}.hrcopilot-ai-badge{align-items:center;animation:hrcopilot-badge-enter .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;overflow:hidden;padding:8px 20px;position:relative}.hrcopilot-ai-sparkle{animation:hrcopilot-sparkle-spin 3s linear infinite}.hrcopilot-badge-aurora{animation:hrcopilot-aurora-shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.hrcopilot-journey-title{animation:hrcopilot-title-enter .8s ease-out;color:#2b2436!important;font-size:3.5rem;font-weight:700;margin-bottom:20px}.hrcopilot-ai-gradient{color:#2b2436!important}.hrcopilot-journey-subtitle{animation:hrcopilot-subtitle-enter 1s ease-out;color:#718096;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.hrcopilot-automation-path{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px}.hrcopilot-automation-node{animation:hrcopilot-node-appear .8s ease-out both;position:relative}.hrcopilot-node-connector{background:linear-gradient(90deg,#667eea,#0000);height:2px;position:absolute;right:-20px;top:50%;width:40px;z-index:1}.hrcopilot-connector-beam{animation:hrcopilot-beam-flow 2s linear infinite;background:linear-gradient(90deg,#667eea,#f5576c);height:100%;width:100%}.hrcopilot-data-flow{animation:hrcopilot-data-travel 1.5s linear infinite;background:#4facfe;border-radius:2px;height:4px;left:0;position:absolute;top:-1px;width:20px}.hrcopilot-connector-particles{height:6px;left:0;position:absolute;top:-2px;width:100%}.hrcopilot-connector-particles:before{animation:hrcopilot-particle-travel 2s linear infinite;background:#4facfe;border-radius:50%;content:"";height:4px;position:absolute;width:4px}.hrcopilot-node-core{background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 10px 40px #667eea1a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.hrcopilot-node-core:hover{box-shadow:0 20px 60px #667eea33;transform:translateY(-5px)}.hrcopilot-node-energize{background:linear-gradient(90deg,#0000,#667eea1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hrcopilot-node-core:hover .hrcopilot-node-energize{left:100%}.hrcopilot-node-field{background:radial-gradient(circle at center,#667eea0d 0,#0000 70%);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.hrcopilot-node-core:hover .hrcopilot-node-field{opacity:1}.hrcopilot-phase-marker{align-items:center;display:flex;gap:10px;margin-bottom:20px;position:relative}.hrcopilot-phase-glow{animation:hrcopilot-phase-pulse 2s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.hrcopilot-phase-number{color:#667eea;font-size:1.5rem;font-weight:700}.hrcopilot-phase-label{color:#718096;font-size:.9rem;font-weight:500}.hrcopilot-ai-icon-container{height:60px;margin:20px 0;position:relative;width:60px}.hrcopilot-icon-aura{animation:hrcopilot-aura-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.hrcopilot-icon-pulse{animation:hrcopilot-icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;height:40px;opacity:.2;width:40px}.hrcopilot-ai-icon,.hrcopilot-icon-pulse{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.hrcopilot-ai-icon{font-size:1.5rem;z-index:2}.hrcopilot-time-indicator{align-items:center;background:#667eea1a;border-radius:15px;display:inline-flex;gap:6px;margin-bottom:15px;padding:6px 12px;position:relative}.hrcopilot-time-glow{animation:hrcopilot-time-pulse 1.5s ease-in-out infinite;background:#4facfe;border-radius:50%;height:6px;width:6px}.hrcopilot-time-value{color:#667eea;font-size:.8rem;font-weight:600}.hrcopilot-node-title{color:#1a202c;font-size:1.4rem;font-weight:600;margin-bottom:20px}.hrcopilot-ai-steps{margin-bottom:20px}.hrcopilot-step-element{align-items:flex-start;animation:hrcopilot-step-appear .5s ease-out both;display:flex;gap:12px;margin-bottom:12px}.hrcopilot-step-marker{align-items:center;background:linear-gradient(135deg,#667eea,#4facfe);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.hrcopilot-step-glow{animation:hrcopilot-step-glow 2s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.hrcopilot-step-check{color:#fff;font-size:.7rem;font-weight:700;z-index:1}.hrcopilot-step-text{color:#4a5568;font-size:.95rem;line-height:1.5}.hrcopilot-intelligence-badge{align-items:center;background:linear-gradient(135deg,#667eea1a,#f5576c1a);border:1px solid #667eea33;border-radius:20px;display:inline-flex;gap:8px;padding:8px 16px}.hrcopilot-intelligence-spark{animation:hrcopilot-sparkle 2s ease-in-out infinite}.hrcopilot-intelligence-text{color:#667eea;font-size:.8rem;font-weight:500}.hrcopilot-performance-metrics{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.hrcopilot-metric-card{animation:hrcopilot-metric-appear .6s ease-out both;background:#fff;border:1px solid #667eea1a;border-radius:15px;box-shadow:0 8px 30px #667eea1a;overflow:hidden;padding:30px;position:relative;text-align:center}.hrcopilot-metric-value{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:10px;position:relative}.hrcopilot-metric-ripple{animation:hrcopilot-ripple 2s ease-out infinite;background:#667eea1a;border-radius:50%;height:0;left:50%;position:absolute;top:50%;width:0}.hrcopilot-metric-label{color:#718096;font-size:.9rem;margin-bottom:15px}.hrcopilot-metric-graph{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.hrcopilot-graph-fill{animation:hrcopilot-graph-fill 1.5s ease-out;background:linear-gradient(90deg,#667eea,#f5576c);border-radius:2px;height:100%}@keyframes hrcopilot-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes hrcopilot-network-pulse{0%,to{opacity:.1}50%{opacity:.2}}@keyframes hrcopilot-stream-flow{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes hrcopilot-badge-enter{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hrcopilot-sparkle-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@keyframes hrcopilot-aurora-shimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@keyframes hrcopilot-title-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilot-subtitle-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilot-beam-flow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes hrcopilot-data-travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes hrcopilot-particle-travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes hrcopilot-node-appear{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hrcopilot-phase-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes hrcopilot-aura-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}@keyframes hrcopilot-icon-pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}@keyframes hrcopilot-time-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes hrcopilot-step-appear{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes hrcopilot-step-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes hrcopilot-sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes hrcopilot-ripple{0%{height:0;opacity:1;transform:translate(-50%,-50%);width:0}to{height:100px;opacity:0;transform:translate(-50%,-50%);width:100px}}@keyframes hrcopilot-graph-fill{0%{width:0}}@keyframes hrcopilot-metric-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hrcopilot-ai-analytics-dashboard{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-100px;overflow:hidden;padding:100px 0;position:relative}.hrcopilot-analytics-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 20px}.hrcopilot-analytics-reverse{grid-template-columns:1fr 1fr}.hrcopilot-analytics-visual{position:relative}.hrcopilot-live-dashboard{background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 20px 60px #667eea26;overflow:hidden;padding:30px;position:relative}.hrcopilot-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.hrcopilot-header-content{flex:1 1}.hrcopilot-ai-status{align-items:center;background:linear-gradient(135deg,#667eea1a,#f5576c1a);border-radius:15px;color:#667eea;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:8px;padding:6px 12px}.hrcopilot-status-pulse{animation:hrcopilot-status-pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.hrcopilot-dashboard-header h4{color:#1a202c;font-size:1.3rem;font-weight:600}.hrcopilot-live-indicator{align-items:center;background:#10b9811a;border-radius:12px;color:#10b981;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.hrcopilot-live-dot{animation:hrcopilot-live-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.hrcopilot-primary-metric{background:linear-gradient(135deg,#f8faff,#f0f4ff);border:1px solid #667eea1a;border-radius:15px;margin-bottom:25px;padding:25px}.hrcopilot-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.hrcopilot-metric-header span:first-child{color:#4a5568;font-weight:500}.hrcopilot-metric-trend{color:#10b981;font-size:.9rem;font-weight:600}.hrcopilot-metric-display{color:#667eea;font-size:3rem;font-weight:700;margin-bottom:15px;text-align:center}.hrcopilot-progress-container{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;position:relative}.hrcopilot-progress-bar{animation:hrcopilot-progress-grow 2s ease-out;background:linear-gradient(90deg,#667eea,#f5576c);border-radius:4px;height:100%;position:relative}.hrcopilot-progress-aura{animation:hrcopilot-aura-glow 3s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.hrcopilot-progress-sparkle{animation:hrcopilot-sparkle-slide 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);height:100%;position:absolute;right:0;top:0;width:20px}.hrcopilot-ai-insight{align-items:flex-start;background:linear-gradient(135deg,#fff5d780,#fff0c84d);border:1px solid #f59e0b33;border-radius:12px;display:flex;gap:12px;margin-bottom:25px;padding:16px}.hrcopilot-insight-icon{flex-shrink:0;font-size:1.2rem}.hrcopilot-insight-content{color:#92400e;font-size:.9rem;line-height:1.4}.hrcopilot-insight-content strong{color:#d97706}.hrcopilot-metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.hrcopilot-metric-tile{animation:hrcopilot-tile-appear .6s ease-out both;background:#fff;border:1px solid #667eea1a;border-radius:12px;padding:16px}.hrcopilot-tile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hrcopilot-metric-name{color:#4a5568;font-size:.8rem;font-weight:500}.hrcopilot-metric-score{color:#667eea;font-size:.8rem;font-weight:600}.hrcopilot-mini-progress{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.hrcopilot-mini-fill{animation:hrcopilot-mini-fill 1.5s ease-out;background:linear-gradient(90deg,#667eea,#4facfe);border-radius:2px;height:100%}.hrcopilot-analytics-content{padding:20px}.hrcopilot-analytics-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.hrcopilot-badge-icon{animation:hrcopilot-badge-icon-bounce 2s ease-in-out infinite}.hrcopilot-analytics-content h2{color:#2b2436!important;font-size:1.7rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:justify}.hrcopilot-analytics-description{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-align:justify}.hrcopilot-analytics-features{display:flex;flex-direction:column;gap:20px;text-align:justify}.hrcopilot-feature-item{align-items:flex-start;display:flex;gap:15px}.hrcopilot-feature-icon{flex-shrink:0;position:relative}.hrcopilot-icon-orb{align-items:center;animation:hrcopilot-orb-rotate 6s linear infinite;background:linear-gradient(135deg,#667eea1a,#f5576c1a);border-radius:12px;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.hrcopilot-feature-item h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:5px}.hrcopilot-feature-item p{color:#718096;font-size:.95rem;line-height:1.5}@keyframes hrcopilot-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes hrcopilot-live-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes hrcopilot-progress-grow{0%{width:0}}@keyframes hrcopilot-aura-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes hrcopilot-sparkle-slide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes hrcopilot-tile-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hrcopilot-mini-fill{0%{width:0}}@keyframes hrcopilot-badge-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hrcopilot-orb-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hrcopilot-integration-ecosystem{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-70px;overflow:hidden;padding:100px 0;position:relative}.hrcopilot-ecosystem-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 20px}.hrcopilot-ecosystem-reverse{grid-template-columns:1fr 1fr}.hrcopilot-ecosystem-content{padding:20px}.hrcopilot-integration-badge{align-items:center;background:linear-gradient(135deg,#667eea1a,#f5576c1a);border:1px solid #667eea33;border-radius:20px;color:#667eea;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.hrcopilot-badge-pulse{animation:hrcopilot-badge-pulse 2s ease-in-out infinite;background:#667eea;border-radius:50%;height:6px;width:6px}.hrcopilot-ecosystem-heading{color:#2b2436!important;font-size:1.3rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:justify}.hrcopilot-ecosystem-gradient{color:#2b2436!important}.hrcopilot-ecosystem-description{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-align:justify}.hrcopilot-feature-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.hrcopilot-feature-tag{align-items:center;background:#fff;border:1px solid #667eea33;border-radius:20px;box-shadow:0 2px 10px #667eea1a;color:#667eea;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.hrcopilot-feature-tag:hover{box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.hrcopilot-tag-icon{font-size:.9rem}.hrcopilot-integration-matrix{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.hrcopilot-integration-cell{animation:hrcopilot-cell-appear .6s ease-out both;background:#fff;border:1px solid #667eea1a;border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.hrcopilot-integration-cell:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-3px)}.hrcopilot-cell-glow{background:linear-gradient(90deg,#0000,#667eea0d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.hrcopilot-integration-cell:hover .hrcopilot-cell-glow{left:100%}.hrcopilot-integration-symbol{align-items:center;background:linear-gradient(135deg,#667eea,#4facfe);border-radius:10px;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin:0 auto 10px;width:40px}.hrcopilot-integration-label{color:#4a5568;font-size:.8rem;font-weight:500}.hrcopilot-connection-wave{background:linear-gradient(90deg,#0000,#667eea,#0000);bottom:0;height:2px;left:0;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.hrcopilot-integration-cell:hover .hrcopilot-connection-wave{animation:hrcopilot-wave-flow 1.5s linear infinite;opacity:1}.hrcopilot-ecosystem-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.hrcopilot-ecosystem-cta:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.hrcopilot-cta-arrow{transition:transform .3s ease}.hrcopilot-ecosystem-cta:hover .hrcopilot-cta-arrow{transform:translateX(3px)}.hrcopilot-ecosystem-visual{position:relative}.hrcopilot-visual-backdrop{animation:hrcopilot-backdrop-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.hrcopilot-central-hub{background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 20px 60px #667eea26;padding:30px;position:relative;z-index:2}.hrcopilot-hub-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.hrcopilot-header-dots{display:flex;gap:6px}.hrcopilot-header-dots span{background:#e2e8f0;border-radius:50%;height:8px;width:8px}.hrcopilot-header-dots span:first-child{background:#f56565}.hrcopilot-header-dots span:nth-child(2){background:#ecc94b}.hrcopilot-header-dots span:nth-child(3){background:#48bb78}.hrcopilot-hub-title{color:#1a202c;font-size:1.1rem;font-weight:600}.hrcopilot-hub-visual{margin-bottom:25px;position:relative}.hrcopilot-hub-image{border-radius:12px;height:500px;object-fit:cover;position:relative;width:100%;z-index:1}.hrcopilot-image-overlay{background:linear-gradient(135deg,#667eea1a,#f5576c1a);border-radius:12px;z-index:2}.hrcopilot-floating-nodes,.hrcopilot-image-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hrcopilot-floating-nodes{z-index:3}.hrcopilot-floating-node{align-items:center;animation:hrcopilot-node-float 6s ease-in-out infinite;background:#fff;border:1px solid #667eea33;border-radius:15px;box-shadow:0 4px 15px #667eea33;color:#667eea;display:flex;font-size:.7rem;font-weight:500;gap:6px;padding:6px 12px;position:absolute}.hrcopilot-node-dot{animation:hrcopilot-node-pulse 2s ease-in-out infinite;background:#667eea;border-radius:50%;height:6px;width:6px}.hrcopilot-node-1{animation-delay:0s;left:10%;top:20%}.hrcopilot-node-2{animation-delay:1s;left:15%;top:60%}.hrcopilot-node-3{animation-delay:2s;right:10%;top:30%}.hrcopilot-node-4{animation-delay:3s;right:15%;top:70%}.hrcopilot-neural-connections{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hrcopilot-connection{fill:none;stroke:url(#hrcopilot-gradient);stroke-width:2;stroke-dasharray:10;animation:hrcopilot-connection-dash 3s linear infinite}.hrcopilot-conn-1{animation-delay:0s}.hrcopilot-conn-2{animation-delay:1s}.hrcopilot-conn-3{animation-delay:2s}.hrcopilot-hub-stats{align-items:center;background:linear-gradient(135deg,#f8faff,#f0f4ff);border:1px solid #667eea1a;border-radius:12px;display:flex;justify-content:space-around;padding:20px}.hrcopilot-hub-stat{text-align:center}.hrcopilot-stat-value{color:#667eea;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.hrcopilot-stat-label{color:#718096;font-size:.8rem}.hrcopilot-stat-divider{background:#667eea33;height:30px;width:1px}.hrcopilot-orbital-system{height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}.hrcopilot-orbital-item{align-items:center;animation:hrcopilot-orbit-rotate 8s linear infinite;background:#fff;border-radius:50%;box-shadow:0 4px 15px #667eea33;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;width:40px}.hrcopilot-orbit-1{animation-delay:0s;left:50%;top:0;transform:translateX(-50%)}.hrcopilot-orbit-2{animation-delay:2.66s;right:0;top:50%;transform:translateY(-50%)}.hrcopilot-orbit-3{animation-delay:5.33s;bottom:0;left:50%;transform:translateX(-50%)}@keyframes hrcopilot-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes hrcopilot-cell-appear{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes hrcopilot-wave-flow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes hrcopilot-backdrop-pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.1)}}@keyframes hrcopilot-node-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hrcopilot-node-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes hrcopilot-connection-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}@keyframes hrcopilot-orbit-rotate{0%{transform:rotate(0deg) translateX(150px) rotate(0deg)}to{transform:rotate(1turn) translateX(150px) rotate(-1turn)}}@media (max-width:1024px){.hrcopilot-analytics-container,.hrcopilot-ecosystem-container{gap:40px;grid-template-columns:1fr}.hrcopilot-automation-path{grid-template-columns:1fr}.hrcopilot-node-connector{display:none}.hrcopilot-integration-matrix{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hrcopilot-ecosystem-heading,.hrcopilot-journey-title{font-size:2rem}.hrcopilot-integration-matrix,.hrcopilot-metrics-grid,.hrcopilot-performance-metrics{grid-template-columns:1fr}.hrcopilot-feature-tags{justify-content:center}}.hrcopilot-neural-connections defs,.hrcopilot-neural-connections linearGradient{position:absolute}.automation-orchestrator-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 0;position:relative}.orchestrator-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.orchestrator-bg-particles{animation:orchestrator-particle-float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#f5576c1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#4facfe1a 0,#0000 50%);height:100%;left:0;position:absolute;top:0;width:100%}.orchestrator-floating-circuit{animation:orchestrator-circuit-slide 30s linear infinite;background-image:linear-gradient(90deg,#0000 79%,#667eea08 80%,#0000 81%),linear-gradient(45deg,#0000 79%,#f5576c08 80%,#0000 81%);background-size:50px 50px;height:100%;left:0;position:absolute;top:0;width:100%}.orchestrator-pulse-rings{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.orchestrator-pulse-rings:after,.orchestrator-pulse-rings:before{animation:orchestrator-pulse-ring 4s ease-out infinite;border:1px solid #667eea1a;border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orchestrator-pulse-rings:before{animation-delay:0s;height:80%;width:80%}.orchestrator-pulse-rings:after{animation-delay:2s;height:60%;width:60%}.orchestrator-header{margin-bottom:80px;text-align:center}.orchestrator-badge{align-items:center;animation:orchestrator-badge-entrance .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:30px;overflow:hidden;padding:10px 24px;position:relative}.orchestrator-badge-glow{animation:orchestrator-glow-shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.orchestrator-title{animation:orchestrator-title-entrance .8s ease-out .2s both;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:20px}.orchestrator-title,.orchestrator-title-gradient{color:#2b2436!important}.orchestrator-subtitle{animation:orchestrator-subtitle-entrance .8s ease-out .4s both;color:#718096;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.orchestrator-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.process-flow-column{position:relative}.flow-visualization{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #667eea1a;border-radius:24px;box-shadow:0 20px 60px #667eea1a;overflow:hidden;padding:40px;position:relative}.flow-action-node,.flow-process-node,.flow-start-node{align-items:center;animation:orchestrator-node-entrance .6s ease-out both;background:#fff;border:1px solid #667eea1a;border-radius:16px;display:flex;gap:20px;margin-bottom:30px;padding:25px;position:relative;transition:all .3s ease}.flow-action-node{animation-delay:.5s}.flow-action-node:hover,.flow-process-node:hover,.flow-start-node:hover{box-shadow:0 15px 40px #667eea26;transform:translateY(-5px)}.node-icon{align-items:center;background:linear-gradient(135deg,#667eea,#4facfe);border-radius:16px;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.node-content h4{color:#1a202c;font-size:1.2rem;font-weight:600;margin-bottom:5px}.node-content p{color:#718096;font-size:.9rem;margin:0}.node-pulse{animation:orchestrator-pulse-dot 2s ease-in-out infinite;background:#10b981;height:8px;right:20px;top:20px;width:8px}.node-activity{display:flex;gap:3px;position:absolute;right:20px;top:20px}.activity-bar{animation:orchestrator-activity-bars 1.5s ease-in-out infinite;background:#667eea;border-radius:2px;height:15px;width:3px}.activity-bar:nth-child(2){animation-delay:.2s}.activity-bar:nth-child(3){animation-delay:.4s}.action-sparkles{position:absolute;right:20px;top:20px}.sparkle{animation:orchestrator-sparkle-pop 2s ease-in-out infinite;background:#f59e0b;border-radius:50%;height:4px;position:absolute;width:4px}.sparkle:first-child{animation-delay:0s;left:0;top:0}.sparkle:nth-child(2){animation-delay:.5s;right:0;top:0}.sparkle:nth-child(3){animation-delay:1s;bottom:0;left:0}.flow-connector{height:40px;margin:10px 0}.connector-line{background:linear-gradient(180deg,#0000,#667eea,#0000);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.data-packet{animation:orchestrator-data-flow 2s linear infinite;background:#667eea;height:8px;width:8px}.automation-cards-column{display:flex;flex-direction:column;gap:30px}.automation-card{animation:orchestrator-card-entrance .6s ease-out both;background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 10px 40px #667eea1a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.automation-card:hover{box-shadow:0 20px 60px #667eea26;transform:translateY(-5px)}.automation-card:before{background:linear-gradient(90deg,#0000,#667eea0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.automation-card:hover:before{left:100%}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.card-icon{height:50px;position:relative;width:50px}.icon-emoji{font-size:1.8rem;position:relative;z-index:2}.icon-aura{animation:orchestrator-icon-aura 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#4facfe);border-radius:12px;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.card-badge{background:linear-gradient(135deg,#10b9811a,#f59e0b1a);border:1px solid #10b98133;border-radius:12px;color:#10b981;font-size:.7rem;font-weight:600;padding:4px 12px}.card-title{color:#1a202c;font-size:1.4rem;font-weight:600;margin-bottom:15px}.card-description{color:#718096;font-size:.95rem;line-height:1.6;margin-bottom:25px}.automation-stats{display:flex;gap:30px;margin-bottom:20px}.stat{text-align:center}.stat-value{color:#667eea;font-size:1.8rem}.automation-progress{align-items:center;display:flex;gap:15px}.progress-track{background:#e2e8f0;flex:1 1;height:6px;overflow:hidden}.progress-fill,.progress-track{border-radius:3px;position:relative}.progress-fill{animation:orchestrator-progress-grow 1.5s ease-out;background:linear-gradient(90deg,#667eea,#f5576c)}.progress-glow{animation:orchestrator-progress-glow 2s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.progress-text{color:#667eea;font-size:.8rem;font-weight:600;min-width:80px}.orchestrator-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:50px}.stat-circle,.stat-item{position:relative}.stat-circle{align-items:center;display:flex;height:100px;justify-content:center;margin:0 auto 15px;width:100px}.stat-number{font-size:1.8rem;position:relative;z-index:2}.stat-ring{animation:orchestrator-stat-rotate 4s linear infinite;border:3px solid #667eea1a;height:100%;left:0;top:0;width:100%}.stat-ring,.stat-ring:before{border-radius:50%;position:absolute}.stat-ring:before{background:#667eea;content:"";height:6px;left:50%;top:-3px;transform:translateX(-50%);width:6px}.stat-label{color:#718096;font-size:.9rem}.floating-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.floating-chip{align-items:center;animation:orchestrator-chip-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #667eea33;border-radius:25px;box-shadow:0 8px 25px #667eea1a;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative}.floating-chip:first-child{animation-delay:0s}.floating-chip:nth-child(2){animation-delay:2s}.floating-chip:nth-child(3){animation-delay:4s}.chip-glow{background:linear-gradient(90deg,#0000,#667eea1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.floating-chip:hover .chip-glow{left:100%}@keyframes orchestrator-particle-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}@keyframes orchestrator-circuit-slide{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes orchestrator-pulse-ring{0%{height:0;opacity:1;width:0}to{height:100%;opacity:0;width:100%}}@keyframes orchestrator-badge-entrance{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orchestrator-glow-shimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@keyframes orchestrator-title-entrance{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes orchestrator-subtitle-entrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes orchestrator-node-entrance{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes orchestrator-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes orchestrator-activity-bars{0%,to{height:5px}50%{height:15px}}@keyframes orchestrator-sparkle-pop{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes orchestrator-data-flow{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}@keyframes orchestrator-card-entrance{0%{opacity:0;transform:translateX(30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes orchestrator-icon-aura{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes orchestrator-progress-grow{0%{width:0}}@keyframes orchestrator-progress-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes orchestrator-stat-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orchestrator-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.orchestrator-grid{gap:40px;grid-template-columns:1fr}.orchestrator-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.orchestrator-title{font-size:2.5rem}.orchestrator-stats{grid-template-columns:1fr}.automation-stats{flex-direction:column;gap:15px}.floating-actions{align-items:center;flex-direction:column}}.automation-card:hover .icon-aura{animation-duration:1s}.flow-action-node:hover .sparkle,.flow-process-node:hover .activity-bar,.flow-start-node:hover .node-pulse{animation-duration:.5s}.flow-design-node,.flow-optimize-node{align-items:center;animation:orchestrator-node-entrance .6s ease-out both;background:#fff;border:1px solid #667eea1a;border-radius:16px;display:flex;gap:20px;margin-bottom:30px;padding:25px;position:relative;transition:all .3s ease}.flow-optimize-node{animation-delay:.7s}.flow-design-node:hover,.flow-optimize-node:hover{box-shadow:0 15px 40px #667eea26;transform:translateY(-5px)}.design-waves{display:flex;gap:2px;position:absolute;right:20px;top:20px}.wave{animation:orchestrator-wave-pulse 1.2s ease-in-out infinite;background:linear-gradient(180deg,#667eea,#4facfe);border-radius:2px;height:12px;width:3px}.wave:first-child{animation-delay:0s}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.4s}.optimize-rings{right:20px;transform:translateY(-50%)}.optimize-rings,.ring{position:absolute;top:50%}.ring{animation:orchestrator-ring-expand 2s ease-out infinite;border:2px solid #10b981;border-radius:50%;left:50%;transform:translate(-50%,-50%)}.ring:first-child{animation-delay:0s;height:12px;width:12px}.ring:nth-child(2){animation-delay:.3s;height:20px;width:20px}.ring:nth-child(3){animation-delay:.6s;height:28px;width:28px}@keyframes orchestrator-wave-pulse{0%,to{height:5px;opacity:.7}50%{height:15px;opacity:1}}@keyframes orchestrator-ring-expand{0%{height:0;opacity:1;width:0}to{height:40px;opacity:0;width:40px}}.flow-start-node{animation-delay:.1s}.flow-process-node{animation-delay:.3s}.flow-design-node{animation-delay:.5s}.flow-action-node{animation-delay:.7s}.flow-optimize-node{animation-delay:.9s}.flow-connector{height:30px;justify-content:center;margin:8px 0}.data-packet{animation:orchestrator-data-flow 1.5s linear infinite;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;box-shadow:0 0 8px #667eea80;height:6px;position:absolute;width:6px}.flow-start-node .node-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.flow-process-node .node-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.flow-design-node .node-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.flow-action-node .node-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.flow-optimize-node .node-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.flow-action-node:hover .sparkle,.flow-design-node:hover .wave,.flow-optimize-node:hover .ring,.flow-process-node:hover .activity-bar,.flow-start-node:hover .node-pulse{animation-duration:.3s}@media (max-width:768px){.flow-visualization{padding:20px}.flow-action-node,.flow-design-node,.flow-optimize-node,.flow-process-node,.flow-start-node{gap:15px;padding:20px}.node-icon{font-size:1.3rem;height:50px;width:50px}.node-content h4{font-size:1.1rem}.node-content p{font-size:.85rem}}.hrv-automation-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-automation-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-automation-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.hrv-automation-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-background-clip:text;background-clip:text;font-weight:700}.workflow-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.workflow-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.workflow-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.workflow-floating-shape{animation:workflow-float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.workflow-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.workflow-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.workflow-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.workflow-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.workflow-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.workflow-gradient-orb{animation:workflow-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.workflow-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-200px;top:-200px;width:400px}.workflow-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.workflow-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.workflow-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.workflow-svg-path-1{animation:workflow-svgFloat 25s ease-in-out infinite}.workflow-svg-path-2{animation:workflow-svgFloat 30s ease-in-out infinite reverse}.workflow-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.workflow-hero-section.workflow-visible{opacity:1;transform:translateY(0)}.workflow-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.workflow-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.workflow-badge-dot{animation:workflow-pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.workflow-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.workflow-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.workflow-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.workflow-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.workflow-btn-primary,.workflow-btn-secondary,.workflow-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.workflow-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.workflow-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.workflow-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.workflow-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.workflow-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.workflow-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.workflow-btn-icon{font-size:12px}.workflow-btn-large{font-size:18px;padding:18px 40px}.workflow-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.workflow-stat{text-align:left}.workflow-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.workflow-stat-label{color:#6b7280;font-size:14px;font-weight:500}.workflow-hero-visual{height:600px;position:relative}.workflow-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026}.workflow-glass-card,.workflow-main-visual{height:100%;overflow:hidden;position:relative}.workflow-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px}.workflow-hero-image{height:100%;object-fit:cover;width:100%}.workflow-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.workflow-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.workflow-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.workflow-glass-content p{color:#fffc;font-size:1rem}.workflow-floating-card{align-items:center;animation:workflow-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.workflow-card-1{animation-delay:0s;left:-60px;top:10%}.workflow-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.workflow-card-3{animation-delay:-4s;bottom:20%;left:-40px}.workflow-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.workflow-card-content{display:flex;flex-direction:column}.workflow-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.workflow-card-text{color:#6b7280;font-size:14px}.workflow-card-progress{animation:workflow-progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.workflow-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.workflow-scroll-line{animation:workflow-scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.workflow-features-section{background:#ffffff80;padding:120px 5%}.workflow-section-content{margin:0 auto;max-width:1400px}.workflow-section-header{margin-bottom:80px;text-align:center}.workflow-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.workflow-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.workflow-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.workflow-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.workflow-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.workflow-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.workflow-feature-card:hover:before{left:100%}.workflow-feature-card.workflow-active,.workflow-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.workflow-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.workflow-feature-icon{align-items:center;border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.workflow-feature-glow,.workflow-feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.workflow-feature-glow{animation:workflow-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.workflow-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.workflow-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.workflow-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.workflow-feature-card:hover .workflow-feature-arrow{opacity:1;transform:translateX(0)}.workflow-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.workflow-timeline{margin:0 auto;max-width:1000px;position:relative}.workflow-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.workflow-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.workflow-timeline-item:nth-child(odd){flex-direction:row-reverse}.workflow-timeline-item:nth-child(odd) .workflow-timeline-content{margin-left:0;margin-right:60px;text-align:right}.workflow-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.workflow-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.workflow-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.workflow-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.workflow-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.workflow-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.workflow-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.workflow-timeline-steps{grid-gap:12px;display:grid;gap:12px}.workflow-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.workflow-step-check{color:#10b981;font-weight:600}.workflow-progress-section{background:#ffffff80;padding:120px 5%}.workflow-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.workflow-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.workflow-dashboard-header{align-items:center;display:flex;justify-content:between;margin-bottom:30px}.workflow-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.workflow-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.workflow-progress-stats{margin-bottom:30px}.workflow-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.workflow-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.workflow-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.workflow-progress-glow{animation:workflow-progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.workflow-progress-items{grid-gap:20px;display:grid;gap:20px}.workflow-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.workflow-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.workflow-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.workflow-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.workflow-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.workflow-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.workflow-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.workflow-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.workflow-integration-orb{animation:workflow-float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.workflow-integration-orb-1{animation-delay:0s;left:10%;top:20%}.workflow-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.workflow-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.workflow-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.workflow-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.workflow-cta-orb{animation:workflow-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.workflow-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.workflow-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.workflow-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.workflow-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.workflow-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.workflow-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.workflow-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.workflow-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.workflow-cta-stat{color:#ffffffe6;font-size:14px}.workflow-cta-stat strong{color:#fff;font-weight:600}.workflow-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.workflow-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.workflow-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.workflow-video-popup-close:hover{background:#000000b3}.workflow-video-container{height:0;padding-bottom:56.25%;position:relative}.workflow-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.workflow-video-popup-info{padding:30px;text-align:center}.workflow-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.workflow-video-popup-info p{color:#6b7280;line-height:1.6}.workflow-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.workflow-feature-point{align-items:flex-start;display:flex;gap:16px}.workflow-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.workflow-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.workflow-feature-point p{color:#6b7280;line-height:1.5}.workflow-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.workflow-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.workflow-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes workflow-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes workflow-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes workflow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes workflow-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes workflow-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes workflow-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes workflow-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.workflow-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.workflow-features-grid,.workflow-hero-stats{grid-template-columns:repeat(2,1fr)}.workflow-reversed{gap:60px;grid-template-columns:1fr}.workflow-timeline:before{left:30px}.workflow-timeline-item{flex-direction:row!important}.workflow-timeline-marker{left:30px}.workflow-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.workflow-hero-title{font-size:2.5rem}.workflow-section-header h2{font-size:2rem}.workflow-features-grid{grid-template-columns:1fr}.workflow-integration-grid{grid-template-columns:repeat(3,1fr)}.workflow-cta-stats{grid-template-columns:repeat(2,1fr)}.workflow-cta-buttons,.workflow-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.workflow-hero-title{font-size:2rem}.workflow-integration-grid{grid-template-columns:repeat(2,1fr)}.workflow-cta-stats{grid-template-columns:1fr}.workflow-floating-card{margin-bottom:20px;position:relative}.workflow-card-1,.workflow-card-2,.workflow-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.workflow-intelligence-platform{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-50px;overflow:hidden;padding:120px 5%;position:relative}.wip-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.wip-section-header{animation:wipFadeInUp .8s ease-out;margin-bottom:80px;text-align:center}@keyframes wipFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.wip-header-badge{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:50px;display:inline-flex;gap:12px;margin-bottom:32px;overflow:hidden;padding:14px 32px;position:relative}.wip-pulse-orb{animation:wipPulseOrb 3s ease-in-out infinite;background:radial-gradient(circle,#6366f14d,#0000 70%);border-radius:50px;height:100%;position:absolute;width:100%}@keyframes wipPulseOrb{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.wip-badge-icon{animation:wipIconFloat 4s ease-in-out infinite;font-size:20px}@keyframes wipIconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-5px) rotate(5deg)}66%{transform:translateY(3px) rotate(-3deg)}}.wip-badge-text{color:#6366f1;font-size:15px;font-weight:700;letter-spacing:.5px;position:relative;z-index:1}.wip-main-heading{color:#1e293b;font-size:54px;font-weight:800;line-height:1.1;margin:0 0 24px}.wip-gradient-text{animation:wipGradientFlow 6s ease infinite;background-size:300% 300%;color:#2b2436!important}@keyframes wipGradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.wip-section-description{color:#64748b;font-size:20px;line-height:1.7;margin:0 auto 48px;max-width:800px}.wip-header-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px}.wip-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f11a;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.wip-stat-card:hover{box-shadow:0 12px 32px #6366f126;transform:translateY(-4px)}.wip-stat-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.wip-stat-content{display:flex;flex-direction:column;gap:4px}.wip-stat-value{color:#1e293b;font-size:28px;font-weight:800;line-height:1}.wip-stat-label{color:#64748b;font-size:14px;font-weight:600}.wip-content-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.2fr .8fr;margin-bottom:100px}.wip-analytics-column{animation:wipSlideInLeft .8s ease-out}@keyframes wipSlideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.wip-dashboard-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #6366f126;border-radius:28px;box-shadow:0 25px 70px #6366f11f;overflow:hidden;padding:40px;position:relative}.wip-dashboard-container:before{animation:wipHeaderFlow 4s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#6366f1);background-size:200% 200%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes wipHeaderFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.wip-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.wip-dashboard-title h3{color:#1e293b;font-size:24px;font-weight:700;margin:12px 0 0}.wip-ai-status{align-items:center;background:#10b9811f;border:1px solid #10b98140;border-radius:50px;color:#10b981;display:flex;font-size:13px;font-weight:700;gap:10px;padding:8px 16px}.wip-status-pulse{animation:wipStatusPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes wipStatusPulse{0%,to{box-shadow:0 0 0 0 #10b981b3;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 8px #10b98100;opacity:.8;transform:scale(1.3)}}.wip-dashboard-controls{display:flex;gap:16px}.wip-filter-select{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.wip-filter-select:hover{border-color:#6366f166}.wip-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.wip-kpi-card{background:linear-gradient(135deg,#6366f108,#8b5cf608);border:1px solid #6366f11a;border-radius:16px;padding:24px;transition:all .3s ease}.wip-kpi-card:hover{border-color:#6366f14d;box-shadow:0 12px 32px #6366f11a;transform:translateY(-4px)}.wip-kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.wip-kpi-title{color:#475569;font-size:14px;font-weight:600}.wip-trend-indicator{border-radius:50px;font-size:12px;font-weight:700;padding:4px 10px}.wip-trend-indicator.positive{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.wip-trend-indicator.negative{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.wip-kpi-value{color:#1e293b;font-size:36px;font-weight:800;line-height:1;margin-bottom:16px}.wip-progress-bar{background:#6366f11a;border-radius:50px;height:8px;overflow:hidden;position:relative}.wip-progress-fill{border-radius:50px;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.wip-progress-fill:not(.error):not(.savings){background:linear-gradient(90deg,#6366f1,#8b5cf6)}.wip-progress-fill.error{background:linear-gradient(90deg,#ef4444,#dc2626)}.wip-progress-fill.savings{background:linear-gradient(90deg,#10b981,#059669)}.wip-progress-glow{animation:wipShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes wipShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.wip-recommendations-panel{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f126;border-radius:20px;margin-bottom:32px;padding:32px}.wip-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wip-panel-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:12px}.wip-panel-icon{animation:wipIconBounce 2s ease-in-out infinite;font-size:24px}@keyframes wipIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wip-priority-badge{background:#ef44441a;border:1px solid #ef44444d;border-radius:50px;color:#ef4444;font-size:12px;font-weight:700;padding:6px 14px}.wip-recommendations-list{display:flex;flex-direction:column;gap:20px}.wip-recommendation-item{background:#ffffffb3;border:1px solid #6366f11a;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.wip-recommendation-item:hover{border-color:#6366f14d;transform:translateX(8px)}.wip-rec-icon{align-items:center;background:#6366f11a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.wip-rec-content{flex:1 1}.wip-rec-content h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 8px}.wip-rec-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px}.wip-rec-meta{display:flex;gap:16px}.wip-rec-impact,.wip-rec-time{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px}.wip-rec-impact{background:#6366f11a;color:#6366f1}.wip-rec-time{background:#6b72801a;color:#6b7280}.wip-implement-btn{align-self:flex-start;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.wip-implement-btn:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.wip-process-analytics{background:#fffc;border:1px solid #6366f11a;border-radius:20px;padding:32px}.wip-analytics-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 24px}.wip-process-metrics{display:flex;flex-direction:column;gap:20px}.wip-process-metric{align-items:center;background:#6366f108;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.wip-process-metric:hover{background:#6366f114;transform:translateX(4px)}.wip-metric-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.wip-metric-name{color:#475569;font-size:14px;font-weight:600}.wip-metric-value{color:#1e293b;font-size:18px;font-weight:800}.wip-metric-bar{background:#6366f11a;flex:2 1;height:8px;overflow:hidden}.wip-metric-bar,.wip-metric-fill{border-radius:50px;position:relative}.wip-metric-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.wip-metric-glow{animation:wipMetricShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes wipMetricShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.wip-metric-change{min-width:60px;text-align:right}.wip-change-indicator{border-radius:50px;font-size:12px;font-weight:700;padding:4px 10px}.wip-change-indicator.up{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.wip-change-indicator.down{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.wip-features-column{animation:wipSlideInRight .8s ease-out}@keyframes wipSlideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.wip-capabilities-section{margin-bottom:40px}.wip-capabilities-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 32px}.wip-capability-card{background:#fffc;border:1px solid #6366f11a;border-radius:20px;margin-bottom:24px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.wip-capability-card:hover{border-color:#6366f14d;box-shadow:0 16px 40px #6366f126;transform:translateY(-6px)}.wip-capability-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.wip-capability-card:hover:before{opacity:1}.wip-capability-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.wip-capability-icon{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.wip-capability-icon span{font-size:28px;position:relative;z-index:2}.wip-icon-aura{animation:wipAuraPulse 3s ease-in-out infinite;background:radial-gradient(circle,#6366f133,#0000 70%);border-radius:16px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes wipAuraPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.wip-capability-header h4{color:#1e293b;font-size:20px;font-weight:700;margin:0}.wip-capability-card p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:20px}.wip-capability-features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.wip-capability-features li{background:#6366f10d;border-radius:8px;color:#475569;font-size:14px;padding:8px 12px 8px 28px;position:relative}.wip-capability-features li:before{color:#6366f1;content:"✓";font-size:12px;font-weight:700;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.wip-integrations-section{background:#fffc;border:1px solid #6366f11a;border-radius:20px;padding:32px}.wip-integrations-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 24px;text-align:center}.wip-integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.wip-integration-item{align-items:center;background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 12px;transition:all .3s ease}.wip-integration-item:hover{background:#6366f11a;border-color:#6366f14d;transform:translateY(-2px)}.wip-integration-icon{align-items:center;background:#6366f11a;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.wip-integration-item span{color:#475569;font-size:12px;font-weight:600;text-align:center}.wip-cta-section{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:28px;overflow:hidden;position:relative}.wip-cta-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr auto;padding:80px;position:relative;z-index:2}.wip-cta-content{color:#fff}.wip-cta-title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px}.wip-cta-description{font-size:18px;line-height:1.6;margin:0 0 32px;opacity:.9}.wip-cta-buttons{display:flex;gap:16px;margin-bottom:48px}.wip-cta-primary{align-items:center;background:#fffffff2;border:none;border-radius:16px;color:#6366f1;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s ease}.wip-cta-primary:hover{box-shadow:0 12px 30px #ffffff4d;transform:translateY(-3px)}.wip-btn-sparkle{background:radial-gradient(circle,#fffc,#0000 70%);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.wip-cta-primary:hover .wip-btn-sparkle{animation:wipSparkle 1s ease-out;opacity:1}@keyframes wipSparkle{0%{opacity:1;transform:scale(0) rotate(0deg)}to{opacity:0;transform:scale(1) rotate(180deg)}}.wip-cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:18px 36px;transition:all .3s ease}.wip-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.wip-cta-stats{display:flex;gap:40px}.wip-cta-stat{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.wip-cta-value{font-size:32px;font-weight:800;line-height:1}.wip-cta-label{font-size:14px;font-weight:600;opacity:.9}.wip-cta-visual{height:300px;position:relative;width:300px}.wip-orb-animation{height:100%;position:relative;width:100%}.wip-orb{animation:wipOrbFloat 6s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.6;position:absolute}.wip-orb-1{animation-delay:0s;background:radial-gradient(circle,#fff6,#0000 70%);height:200px;left:0;top:0;width:200px}.wip-orb-2{animation-delay:2s;background:radial-gradient(circle,#ffffff4d,#0000 70%);bottom:0;height:150px;right:0;width:150px}.wip-orb-3{animation-delay:4s;background:radial-gradient(circle,#fff3,#0000 70%);height:100px;left:50%;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes wipOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-15px,15px) scale(.9)}}@media (max-width:1200px){.wip-content-grid{gap:40px;grid-template-columns:1fr}.wip-header-stats{max-width:400px}.wip-header-stats,.wip-kpi-grid{grid-template-columns:1fr}}@media (max-width:768px){.workflow-intelligence-platform{padding:80px 5%}.wip-main-heading{font-size:40px}.wip-section-description{font-size:18px}.wip-dashboard-container{padding:24px}.wip-dashboard-header{flex-direction:column;gap:16px}.wip-capability-features{grid-template-columns:1fr}.wip-integrations-grid{grid-template-columns:repeat(2,1fr)}.wip-cta-container{grid-template-columns:1fr;padding:40px;text-align:center}.wip-cta-title{font-size:32px}.wip-cta-buttons{align-items:center;flex-direction:column}.wip-cta-stats{justify-content:center}}@media (max-width:480px){.wip-main-heading{font-size:32px}.wip-header-badge{padding:12px 20px}.wip-dashboard-container{padding:20px}.wip-integrations-grid{grid-template-columns:1fr}.wip-cta-container{padding:32px 24px}}.wip-delay-1{animation-delay:.1s}.wip-delay-2{animation-delay:.2s}.wip-delay-3{animation-delay:.3s}.wip-delay-4{animation-delay:.4s}.wip-delay-5{animation-delay:.5s}.workflow-copilot-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-200px;overflow:hidden;padding:120px 5%;position:relative}.copilot-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.copilot-section-header{animation:copilotFadeInUp .8s ease-out;margin-bottom:80px;text-align:center}@keyframes copilotFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.copilot-header-badge{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:50px;display:inline-flex;gap:12px;margin-bottom:32px;overflow:hidden;padding:14px 32px;position:relative}.copilot-pulse-ring{animation:copilotPulseRing 2s ease-out infinite;border:2px solid #6366f1;border-radius:50px;inset:-2px;position:absolute}@keyframes copilotPulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.copilot-badge-icon{animation:copilotIconFloat 4s ease-in-out infinite;font-size:20px}@keyframes copilotIconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-5px) rotate(5deg)}66%{transform:translateY(3px) rotate(-3deg)}}.copilot-badge-text{color:#6366f1;font-size:15px;font-weight:700;letter-spacing:.5px;position:relative;z-index:1}.copilot-main-title{color:#2b2436!important;font-size:56px;font-weight:800;line-height:1.1;margin:0 0 24px}.copilot-title-gradient{animation:copilotGradientFlow 6s ease infinite;background-size:300% 300%;color:#2b2436!important}@keyframes copilotGradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.copilot-subtitle{color:#64748b;font-size:20px;line-height:1.6;margin:0 auto;max-width:600px}.copilot-content-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.1fr .9fr;margin-bottom:80px}.copilot-dashboard-column{animation:copilotSlideInLeft .8s ease-out}@keyframes copilotSlideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.copilot-main-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #6366f126;border-radius:28px;box-shadow:0 25px 70px #6366f11f;overflow:hidden;padding:40px;position:relative}.copilot-main-dashboard:before{animation:copilotHeaderFlow 4s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#6366f1);background-size:200% 200%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes copilotHeaderFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.copilot-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.copilot-dashboard-title h3{color:#1e293b;font-size:24px;font-weight:700;margin:12px 0 0}.copilot-ai-indicator{align-items:center;background:#10b9811f;border:1px solid #10b98140;border-radius:50px;color:#10b981;display:flex;font-size:13px;font-weight:700;gap:10px;padding:8px 16px}.copilot-ai-pulse{animation:copilotStatusPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes copilotStatusPulse{0%,to{box-shadow:0 0 0 0 #10b981b3;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 8px #10b98100;opacity:.8;transform:scale(1.3)}}.copilot-live-feed{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:50px;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.copilot-live-dot{animation:copilotLivePulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes copilotLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.copilot-efficiency-card{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:20px;margin-bottom:32px;padding:32px}.copilot-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.copilot-metric-label{color:#475569;font-size:16px;font-weight:600}.copilot-trend-badge{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;color:#10b981;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px}.copilot-trend-arrow{font-size:16px}.copilot-metric-display{align-items:center;display:flex;gap:24px}.copilot-metric-value{font-size:48px;line-height:1;min-width:120px}.copilot-efficiency-bar{background:#6366f11a;border-radius:50px;flex:1 1;height:16px;overflow:hidden;position:relative}.copilot-efficiency-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.copilot-glow-effect{animation:copilotShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes copilotShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.copilot-shimmer-strip{animation:copilotShimmer 3s ease-in-out infinite;animation-delay:1s;background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:0;position:absolute;top:0;width:100%}.copilot-insight-card{background:linear-gradient(135deg,#fbbf240d,#fb923c0d);border:1px solid #fbbf2433;border-radius:20px;margin-bottom:32px;overflow:hidden;padding:28px;position:relative}.copilot-insight-card:before{background:linear-gradient(135deg,#f59e0b,#f97316);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.copilot-insight-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.copilot-insight-icon{animation:copilotIconBounce 2s ease-in-out infinite;font-size:24px}@keyframes copilotIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.copilot-insight-header span{color:#f59e0b;font-size:16px;font-weight:700}.copilot-insight-text{color:#475569;font-size:15px;line-height:1.6;margin-bottom:20px}.copilot-insight-text strong{color:#1e293b}.copilot-action-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.copilot-action-button:hover{box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.copilot-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:32px}.copilot-metric-item{align-items:center;animation:copilotFadeInUp .6s ease-out;animation-fill-mode:both;background:#ffffffb3;border:1px solid #6366f11a;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.copilot-metric-item:hover{background:#ffffffe6;border-color:#6366f14d;transform:translateX(8px)}.copilot-metric-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.copilot-metric-name{color:#475569;font-size:14px;font-weight:600}.copilot-metric-value{color:#1e293b;font-size:20px;font-weight:800}.copilot-progress-track{background:#6366f11a;border-radius:50px;flex:2 1;height:8px;overflow:hidden;position:relative}.copilot-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.copilot-progress-pulse{animation:copilotPulseShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes copilotPulseShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.copilot-metric-trend{align-items:center;display:flex;gap:6px;min-width:70px}.copilot-trend-icon{font-size:16px;font-weight:700}.copilot-trend-value{border-radius:50px;font-size:13px;font-weight:700;padding:4px 10px}.copilot-metric-item:first-child .copilot-trend-value,.copilot-metric-item:nth-child(2) .copilot-trend-value{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.copilot-metric-item:nth-child(3) .copilot-trend-value{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.copilot-metric-item:nth-child(4) .copilot-trend-value{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.copilot-actions-panel{background:linear-gradient(135deg,#6366f108,#8b5cf608);border:1px solid #6366f11a;border-radius:20px;padding:28px}.copilot-actions-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.copilot-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.copilot-action-btn{align-items:center;background:#fffc;border:1px solid #6366f11a;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px;text-align:left;transition:all .3s ease}.copilot-action-btn:hover{background:#fffffff2;border-color:#6366f14d;box-shadow:0 6px 16px #6366f11a;transform:translateY(-2px)}.copilot-btn-icon{align-items:center;background:#6366f11a;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.copilot-features-column{animation:copilotSlideInRight .8s ease-out}@keyframes copilotSlideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.copilot-feature-showcase{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.copilot-feature-card{background:#fffc;border:1px solid #6366f11a;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.copilot-feature-card:hover{border-color:#6366f14d;box-shadow:0 16px 40px #6366f126;transform:translateY(-6px)}.copilot-feature-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.copilot-feature-card:hover:before{opacity:1}.copilot-feature-icon{flex-shrink:0;height:80px;position:relative;width:80px}.copilot-icon-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.copilot-icon-container span{font-size:36px;position:relative;z-index:2}.copilot-icon-orb{animation:copilotOrbPulse 3s ease-in-out infinite;background:radial-gradient(circle,#6366f126,#0000 70%);border-radius:20px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes copilotOrbPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.copilot-feature-content{flex:1 1}.copilot-feature-content h4{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 12px}.copilot-feature-content p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:16px}.copilot-feature-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.copilot-feature-list li{background:#6366f10d;border-radius:8px;color:#475569;font-size:14px;padding:8px 12px 8px 32px;position:relative}.copilot-feature-list li:before{color:#6366f1;content:"✓";font-size:14px;font-weight:700;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.copilot-stats-bar{grid-gap:16px;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:20px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:24px}.copilot-stat-item{align-items:center;background:#ffffffe6;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .3s ease}.copilot-stat-item:hover{box-shadow:0 8px 20px #6366f126;transform:translateY(-4px)}.copilot-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;font-size:32px;font-weight:800;line-height:1}.copilot-stat-label{color:#64748b;font-size:14px;font-weight:600;text-align:center}.copilot-cta-section{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:28px;overflow:hidden;padding:80px;position:relative}.copilot-cta-content{color:#fff;position:relative;text-align:center;z-index:2}.copilot-cta-content h3{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px}.copilot-cta-content p{font-size:18px;line-height:1.6;margin:0 auto 32px;max-width:600px;opacity:.9}.copilot-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.copilot-cta-primary{align-items:center;background:#fffffff2;border:none;border-radius:16px;color:#6366f1;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s ease}.copilot-cta-primary:hover{box-shadow:0 12px 30px #ffffff4d;transform:translateY(-3px)}.copilot-cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:18px 36px;transition:all .3s ease}.copilot-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.copilot-cta-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.copilot-orb{animation:copilotOrbFloat 6s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.6;position:absolute}.copilot-orb-1{animation-delay:0s;background:radial-gradient(circle,#fff6,#0000 70%);height:200px;left:-50px;top:-50px;width:200px}.copilot-orb-2{animation-delay:2s;background:radial-gradient(circle,#ffffff4d,#0000 70%);bottom:-30px;height:150px;right:-30px;width:150px}.copilot-orb-3{animation-delay:4s;background:radial-gradient(circle,#fff3,#0000 70%);height:100px;left:50%;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes copilotOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-15px,15px) scale(.9)}}@media (max-width:1200px){.copilot-content-grid{gap:40px;grid-template-columns:1fr}.copilot-metric-display{align-items:flex-start;flex-direction:column;gap:16px}.copilot-efficiency-bar{width:100%}}@media (max-width:768px){.workflow-copilot-section{padding:80px 5%}.copilot-main-title{font-size:40px}.copilot-subtitle{font-size:18px}.copilot-main-dashboard{padding:24px}.copilot-dashboard-header{flex-direction:column;gap:16px}.copilot-actions-grid{grid-template-columns:1fr}.copilot-feature-card{flex-direction:column;text-align:center}.copilot-stats-bar{grid-template-columns:1fr}.copilot-cta-section{padding:40px}.copilot-cta-content h3{font-size:32px}.copilot-cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.copilot-main-title{font-size:32px}.copilot-header-badge{padding:12px 20px}.copilot-main-dashboard{padding:20px}.copilot-cta-section{padding:32px 24px}}.copilot-delay-1{animation-delay:.1s}.copilot-delay-2{animation-delay:.2s}.copilot-delay-3{animation-delay:.3s}.copilot-delay-4{animation-delay:.4s}.copilot-delay-5{animation-delay:.5s}.hrv-workflow-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.hrv-pulse-dot{background:#3b82f6}.hrv-feature-icon,.hrv-metric-number{color:#3b82f6}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #3b82f666,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f666}.hrv-workflow-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-workflow-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0369a1);-webkit-background-clip:text;background-clip:text}.hrv-workflow-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#0ea5e9);-webkit-background-clip:text;background-clip:text;font-weight:700}.document-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.document-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.document-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.document-floating-shape{animation:document-float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.document-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.document-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.document-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.document-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.document-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.document-gradient-orb{animation:document-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.document-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-200px;top:-200px;width:400px}.document-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.document-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.document-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.document-svg-path-1{animation:document-svgFloat 25s ease-in-out infinite}.document-svg-path-2{animation:document-svgFloat 30s ease-in-out infinite reverse}.document-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.document-hero-section.document-visible{opacity:1;transform:translateY(0)}.document-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.document-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.document-badge-dot{animation:document-pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.document-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.document-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.document-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.document-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.document-btn-primary,.document-btn-secondary,.document-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.document-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.document-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.document-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.document-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.document-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.document-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.document-btn-icon{font-size:12px}.document-btn-large{font-size:18px;padding:18px 40px}.document-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.document-stat{text-align:left}.document-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.document-stat-label{color:#6b7280;font-size:14px;font-weight:500}.document-hero-visual{height:600px;position:relative}.document-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026}.document-glass-card,.document-main-visual{height:100%;overflow:hidden;position:relative}.document-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px}.document-hero-image{height:100%;object-fit:cover;width:100%}.document-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.document-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.document-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.document-glass-content p{color:#fffc;font-size:1rem}.document-floating-card{align-items:center;animation:document-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.document-card-1{animation-delay:0s;left:-60px;top:10%}.document-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.document-card-3{animation-delay:-4s;bottom:20%;left:-40px}.document-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.document-card-content{display:flex;flex-direction:column}.document-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.document-card-text{color:#6b7280;font-size:14px}.document-card-progress{animation:document-progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.document-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.document-scroll-line{animation:document-scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.document-features-section{background:#ffffff80;padding:120px 5%}.document-section-content{margin:0 auto;max-width:1400px}.document-section-header{margin-bottom:80px;text-align:center}.document-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.document-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.document-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.document-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.document-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.document-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.document-feature-card:hover:before{left:100%}.document-feature-card.document-active,.document-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.document-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.document-feature-icon{align-items:center;border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.document-feature-glow,.document-feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.document-feature-glow{animation:document-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.document-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.document-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.document-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.document-feature-card:hover .document-feature-arrow{opacity:1;transform:translateX(0)}.document-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.document-timeline{margin:0 auto;max-width:1000px;position:relative}.document-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.document-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.document-timeline-item:nth-child(odd){flex-direction:row-reverse}.document-timeline-item:nth-child(odd) .document-timeline-content{margin-left:0;margin-right:60px;text-align:right}.document-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.document-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.document-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.document-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.document-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.document-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.document-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.document-timeline-steps{grid-gap:12px;display:grid;gap:12px}.document-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.document-step-check{color:#10b981;font-weight:600}.document-progress-section{background:#ffffff80;padding:120px 5%}.document-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.document-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.document-dashboard-header{align-items:center;display:flex;justify-content:between;margin-bottom:30px}.document-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.document-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.document-progress-stats{margin-bottom:30px}.document-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.document-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.document-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.document-progress-glow{animation:document-progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.document-progress-items{grid-gap:20px;display:grid;gap:20px}.document-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.document-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.document-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.document-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.document-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.document-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.document-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.document-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.document-integration-orb{animation:document-float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.document-integration-orb-1{animation-delay:0s;left:10%;top:20%}.document-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.document-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.document-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.document-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.document-cta-orb{animation:document-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.document-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.document-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.document-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.document-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.document-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.document-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.document-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.document-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.document-cta-stat{color:#ffffffe6;font-size:14px}.document-cta-stat strong{color:#fff;font-weight:600}.document-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.document-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.document-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.document-video-popup-close:hover{background:#000000b3}.document-video-container{height:0;padding-bottom:56.25%;position:relative}.document-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.document-video-popup-info{padding:30px;text-align:center}.document-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.document-video-popup-info p{color:#6b7280;line-height:1.6}.document-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.document-feature-point{align-items:flex-start;display:flex;gap:16px}.document-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.document-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.document-feature-point p{color:#6b7280;line-height:1.5}.document-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.document-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.document-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes document-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes document-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes document-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes document-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes document-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes document-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes document-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.document-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.document-features-grid,.document-hero-stats{grid-template-columns:repeat(2,1fr)}.document-reversed{gap:60px;grid-template-columns:1fr}.document-timeline:before{left:30px}.document-timeline-item{flex-direction:row!important}.document-timeline-marker{left:30px}.document-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.document-hero-title{font-size:2.5rem}.document-section-header h2{font-size:2rem}.document-features-grid{grid-template-columns:1fr}.document-integration-grid{grid-template-columns:repeat(3,1fr)}.document-cta-stats{grid-template-columns:repeat(2,1fr)}.document-cta-buttons,.document-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.document-hero-title{font-size:2rem}.document-integration-grid{grid-template-columns:repeat(2,1fr)}.document-cta-stats{grid-template-columns:1fr}.document-floating-card{margin-bottom:20px;position:relative}.document-card-1,.document-card-2,.document-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.dm-intelligence-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 20px;position:relative}.dm-section-wrapper{margin:0 auto;max-width:1400px;position:relative;z-index:1}.dm-bg-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.dm-circle-blur{animation:dmFloat 25s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.dm-blur-1{animation-delay:0s;background:radial-gradient(circle,#6366f133,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.dm-blur-2{animation-delay:8s;background:radial-gradient(circle,#8b5cf62e,#0000 70%);bottom:-150px;height:500px;left:-100px;width:500px}.dm-blur-3{animation-delay:16s;background:radial-gradient(circle,#d946ef26,#0000 70%);height:450px;left:50%;top:50%;width:450px}@keyframes dmFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.85)}}.dm-grid-pattern{animation:gridMove 30s linear infinite;background-image:linear-gradient(#6366f10a 1px,#0000 0),linear-gradient(90deg,#6366f10a 1px,#0000 0);background-size:60px 60px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.dm-content-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.dm-dashboard-column{animation:dmSlideInLeft .8s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes dmSlideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.dm-dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #6366f11f;border-radius:28px;box-shadow:0 20px 60px #6366f114;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.dm-dashboard-card:hover{box-shadow:0 30px 80px #6366f126;transform:translateY(-4px)}.dm-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.dm-header-info{display:flex;flex-direction:column;gap:12px}.dm-ai-chip{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1px solid #6366f140;border-radius:50px;display:inline-flex;gap:8px;overflow:hidden;padding:8px 18px;position:relative}.dm-chip-pulse{animation:dmPulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}@keyframes dmPulse{0%,to{box-shadow:0 0 0 0 #6366f1b3;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 8px #6366f100;opacity:.8;transform:scale(1.1)}}.dm-chip-icon{font-size:16px}.dm-chip-text{color:#6366f1;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dm-chip-glow{animation:dmGlowSlide 3s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes dmGlowSlide{0%{left:-100%}to{left:200%}}.dm-header-title{color:#1e293b;font-size:20px;font-weight:700;margin:0}.dm-status-badge{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;display:flex;gap:8px;padding:8px 16px}.dm-status-dot{animation:dmPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.dm-status-text{color:#10b981;font-size:13px;font-weight:600}.dm-featured-metric{grid-gap:32px;align-items:center;background:linear-gradient(135deg,#6366f10a,#8b5cf60a);border:1px solid #6366f114;border-radius:20px;display:grid;gap:32px;grid-template-columns:auto 1fr;margin-bottom:24px;padding:28px}.dm-circular-progress{height:120px;position:relative;width:120px}.dm-progress-ring{height:100%;transform:rotate(-90deg);width:100%}.dm-ring-background{fill:none;stroke:#6366f11a;stroke-width:8}.dm-ring-progress{fill:none;stroke:url(#dm-gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.dm-ring-glow{fill:none;stroke:#6366f14d;stroke-width:12;stroke-linecap:round;filter:blur(8px);opacity:.6}.dm-progress-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dm-progress-value{color:#1e293b;font-size:28px;font-weight:800;line-height:1;margin-bottom:4px}.dm-progress-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dm-metric-details{display:flex;flex-direction:column;gap:12px}.dm-detail-item{align-items:center;background:#fff9;border:1px solid #6366f10f;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.dm-detail-label{color:#64748b;font-size:13px;font-weight:600}.dm-detail-value{color:#1e293b;font-size:14px;font-weight:700}.dm-trend-indicator{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;display:flex;gap:6px;padding:8px 14px}.dm-trend-arrow{color:#10b981;font-size:14px;font-weight:700}.dm-trend-text{color:#10b981;font-size:12px;font-weight:600}.dm-insight-card{animation:dmPulseGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border-left:4px solid #6366f1;border-radius:16px;margin-bottom:24px;padding:24px}@keyframes dmPulseGlow{0%,to{box-shadow:0 0 0 0 #6366f133}50%{box-shadow:0 0 20px 4px #6366f126}}.dm-insight-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.dm-insight-icon{animation:dmBounce 2s ease-in-out infinite;font-size:22px}@keyframes dmBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dm-insight-title{color:#6366f1;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dm-insight-text{color:#475569;font-size:14px;line-height:1.7;margin-bottom:16px}.dm-highlight{color:#6366f1;font-weight:700}.dm-insight-action{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.dm-insight-action:hover{background:#6366f126;border-color:#6366f14d;transform:translateX(4px)}.dm-action-icon{font-size:14px;transition:transform .3s ease}.dm-insight-action:hover .dm-action-icon{transform:translateX(3px)}.dm-quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.dm-stat-item{align-items:center;animation:dmFadeInUp .6s ease-out;animation-fill-mode:both;background:#ffffffb3;border:1px solid #6366f114;border-radius:16px;display:flex;gap:14px;padding:18px;transition:all .3s ease}@keyframes dmFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dm-stat-item:hover{background:#fffffff2;border-color:#6366f126;box-shadow:0 8px 20px #6366f11a;transform:translateY(-3px)}.dm-stat-icon-wrap{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.dm-stat-icon{font-size:24px;position:relative;z-index:1}.dm-icon-ripple{animation:dmRipple 2s ease-out infinite;border:2px solid #6366f1;border-radius:12px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes dmRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.dm-stat-info{flex:1 1}.dm-stat-value{color:#1e293b;font-size:22px;font-weight:800;line-height:1;margin-bottom:4px}.dm-stat-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dm-stat-change{border-radius:50px;font-size:12px;font-weight:700;padding:4px 10px}.dm-stat-change[data-trend=up]{background:#10b9811a;color:#10b981}.dm-activity-section{margin-bottom:24px}.dm-activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dm-activity-header h5{color:#1e293b;font-size:16px;font-weight:700;margin:0}.dm-view-all{background:#0000;border:none;color:#6366f1;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease}.dm-view-all:hover{color:#4f46e5;text-decoration:underline}.dm-activity-timeline{display:flex;flex-direction:column;gap:12px}.dm-activity-item{align-items:center;animation:dmFadeInUp .6s ease-out;animation-fill-mode:both;background:#f8fafc99;border:1px solid #6366f10f;border-radius:12px;display:flex;gap:14px;padding:14px;transition:all .3s ease}.dm-activity-item:hover{background:#ffffffe6;border-color:#6366f11f;transform:translateX(6px)}.dm-activity-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dm-activity-dot[data-type=upload]{background:#6366f1}.dm-activity-dot[data-type=approval]{background:#10b981}.dm-activity-dot[data-type=update]{background:#f59e0b}.dm-activity-dot[data-type=share]{background:#8b5cf6}.dm-activity-content{flex:1 1}.dm-activity-title{color:#1e293b;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px}.dm-activity-meta{color:#64748b;display:flex;font-size:11px;gap:12px}.dm-activity-user{font-weight:600}.dm-activity-icon{flex-shrink:0;font-size:18px}.dm-distribution-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #6366f11f;border-radius:24px;box-shadow:0 20px 60px #6366f114;padding:28px}.dm-card-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 20px}.dm-file-types{display:flex;flex-direction:column;gap:18px}.dm-file-type-item{animation:dmFadeInUp .6s ease-out;animation-fill-mode:both}.dm-type-header{justify-content:space-between;margin-bottom:10px}.dm-type-header,.dm-type-info{align-items:center;display:flex}.dm-type-info{gap:10px}.dm-type-icon{font-size:20px}.dm-type-name{color:#475569;font-size:14px;font-weight:600}.dm-type-count{color:#1e293b;font-size:13px;font-weight:700}.dm-type-bar{background:#6366f114;height:8px;margin-bottom:6px;width:100%}.dm-type-bar,.dm-type-fill{border-radius:50px;overflow:hidden}.dm-type-fill{height:100%;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.dm-type-fill[data-color=red]{background:linear-gradient(90deg,#ef4444,#dc2626)}.dm-type-fill[data-color=green]{background:linear-gradient(90deg,#10b981,#059669)}.dm-type-fill[data-color=blue]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.dm-type-fill[data-color=purple]{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.dm-bar-shimmer{animation:dmShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes dmShimmer{0%{left:-100%}to{left:200%}}.dm-type-size{color:#94a3b8;font-size:11px;font-weight:500}.dm-features-column{animation:dmSlideInRight .8s ease-out}@keyframes dmSlideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.dm-section-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:50px;display:inline-flex;gap:10px;margin-bottom:24px;overflow:hidden;padding:10px 22px;position:relative}.dm-badge-icon{font-size:18px}.dm-badge-text{color:#6366f1;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dm-badge-shimmer{animation:dmShimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.dm-main-heading{font-size:34px;font-weight:800;line-height:1.2;margin-bottom:24px;text-align:justify}.dm-heading-gradient,.dm-main-heading{color:#2b2436!important}.dm-description{color:#4a5578;font-size:16px;line-height:1.7;margin-bottom:40px;text-align:justify}.dm-feature-showcase{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.dm-feature-card{animation:dmFadeInUp .8s ease-out;animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #6366f11a;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dm-feature-card:hover{border-color:#6366f140;box-shadow:0 16px 40px #6366f11f;transform:translateX(8px)}.dm-feature-card:hover .dm-card-hover-effect{opacity:1}.dm-feature-card:hover .dm-feature-particles span{animation:dmParticleFloat 2s ease-out infinite}.dm-card-hover-effect{background:radial-gradient(circle,#6366f114,#0000 70%);height:200px;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;width:200px}.dm-feature-icon-container{align-items:center;display:flex;flex-shrink:0;height:64px;justify-content:center;position:relative;width:64px}.dm-feature-icon-bg{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.dm-feature-card:hover .dm-feature-icon-bg{background:linear-gradient(135deg,#6366f126,#8b5cf626);transform:scale(1.1) rotate(5deg)}.dm-feature-icon{font-size:32px;position:relative;z-index:1}.dm-feature-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dm-feature-particles span{background:#6366f1;border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.dm-feature-particles span:first-child{left:20%;top:10%}.dm-feature-particles span:nth-child(2){right:15%;top:70%}.dm-feature-particles span:nth-child(3){bottom:20%;left:30%}@keyframes dmParticleFloat{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.dm-feature-content{flex:1 1}.dm-feature-title{color:#1e293b;font-size:19px;font-weight:700;line-height:1.3;margin:0 0 10px}.dm-feature-description{color:#475569;font-size:14px;line-height:1.6;margin-bottom:14px}.dm-feature-highlights{display:flex;flex-direction:column;gap:8px}.dm-highlight-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.dm-highlight-check{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.dm-capabilities-section{margin-bottom:40px}.dm-capabilities-title{font-size:18px;font-weight:700;margin:0 0 20px}.dm-capabilities-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.dm-capability-item{align-items:center;animation:dmFadeInUp .6s ease-out;animation-fill-mode:both;background:#ffffffb3;border:1px solid #6366f114;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.dm-capability-item:hover{background:#fffffff2;border-color:#6366f126;box-shadow:0 6px 16px #6366f11a;transform:translateY(-2px)}.dm-capability-icon{flex-shrink:0;font-size:18px;text-align:center;width:20px}.dm-capability-text{color:#475569;font-size:13px;font-weight:600}.dm-cta-section{display:flex;flex-wrap:wrap;gap:16px}.dm-primary-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.dm-primary-button:hover{box-shadow:0 12px 30px #6366f166;transform:translateY(-2px)}.dm-primary-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dm-primary-button:hover:before{left:100%}.dm-secondary-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f133;border-radius:16px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:16px 32px;transition:all .3s ease}.dm-secondary-button:hover{background:#fffffff2;border-color:#6366f14d;box-shadow:0 8px 20px #6366f126;transform:translateY(-2px)}@media (max-width:1024px){.dm-content-grid{gap:40px;grid-template-columns:1fr}.dm-main-heading{font-size:36px}}@media (max-width:768px){.dm-intelligence-section{padding:80px 20px}.dm-main-heading{font-size:32px}.dm-description{font-size:16px}.dm-capabilities-grid,.dm-quick-stats{grid-template-columns:1fr}.dm-feature-card{text-align:center}.dm-cta-section,.dm-feature-card{flex-direction:column}.dm-primary-button,.dm-secondary-button{justify-content:center;width:100%}}@media (max-width:480px){.dm-dashboard-card{padding:24px}.dm-featured-metric{grid-template-columns:1fr;text-align:center}.dm-main-heading{font-size:28px}}.dm-delay-1{animation-delay:.1s}.dm-delay-2{animation-delay:.2s}.dm-delay-3{animation-delay:.3s}.dm-delay-4{animation-delay:.4s}.dm-delay-5{animation-delay:.5s}.dm-capabilities-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.dm-capabilities-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.dm-capabilities-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.dm-capability-pill{align-items:center;animation:slideInUp .5s ease both;background:#fff;border:1px solid #e2e8f0;border-radius:50px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.dm-capability-pill:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dm-pill-icon{align-items:center;color:#3b82f6;display:flex;font-size:1rem;justify-content:center}.dm-pill-text{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap}@media (max-width:768px){.dm-capabilities-grid{gap:1rem;padding:1rem}.dm-capabilities-list{gap:.5rem}.dm-capability-pill{padding:.4rem .8rem}.dm-pill-text{font-size:.8rem}}@media (max-width:480px){.dm-capabilities-list{justify-content:flex-start}}.hrv-document-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.hrv-pulse-dot{background:#22c55e}.hrv-feature-icon,.hrv-metric-number{color:#22c55e}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #22c55e4d,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-badge{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66}.hrv-document-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-document-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#84cc16,#65a30d);-webkit-background-clip:text;background-clip:text}.hrv-document-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#84cc16);-webkit-background-clip:text;background-clip:text;font-weight:700}.approval-container{font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.approval-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.approval-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.approval-floating-shape{animation:approval-float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.approval-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.approval-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.approval-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.approval-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.approval-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.approval-gradient-orb{animation:approval-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.approval-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-200px;top:-200px;width:400px}.approval-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.approval-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.approval-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.approval-svg-path-1{animation:approval-svgFloat 25s ease-in-out infinite}.approval-svg-path-2{animation:approval-svgFloat 30s ease-in-out infinite reverse}.approval-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.approval-hero-section.approval-visible{opacity:1;transform:translateY(0)}.approval-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.approval-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.approval-badge-dot{animation:approval-pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.approval-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.approval-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.approval-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.approval-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.approval-btn-primary,.approval-btn-secondary,.approval-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.approval-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.approval-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.approval-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.approval-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.approval-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.approval-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.approval-btn-icon{font-size:12px}.approval-btn-large{font-size:18px;padding:18px 40px}.approval-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.approval-stat{text-align:left}.approval-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.approval-stat-label{color:#6b7280;font-size:14px;font-weight:500}.approval-hero-visual{height:600px;position:relative}.approval-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026}.approval-glass-card,.approval-main-visual{height:100%;overflow:hidden;position:relative}.approval-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px}.approval-hero-image{height:100%;object-fit:cover;width:100%}.approval-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.approval-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.approval-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.approval-glass-content p{color:#fffc;font-size:1rem}.approval-floating-card{align-items:center;animation:approval-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.approval-card-1{animation-delay:0s;left:-60px;top:10%}.approval-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.approval-card-3{animation-delay:-4s;bottom:20%;left:-40px}.approval-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.approval-card-content{display:flex;flex-direction:column}.approval-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.approval-card-text{color:#6b7280;font-size:14px}.approval-card-progress{animation:approval-progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.approval-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.approval-scroll-line{animation:approval-scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.approval-features-section{background:#ffffff80;padding:120px 5%}.approval-section-content{margin:0 auto;max-width:1400px}.approval-section-header{margin-bottom:80px;text-align:center}.approval-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.approval-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.approval-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.approval-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.approval-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.approval-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.approval-feature-card:hover:before{left:100%}.approval-feature-card.approval-active,.approval-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.approval-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.approval-feature-icon{align-items:center;border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.approval-feature-glow,.approval-feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.approval-feature-glow{animation:approval-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.approval-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.approval-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.approval-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.approval-feature-card:hover .approval-feature-arrow{opacity:1;transform:translateX(0)}.approval-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.approval-timeline{margin:0 auto;max-width:1000px;position:relative}.approval-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.approval-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.approval-timeline-item:nth-child(odd){flex-direction:row-reverse}.approval-timeline-item:nth-child(odd) .approval-timeline-content{margin-left:0;margin-right:60px;text-align:right}.approval-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.approval-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.approval-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.approval-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.approval-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.approval-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.approval-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.approval-timeline-steps{grid-gap:12px;display:grid;gap:12px}.approval-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.approval-step-check{color:#10b981;font-weight:600}.approval-progress-section{background:#ffffff80;padding:120px 5%}.approval-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.approval-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.approval-dashboard-header{align-items:center;display:flex;justify-content:between;margin-bottom:30px}.approval-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.approval-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.approval-progress-stats{margin-bottom:30px}.approval-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.approval-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.approval-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.approval-progress-glow{animation:approval-progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.approval-progress-items{grid-gap:20px;display:grid;gap:20px}.approval-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.approval-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.approval-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.approval-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.approval-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.approval-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.approval-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.approval-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.approval-integration-orb{animation:approval-float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.approval-integration-orb-1{animation-delay:0s;left:10%;top:20%}.approval-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.approval-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.approval-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.approval-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.approval-cta-orb{animation:approval-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.approval-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.approval-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.approval-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.approval-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.approval-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.approval-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.approval-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.approval-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.approval-cta-stat{color:#ffffffe6;font-size:14px}.approval-cta-stat strong{color:#fff;font-weight:600}.approval-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.approval-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.approval-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.approval-video-popup-close:hover{background:#000000b3}.approval-video-container{height:0;padding-bottom:56.25%;position:relative}.approval-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.approval-video-popup-info{padding:30px;text-align:center}.approval-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.approval-video-popup-info p{color:#6b7280;line-height:1.6}.approval-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.approval-feature-point{align-items:flex-start;display:flex;gap:16px}.approval-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.approval-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.approval-feature-point p{color:#6b7280;line-height:1.5}.approval-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.approval-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.approval-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes approval-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes approval-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes approval-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes approval-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes approval-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes approval-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes approval-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.approval-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.approval-features-grid,.approval-hero-stats{grid-template-columns:repeat(2,1fr)}.approval-reversed{gap:60px;grid-template-columns:1fr}.approval-timeline:before{left:30px}.approval-timeline-item{flex-direction:row!important}.approval-timeline-marker{left:30px}.approval-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.approval-hero-title{font-size:2.5rem}.approval-section-header h2{font-size:2rem}.approval-features-grid{grid-template-columns:1fr}.approval-integration-grid{grid-template-columns:repeat(3,1fr)}.approval-cta-stats{grid-template-columns:repeat(2,1fr)}.approval-cta-buttons,.approval-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.approval-hero-title{font-size:2rem}.approval-integration-grid{grid-template-columns:repeat(2,1fr)}.approval-cta-stats{grid-template-columns:1fr}.approval-floating-card{margin-bottom:20px;position:relative}.approval-card-1,.approval-card-2,.approval-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.auto-copilot-insights{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:80px 0;position:relative}.auto-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.auto-bg-network{animation:auto-network-pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#667eea0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#f5576c0d 0,#0000 50%);left:0;top:0}.auto-bg-network,.auto-bg-particles{height:100%;position:absolute;width:100%}.auto-bg-particles{animation:auto-particles-slide 20s linear infinite;background-image:linear-gradient(90deg,#0000 49%,#667eea05 50%,#0000 51%),linear-gradient(45deg,#0000 49%,#4facfe05 50%,#0000 51%);background-size:40px 40px}.auto-bg-orb{animation:auto-orb-float 6s ease-in-out infinite;border-radius:50%;filter:blur(30px);opacity:.1;position:absolute}.auto-orb-1{background:#667eea;height:150px;left:5%;top:10%;width:150px}.auto-orb-2{animation-delay:3s;background:#f5576c;bottom:15%;height:120px;right:8%;width:120px}.auto-content-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.auto-dashboard-side{position:relative}.auto-dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 20px 60px #667eea1a;padding:30px}.auto-dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.auto-header-left{flex:1 1;min-width:200px}.auto-ai-indicator{align-items:center;background:#10b9811a;border-radius:15px;color:#10b981;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;padding:6px 12px}.auto-status-dot{animation:auto-status-pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.auto-dashboard-title{color:#1a202c;font-size:1.3rem;font-weight:600;margin-top:10px}.auto-live-badge{align-items:center;background:#ef44441a;border-radius:12px;color:#ef4444;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.auto-live-pulse{animation:auto-live-pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:6px;width:6px}.auto-primary-metric{margin-bottom:30px}.auto-metric-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.auto-metric-label{color:#4a5568;font-size:.95rem;font-weight:500}.auto-metric-trend{background:#10b9811a;border-radius:8px;color:#10b981;font-size:.8rem;font-weight:600;padding:4px 8px}.auto-metric-value{color:#667eea;font-size:3rem;font-weight:700;line-height:1;margin-bottom:15px;text-align:center}.auto-progress-container{margin-bottom:10px}.auto-progress-track{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.auto-progress-fill{animation:auto-progress-grow 1.5s ease-out;background:linear-gradient(90deg,#667eea,#f5576c);border-radius:4px;height:100%;position:relative}.auto-progress-glow{animation:auto-glow-pulse 2s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.auto-progress-labels{color:#718096;display:flex;font-size:.7rem;justify-content:space-between}.auto-recommendation-box{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #f59e0b33;border-radius:15px;margin-bottom:30px;padding:20px}.auto-recommendation-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.auto-ai-icon{font-size:1.1rem}.auto-priority-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;margin-left:auto;padding:3px 8px}.auto-recommendation-text{color:#92400e;font-size:.9rem;line-height:1.5;margin-bottom:15px}.auto-recommendation-stats{display:flex;gap:15px;justify-content:space-around}.auto-stat-item{flex:1 1;text-align:center}.auto-stat-value{color:#d97706;display:block;font-size:1.1rem;font-weight:700;margin-bottom:2px}.auto-stat-label{color:#92400e;font-size:.7rem}.auto-metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.auto-metric-card{background:#fff;border:1px solid #667eea1a;border-radius:12px;padding:15px}.auto-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.auto-process-name{color:#4a5568;font-size:.8rem;font-weight:500}.auto-process-score{color:#667eea;font-size:.85rem;font-weight:600}.auto-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.auto-bar-fill{animation:auto-bar-grow 1s ease-out;background:linear-gradient(90deg,#667eea,#4facfe);border-radius:2px;height:100%}.auto-content-side{position:relative}.auto-content-wrapper{padding:20px 0}.auto-content-header{margin-bottom:40px}.auto-content-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.auto-badge-icon{font-size:.9rem}.auto-main-title{color:#2b2436!important;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:15px;text-align:justify}.auto-title-accent{color:#2b2436!important;display:block}.auto-main-description{color:#718096;font-size:1.1rem;line-height:1.6;text-align:justify}.auto-features-list{display:flex;flex-direction:column;gap:25px;margin-bottom:40px;text-align:justify}.auto-feature-item{align-items:flex-start;display:flex;gap:15px}.auto-feature-icon{flex-shrink:0;position:relative}.auto-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#f5576c1a);border-radius:12px;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.auto-icon-glow{animation:auto-icon-pulse 3s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.auto-feature-content{flex:1 1}.auto-feature-title{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:5px}.auto-feature-desc{color:#718096;font-size:.9rem;line-height:1.5;margin:0}.auto-action-buttons{display:flex;flex-wrap:wrap;gap:15px}.auto-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:12px 24px;transition:all .3s ease}.auto-btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.auto-btn-sparkle{animation:auto-sparkle-rotate 2s linear infinite}.auto-btn-secondary{align-items:center;background:#0000;border:2px solid #667eea4d;border-radius:20px;color:#667eea;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 22px;transition:all .3s ease}.auto-btn-secondary:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-2px)}.auto-btn-arrow{transition:transform .3s ease}.auto-btn-secondary:hover .auto-btn-arrow{transform:translateX(3px)}.auto-floating-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:50px}.auto-floating-stat{animation:auto-stat-float 6s ease-in-out infinite;text-align:center}.auto-floating-stat:first-child{animation-delay:0s}.auto-floating-stat:nth-child(2){animation-delay:2s}.auto-floating-stat:nth-child(3){animation-delay:4s}.auto-stat-number{color:#667eea;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.auto-stat-text{color:#718096;font-size:.8rem}@keyframes auto-network-pulse{0%,to{opacity:.05}50%{opacity:.08}}@keyframes auto-particles-slide{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes auto-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes auto-status-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes auto-live-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes auto-progress-grow{0%{width:0}}@keyframes auto-glow-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes auto-bar-grow{0%{width:0}}@keyframes auto-icon-pulse{0%,to{opacity:.1}50%{opacity:.2}}@keyframes auto-sparkle-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes auto-stat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1024px){.auto-content-grid{gap:40px;grid-template-columns:1fr}.auto-dashboard-card{padding:25px}.auto-main-title{font-size:2.2rem}}@media (max-width:768px){.auto-copilot-insights{padding:60px 0}.auto-container{padding:0 15px}.auto-dashboard-card{padding:20px}.auto-metrics-grid{grid-template-columns:1fr}.auto-dashboard-header{align-items:flex-start;flex-direction:column}.auto-live-badge{align-self:flex-start}.auto-main-title{font-size:2rem}.auto-feature-item{flex-direction:column;gap:12px;text-align:center}.auto-action-buttons{align-items:center;flex-direction:column}.auto-btn-primary,.auto-btn-secondary{justify-content:center;max-width:250px;width:100%}.auto-recommendation-stats{flex-direction:column;gap:10px}.auto-floating-stats{gap:20px}}@media (max-width:480px){.auto-main-title{font-size:1.8rem}.auto-metric-value{font-size:2.5rem}.auto-content-badge{font-size:.75rem;padding:6px 12px}.auto-feature-icon{align-self:center}}.hrv-approval-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#a855f71a;border:1px solid #a855f733;color:#a855f7}.hrv-pulse-dot{background:#a855f7}.hrv-feature-icon,.hrv-metric-number{color:#a855f7}.hrv-dashboard-container1{animation:hrv-fadeInUp 1s ease-out;margin:40px auto 0;max-width:600px;position:relative;top:50px;width:100%;z-index:5}.hrv-dashboard-image-wrapper1{animation:hrv-fadeInUp 1s ease-out;border-radius:20px;overflow:hidden;position:relative}.hrv-dashboard-image1{animation:hrv-fadeInUp 1s ease-out;display:block;height:auto;transition:transform .5s ease;width:100%}.hrv-dashboard-badge{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 15px #a855f766}.hrv-approval-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-approval-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d946ef,#c026d3);-webkit-background-clip:text;background-clip:text}.hrv-approval-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#d946ef);-webkit-background-clip:text;background-clip:text;font-weight:700}.insights-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.insights-scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.insights-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.insights-floating-shape{animation:insights-float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;position:absolute}.insights-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.insights-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#764ba21a,#667eea0d);bottom:100px;height:200px;left:-50px;width:200px}.insights-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.insights-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.insights-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.insights-gradient-orb{animation:insights-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.insights-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;right:-200px;top:-200px;width:400px}.insights-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#764ba2,#667eea);bottom:-150px;height:300px;left:-150px;width:300px}.insights-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:200px;left:10%;top:50%;width:200px}.insights-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.insights-svg-path-1{animation:insights-svgFloat 25s ease-in-out infinite}.insights-svg-path-2{animation:insights-svgFloat 30s ease-in-out infinite reverse}.insights-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.insights-hero-section.insights-visible{opacity:1;transform:translateY(0)}.insights-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.insights-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.insights-badge-dot{animation:insights-pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:6px;width:6px}.insights-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.insights-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.insights-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.insights-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.insights-btn-primary,.insights-btn-secondary,.insights-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.insights-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.insights-btn-primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.insights-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#2c3e50}.insights-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.insights-btn-tertiary{background:#0000;color:#667eea;padding:16px 24px}.insights-btn-tertiary:hover{color:#764ba2;transform:translateX(5px)}.insights-btn-icon{font-size:12px}.insights-btn-large{font-size:18px;padding:18px 40px}.insights-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.insights-stat{text-align:left}.insights-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.insights-stat-label{font-size:14px}.insights-hero-visual{height:600px;position:relative}.insights-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026}.insights-glass-card,.insights-main-visual{height:100%;overflow:hidden;position:relative}.insights-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px}.insights-hero-image{height:100%;object-fit:cover;width:100%}.insights-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0}.insights-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.insights-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.insights-glass-content p{color:#fffc;font-size:1rem}.insights-floating-card{align-items:center;animation:insights-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.insights-card-1{animation-delay:0s;left:-60px;top:10%}.insights-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.insights-card-3{animation-delay:-4s;bottom:20%;left:-40px}.insights-card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.insights-card-content{display:flex;flex-direction:column}.insights-card-title{color:#2c3e50;font-weight:600;margin-bottom:4px}.insights-card-text{color:#6b7280;font-size:14px}.insights-card-progress{animation:insights-progress 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.insights-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.insights-scroll-line{animation:insights-scrollLine 2s infinite;background:linear-gradient(180deg,#667eea,#0000);border-radius:1px;height:40px;width:2px}.insights-features-section{background:#ffffff80;padding:120px 5%}.insights-section-content{margin:0 auto;max-width:1400px}.insights-section-header{margin-bottom:80px;text-align:center}.insights-section-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.insights-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.insights-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.insights-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.insights-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.insights-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.insights-feature-card:hover:before{left:100%}.insights-feature-card.insights-active,.insights-feature-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.insights-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.insights-feature-icon{border-radius:20px;font-size:32px;height:100%;position:relative;width:100%;z-index:2}.insights-feature-glow,.insights-feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.insights-feature-glow{animation:insights-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.insights-feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:16px}.insights-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.insights-feature-arrow{color:#667eea;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.insights-feature-card:hover .insights-feature-arrow{opacity:1;transform:translateX(0)}.insights-timeline{margin:0 auto;max-width:1000px;position:relative}.insights-timeline:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.insights-timeline-item{align-items:center;display:flex;margin-bottom:80px;position:relative}.insights-timeline-item:nth-child(odd){flex-direction:row-reverse}.insights-timeline-item:nth-child(odd) .insights-timeline-content{margin-left:0;margin-right:60px;text-align:right}.insights-timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.insights-timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:20px;width:20px}.insights-timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);height:80px;margin-top:10px;width:2px}.insights-timeline-content{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;margin-left:60px;padding:40px}.insights-timeline-phase{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:6px 16px}.insights-timeline-time{color:#667eea;display:block;font-size:14px;font-weight:600;margin-bottom:16px}.insights-timeline-content h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.insights-timeline-steps{grid-gap:12px;display:grid;gap:12px}.insights-timeline-step{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px}.insights-step-check{color:#10b981;font-weight:600}.insights-progress-section{background:#ffffff80;padding:120px 5%}.insights-reversed{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.insights-progress-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.insights-dashboard-header{justify-content:between;margin-bottom:30px}.insights-dashboard-header h4{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600}.insights-progress-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px}.insights-progress-stats{margin-bottom:30px}.insights-progress-stat{align-items:center;color:#2c3e50;display:flex;font-weight:600;justify-content:between;margin-bottom:12px}.insights-progress-bar{background:#667eea1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.insights-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.insights-progress-glow{animation:insights-progressGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.insights-progress-items{grid-gap:20px;display:grid;gap:20px}.insights-progress-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px}.insights-progress-info{align-items:center;color:#2c3e50;display:flex;font-weight:500;justify-content:between;margin-bottom:12px}.insights-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.insights-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.insights-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.insights-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.insights-integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.insights-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.insights-integration-orb{animation:insights-float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.insights-integration-orb-1{animation-delay:0s;left:10%;top:20%}.insights-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.insights-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.insights-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:120px 5%;position:relative}.insights-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.insights-cta-orb{animation:insights-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.insights-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.insights-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.insights-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.insights-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.insights-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.insights-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.insights-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.insights-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.insights-cta-stat{color:#ffffffe6;font-size:14px}.insights-cta-stat strong{color:#fff;font-weight:600}.insights-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.insights-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.insights-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.insights-video-popup-close:hover{background:#000000b3}.insights-video-container{height:0;padding-bottom:56.25%;position:relative}.insights-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.insights-video-popup-info{padding:30px;text-align:center}.insights-video-popup-info h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.insights-video-popup-info p{color:#6b7280;line-height:1.6}.insights-feature-list{grid-gap:24px;display:grid;gap:24px;margin-top:40px}.insights-feature-point{align-items:flex-start;display:flex;gap:16px}.insights-point-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.insights-feature-point h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.insights-feature-point p{color:#6b7280;line-height:1.5}.insights-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.insights-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.insights-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes insights-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes insights-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes insights-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes insights-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes insights-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes insights-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:1024px){.insights-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.insights-features-grid,.insights-hero-stats{grid-template-columns:repeat(2,1fr)}.insights-reversed{gap:60px;grid-template-columns:1fr}.insights-timeline:before{left:30px}.insights-timeline-item{flex-direction:row!important}.insights-timeline-marker{left:30px}.insights-timeline-content{margin-left:80px!important;margin-right:0!important;text-align:left!important}}@media (max-width:768px){.insights-hero-title{font-size:2.5rem}.insights-section-header h2{font-size:2rem}.insights-features-grid{grid-template-columns:1fr}.insights-integration-grid{grid-template-columns:repeat(3,1fr)}.insights-cta-stats{grid-template-columns:repeat(2,1fr)}.insights-cta-buttons,.insights-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.insights-hero-title{font-size:2rem}.insights-integration-grid{grid-template-columns:repeat(2,1fr)}.insights-cta-stats{grid-template-columns:1fr}.insights-floating-card{margin-bottom:20px;position:relative}.insights-card-1,.insights-card-2,.insights-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}}.insights-journey-section{background:linear-gradient(135deg,#fce7f3,#fdf2f8 50%,#faf5ff);min-height:100vh;padding:4rem 1.5rem}.container{margin:0 auto;max-width:80rem}.insights-content-wrapper{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.insights-content-wrapper{grid-template-columns:1fr 1fr}}.text-center{margin-bottom:3rem;text-align:center}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-bold{font-weight:700}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-pink-500{--tw-gradient-from:#ec4899;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#ec489900)}.via-pink-400{--tw-gradient-stops:var(--tw-gradient-from),#f472b6,var(--tw-gradient-to,#f472b600)}.to-orange-400{--tw-gradient-to:#fb923c}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:#0000}.justify-center{justify-content:center}.mb-16{margin-bottom:4rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.border-2{border-width:2px}.border-gray-800{border-color:#1f2937}.text-sm{font-size:.875rem;line-height:1.25rem}.hover\:bg-gray-800:hover{background-color:#1f2937}.hover\:text-white:hover{color:#fff}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-12{gap:3rem}.items-start{align-items:flex-start}.space-y-12>*+*{margin-top:3rem}.space-y-12{>:not(:last-child){margin-bottom:3rem}}.flex{display:flex}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-gray-900{color:#111827}.mb-6{margin-bottom:1.5rem}.text-gray-700{color:#374151}.text-base{font-size:1rem;line-height:1.5rem}.leading-relaxed{line-height:1.625}.flex-wrap{flex-wrap:wrap}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.border-gray-900{border-color:#111827}.text-lg{font-size:1.125rem;line-height:1.75rem}.relative{position:relative}.bg-white{background-color:#fff}.rounded-xl{border-radius:.75rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.overflow-hidden{overflow:hidden}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from:#f9fafb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f9fafb00)}.to-white{--tw-gradient-to:#fff}.p-4{padding:1rem}.rounded-lg{border-radius:.5rem}.p-6{padding:1.5rem}.space-y-4>*+*{margin-top:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.pb-3{padding-bottom:.75rem}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.font-semibold{font-weight:600}.text-gray-800{color:#1f2937}.w-3{width:.75rem}.h-3{height:.75rem}.rounded-full{border-radius:9999px}.bg-yellow-400{background-color:#facc15}.bg-green-400{background-color:#4ade80}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-3{gap:.75rem}.from-blue-50{--tw-gradient-from:#eff6ff}.to-blue-100{--tw-gradient-to:#dbeafe}.from-red-50{--tw-gradient-from:#fef2f2}.to-red-100{--tw-gradient-to:#fee2e2}.from-green-50{--tw-gradient-from:#f0fdf4}.to-green-100{--tw-gradient-to:#dcfce7}.from-purple-50{--tw-gradient-from:#faf5ff}.to-purple-100{--tw-gradient-to:#e9d5ff}.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-purple-600{color:#9333ea}@media (max-width:768px){.text-5xl{font-size:2.25rem}.text-6xl{font-size:3rem}.lg\:grid-cols-2{grid-template-columns:1fr}.flex{flex-direction:column}}.insights-platform-section{background:linear-gradient(135deg,#fce7f3,#fdf2f8 50%,#faf5ff);min-height:100vh;overflow:hidden;padding:120px 5%;position:relative}.insights-platform-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.insights-platform-header{margin-bottom:80px;text-align:center}.insights-platform-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px}.insights-platform-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#f472b6 50%,#fb923c);-webkit-background-clip:text;background-clip:text}.insights-platform-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:80px}.insights-tab-btn{background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.insights-tab-btn:before{background:linear-gradient(90deg,#0000,#ec48991a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.insights-tab-btn:hover:before{left:100%}.insights-tab-btn:hover{background:#1f29370d;transform:translateY(-2px)}.insights-tab-active{background:#1f2937;box-shadow:0 8px 25px #1f29374d;color:#fff}.insights-tab-active:hover{background:#1f2937;box-shadow:0 12px 35px #1f293766;transform:translateY(-2px)}.insights-platform-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.insights-tab-content{padding-right:40px}.insights-tab-main{display:flex;flex-direction:column;gap:60px}.insights-tab-feature,.insights-tab-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;padding:40px;transition:all .3s ease}.insights-tab-feature:hover,.insights-tab-secondary:hover{box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.insights-feature-header{align-items:flex-start;display:flex;gap:24px}.insights-feature-icon-large{align-items:center;animation:insights-float 6s ease-in-out infinite;background:linear-gradient(135deg,#ec4899,#f472b6,#fb923c);border-radius:20px;display:flex;flex-shrink:0;font-size:3.5rem;height:80px;justify-content:center;width:80px}.insights-feature-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.insights-feature-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.insights-feature-tags{display:flex;flex-wrap:wrap;gap:12px}.insights-feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #1f2937;border-radius:50px;color:#1f2937;font-size:12px;font-weight:700;padding:8px 20px;transition:all .3s ease}.insights-feature-tag:hover{background:#1f2937;color:#fff;transform:translateY(-2px)}.insights-platform-cta{align-self:flex-start;background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;cursor:pointer;font-size:1.125rem;font-weight:700;overflow:hidden;padding:18px 40px;position:relative;transition:all .3s ease}.insights-platform-cta:before{background:linear-gradient(90deg,#0000,#ec48991a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.insights-platform-cta:hover:before{left:100%}.insights-platform-cta:hover{background:#1f2937;box-shadow:0 12px 35px #1f29374d;color:#fff;transform:translateY(-2px)}.insights-platform-dashboard{position:relative}.insights-dashboard-card{animation:insights-floatCard 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden}.insights-dashboard-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:30px}.insights-dashboard-title{color:#1f2937;font-size:1.25rem;font-weight:600}.insights-dashboard-status{display:flex;gap:8px}.insights-status-dot{border-radius:50%;height:12px;position:relative;width:12px}.insights-status-dot:after{background:currentColor;border-radius:50%;content:"";height:6px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.insights-status-yellow{background:#f59e0b33;color:#f59e0b}.insights-status-green{background:#10b98133;color:#10b981}.insights-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:30px}.insights-metric-card{border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.insights-metric-card:before{background:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}.insights-metric-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.insights-metric-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.insights-metric-red{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.insights-metric-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.insights-metric-purple{background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.insights-metric-label{color:#374151;font-weight:600;margin-bottom:12px;position:relative;z-index:2}.insights-metric-value{font-weight:800;position:relative;z-index:2}.insights-metric-blue .insights-metric-value{color:#2563eb}.insights-metric-red .insights-metric-value{color:#dc2626}.insights-metric-status{font-size:1.25rem;font-weight:700;position:relative;z-index:2}.insights-metric-green .insights-metric-status{color:#059669}.insights-metric-purple .insights-metric-status{color:#7c3aed}.insights-platform-section:before{background:radial-gradient(circle at 20% 80%,#ec48991a 0,#0000 50%),radial-gradient(circle at 80% 20%,#f472b61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#fb923c0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes insights-floatCard{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@media (max-width:1024px){.insights-platform-content{gap:60px;grid-template-columns:1fr}.insights-tab-content{padding-right:0}.insights-platform-title{font-size:3rem}}@media (max-width:768px){.insights-platform-title{font-size:2.5rem}.insights-platform-tabs{align-items:center;flex-direction:column}.insights-tab-btn{max-width:300px;width:100%}.insights-feature-header{flex-direction:column;gap:20px;text-align:center}.insights-feature-icon-large{align-self:center}.insights-feature-tags{justify-content:center}.insights-dashboard-grid{gap:16px;grid-template-columns:1fr}.insights-platform-cta{align-self:center}}@media (max-width:480px){.insights-platform-title{font-size:2rem}.insights-feature-title{font-size:1.5rem}.insights-tab-feature,.insights-tab-secondary{padding:30px 20px}.insights-dashboard-grid,.insights-dashboard-header{padding:20px}}.insights-platform-floating{pointer-events:none;position:absolute;z-index:1}.insights-platform-orb-1{animation:insights-float 15s ease-in-out infinite;background:radial-gradient(circle,#ec48991a,#0000);border-radius:50%;height:200px;left:5%;top:10%;width:200px}.insights-platform-orb-2{animation:insights-float 12s ease-in-out infinite reverse;background:radial-gradient(circle,#f472b614,#0000);border-radius:50%;bottom:20%;height:150px;right:10%;width:150px}.insights-platform-orb-3{animation:insights-float 18s ease-in-out infinite;background:radial-gradient(circle,#fb923c0f,#0000);border-radius:50%;height:100px;left:15%;top:60%;width:100px}.insights-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:120px 5%;position:relative}.insights-journey-section:before{background:radial-gradient(circle at 10% 20%,#667eea0d 0,#0000 50%),radial-gradient(circle at 90% 80%,#764ba20d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.insights-journey-container{position:relative;z-index:2}.insights-journey-track{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1200px;position:relative}.insights-journey-track:before{background:linear-gradient(180deg,#667eea,#764ba2,#0000);bottom:0;content:"";left:120px;position:absolute;top:0;width:2px;z-index:1}.insights-journey-card{grid-gap:40px;align-items:start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;display:grid;gap:40px;grid-template-columns:auto 1fr 200px;padding:40px;position:relative;transition:all .3s ease;z-index:2}.insights-journey-card:hover{border-color:#667eea33;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.insights-journey-header{align-items:center;display:flex;flex-direction:column;gap:20px;min-width:120px}.insights-journey-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.insights-journey-indicator{align-items:center;display:flex;flex-direction:column;gap:10px}.insights-journey-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:16px;width:16px;z-index:2}.insights-journey-connector{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:1px;flex:1 1;width:2px}.insights-journey-phase{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.insights-phase-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;white-space:nowrap}.insights-phase-duration{color:#667eea;font-size:12px;font-weight:600}.insights-journey-content{flex:1 1}.insights-journey-content h3{color:#2c3e50;font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:20px}.insights-journey-features{grid-gap:12px;display:grid;gap:12px;margin-bottom:30px}.insights-journey-feature{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;transition:all .3s ease}.insights-journey-feature:hover{color:#2c3e50;transform:translateX(5px)}.insights-feature-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.insights-journey-stats{display:flex;gap:20px}.insights-stat-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:12px 16px;text-align:center}.insights-stat-value{color:#667eea;font-size:1.25rem;font-weight:700;margin-bottom:4px}.insights-stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.insights-journey-visual{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:200px}.insights-visual-chart{align-items:end;display:flex;gap:8px;height:80px;position:relative;z-index:2}.insights-chart-bar{animation:insights-chartGrow 2s ease-in-out infinite;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:6px 6px 0 0;position:relative;width:12px}.insights-chart-bar:before{background:linear-gradient(180deg,#0000,#ffffff4d);border-radius:6px 6px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.insights-chart-1 .insights-bar-1{animation-delay:0s;height:60%}.insights-chart-1 .insights-bar-2{animation-delay:.2s;height:80%}.insights-chart-1 .insights-bar-3{animation-delay:.4s;height:40%}.insights-chart-1 .insights-bar-4{animation-delay:.6s;height:70%}.insights-chart-2 .insights-bar-1{animation-delay:.1s;height:75%}.insights-chart-2 .insights-bar-2{animation-delay:.3s;height:90%}.insights-chart-2 .insights-bar-3{animation-delay:.5s;height:65%}.insights-chart-2 .insights-bar-4{animation-delay:.7s;height:85%}.insights-chart-3 .insights-bar-1{animation-delay:.2s;height:95%}.insights-chart-3 .insights-bar-2{animation-delay:.4s;height:85%}.insights-chart-3 .insights-bar-3{animation-delay:.6s;height:90%}.insights-chart-3 .insights-bar-4{animation-delay:.8s;height:95%}.insights-visual-glow{animation:insights-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#667eea1a,#0000);border-radius:50%;filter:blur(20px);height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.insights-journey-footer{border-top:1px solid #ffffff80;margin-top:80px;padding-top:60px}.insights-journey-metrics{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.insights-metric{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.insights-metric:hover{background:#fffc;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.insights-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.insights-metric-label{color:#6b7280;font-size:14px;font-weight:500;line-height:1.4}@keyframes insights-chartGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@media (max-width:1024px){.insights-journey-track:before{left:100px}.insights-journey-card{gap:30px;grid-template-columns:auto 1fr}.insights-journey-visual{display:none}.insights-journey-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.insights-journey-track:before{display:none}.insights-journey-card{gap:20px;grid-template-columns:1fr;text-align:center}.insights-journey-header{flex-direction:row;gap:20px;justify-content:center}.insights-journey-indicator{flex-direction:row}.insights-journey-connector{height:2px;width:40px}.insights-journey-phase{flex-direction:row;gap:12px}.insights-journey-stats{justify-content:center}.insights-journey-metrics{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.insights-journey-header{flex-direction:column;gap:15px}.insights-journey-phase{flex-direction:column;gap:8px}.insights-journey-stats{flex-direction:column;gap:12px}.insights-stat-item{padding:16px 12px}}.it-insights-platform{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-60px;overflow:hidden;padding:120px 0;position:relative}.it-insights-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.it-insights-bg-elements{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.it-insights-orb{animation:itOrbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.1;position:absolute}.it-orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:300px;left:5%;top:10%;width:300px}.it-orb-2{animation-delay:-5s;background:linear-gradient(135deg,#f093fb,#f5576c);height:400px;right:10%;top:50%;width:400px}.it-orb-3{animation-delay:-10s;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:20%;height:250px;left:15%;width:250px}.it-insights-grid-overlay{animation:itGridMove 20s linear infinite;background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px}.it-insights-floating-shapes,.it-insights-grid-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.it-shape{animation:itShapeFloat 25s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:20px;position:absolute}.it-shape-1{animation-delay:0s;height:80px;right:8%;top:20%;width:80px}.it-shape-2{animation-delay:-8s;bottom:30%;height:60px;left:8%;width:60px}.it-shape-3{animation-delay:-15s;height:100px;right:20%;top:60%;width:100px}.it-insights-header{margin-bottom:60px;text-align:center}.it-insights-badge{align-items:center;animation:itSlideUpFade .6s ease-out;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;overflow:hidden;padding:8px 16px;position:relative}.it-badge-shimmer{animation:itShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.it-insights-title{animation:itSlideUpFade .6s ease-out .2s both;color:#2b2436!important;font-size:2.5rem;font-weight:800;margin-bottom:24px}.it-insights-highlight{color:#2b2436!important;position:relative}.it-insights-subtitle{animation:itSlideUpFade .6s ease-out .3s both;color:#64748b;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.it-insights-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:60px}.it-tab-btn{align-items:center;animation:itTabSlideIn .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fffc;border-radius:16px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.it-tab-btn:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.it-tab-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 8px 25px #6366f14d;color:#fff;transform:translateY(-2px)}.it-tab-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.it-tab-btn:hover .it-tab-glow{left:100%}.it-tab-icon{font-size:18px}.it-tab-label{font-size:14px;white-space:nowrap}.it-insights-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 400px}.it-tab-content{animation:itContentFade .5s ease-out}.it-tab-main{display:flex;flex-direction:column;gap:24px}.it-feature-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:32px;position:relative;transition:all .4s ease}.it-feature-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-4px)}.it-feature-primary{border-left:4px solid #6366f1}.it-feature-secondary{border-left:4px solid #10b981}.it-feature-header{align-items:flex-start;display:flex;gap:20px}.it-feature-icon-large{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;position:relative;width:60px}.it-icon-ripple{animation:itRipple 3s ease-in-out infinite;border:2px solid #6366f1;border-radius:16px;height:100%;left:0;position:absolute;top:0;width:100%}.it-feature-info{flex:1 1}.it-feature-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:12px}.it-feature-description{color:#64748b;line-height:1.6;margin-bottom:20px}.it-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.it-feature-tag{align-items:center;background:#f1f5f9;border-radius:12px;color:#475569;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.it-tag-check{color:#10b981;font-weight:700}.it-feature-stats{display:flex;gap:20px}.it-stat-item{text-align:center}.it-stat-value{color:#1e293b;font-size:1.5rem;font-weight:800;margin-bottom:4px}.it-stat-label{color:#64748b;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.it-feature-progress{margin-top:20px}.it-progress-track{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.it-progress-fill{animation:itProgressFill 2s ease-out;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px}.it-progress-shimmer{animation:itShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}.it-progress-text{color:#64748b;font-size:12px}.it-feature-glow{background:radial-gradient(circle at 50% 0,#6366f11a 0,#0000 50%);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.it-feature-card:hover .it-feature-glow{opacity:1}.it-platform-cta{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.it-platform-cta:hover{box-shadow:0 12px 30px #6366f166;transform:translateY(-2px)}.it-cta-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.it-platform-cta:hover .it-cta-glow{left:100%}.it-cta-arrow{transition:transform .3s ease}.it-platform-cta:hover .it-cta-arrow{transform:translateX(4px)}.it-insights-dashboard{position:-webkit-sticky;position:sticky;top:100px}.it-dashboard-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;box-shadow:0 20px 40px #0003;overflow:hidden;padding:24px;position:relative}.it-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.it-dashboard-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.it-device-icon{font-size:18px}.it-status-indicator{align-items:center;background:#22c55e33;border-radius:12px;color:#22c55e;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 8px}.it-status-dot{animation:itStatusPulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}.it-dashboard-actions{display:flex;gap:8px}.it-action-btn{background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;transition:all .3s ease}.it-action-btn:hover{background:#fff3;color:#fff}.it-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.it-metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s ease}.it-metric-card:hover{background:#ffffff14;transform:translateY(-2px)}.it-metric-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.it-metric-icon{font-size:14px}.it-metric-label{color:#94a3b8;flex:1 1;font-size:12px;font-weight:600}.it-metric-trend{border-radius:8px;font-size:10px;font-weight:600;padding:2px 6px}.it-metric-cpu .it-metric-trend{background:#ef444433;color:#f87171}.it-metric-memory .it-metric-trend{background:#22c55e33;color:#4ade80}.it-metric-value{color:#fff;font-size:1.5rem;font-weight:700}.it-metric-progress,.it-metric-value{margin-bottom:8px}.it-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.it-progress-fill{border-radius:2px;height:100%;position:relative}.it-metric-cpu .it-progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.it-metric-memory .it-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.it-progress-glow{background:inherit;filter:blur(2px);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.it-metric-details{color:#94a3b8;display:flex;font-size:10px;justify-content:space-between}.it-metric-security{grid-column:1/-1}.it-metric-status{align-items:center;color:#22c55e;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.it-status-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.it-security-details{display:flex;flex-direction:column;gap:8px}.it-security-item{align-items:center;color:#94a3b8;display:flex;font-size:12px;justify-content:space-between}.it-status-active{color:#22c55e;font-weight:600}.it-status-pending{color:#f59e0b;font-weight:600}.it-metric-storage{grid-column:1/-1}.it-storage-visual{display:flex;justify-content:center;margin:16px 0}.it-storage-ring{height:80px;position:relative;width:80px}.it-storage-chart{height:100%;transform:rotate(-90deg);width:100%}.it-storage-value{color:#fff;font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.it-storage-details{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between}.it-network-activity{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:16px}.it-activity-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.it-activity-status{background:#22c55e33;border-radius:8px;color:#22c55e;font-size:10px;font-weight:600;padding:2px 8px}.it-activity-chart{align-items:end;display:flex;gap:4px;height:60px;margin-bottom:12px}.it-activity-bar{animation:itBarGrow 1s ease-out;background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:2px;flex:1 1;min-height:10px;position:relative}.it-bar-glow{background:inherit;filter:blur(2px);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.it-activity-stats{display:flex;justify-content:space-between}.it-activity-stat{text-align:center}.it-activity-stat span:first-child{color:#94a3b8;display:block;font-size:10px;margin-bottom:2px}.it-activity-stat span:last-child{color:#fff;display:block;font-size:12px;font-weight:600}.it-recent-alerts{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.it-alerts-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.it-alerts-count{background:#3b82f633;border-radius:8px;color:#60a5fa;font-size:10px;font-weight:600;padding:2px 8px}.it-alerts-list{display:flex;flex-direction:column;gap:8px}.it-alert-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:8px;transition:all .3s ease}.it-alert-item:hover{background:#ffffff0d}.it-alert-info{background:#3b82f61a;border-left:3px solid #3b82f6}.it-alert-warning{background:#f59e0b1a;border-left:3px solid #f59e0b}.it-alert-success{background:#22c55e1a;border-left:3px solid #22c55e}.it-alert-icon{align-items:center;border-radius:6px;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.it-alert-info .it-alert-icon{background:#3b82f633}.it-alert-warning .it-alert-icon{background:#f59e0b33}.it-alert-success .it-alert-icon{background:#22c55e33}.it-alert-content{flex:1 1}.it-alert-message{color:#fff;display:block;font-size:12px;font-weight:500;margin-bottom:2px}.it-alert-time{color:#94a3b8;display:block;font-size:10px}.it-platform-benefits{margin-top:80px}.it-benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.it-benefit-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px 24px;text-align:center;transition:all .3s ease}.it-benefit-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-4px)}.it-benefit-icon{font-size:48px;margin-bottom:16px}.it-benefit-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:12px}.it-benefit-description{color:#64748b;line-height:1.5}@keyframes itOrbFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes itGridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes itShapeFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes itSlideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes itShimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(200%) rotate(45deg)}}@keyframes itHighlightPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes itTabSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes itContentFade{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes itRipple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}@keyframes itProgressFill{0%{width:0}to{width:100%}}@keyframes itStatusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes itBarGrow{0%{height:0}to{height:100%}}@media (max-width:1024px){.it-insights-content{gap:40px;grid-template-columns:1fr}.it-insights-dashboard{position:static}}@media (max-width:768px){.it-insights-platform{padding:80px 0}.it-insights-title{font-size:2.5rem}.it-insights-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.it-tab-btn{white-space:nowrap}.it-feature-header{flex-direction:column;text-align:center}.it-feature-icon-large{align-self:center}.it-feature-stats{justify-content:center}.it-benefits-grid{grid-template-columns:1fr}}@media (max-width:480px){.it-insights-title{font-size:2rem}.it-dashboard-grid{grid-template-columns:1fr}.it-activity-stats{flex-direction:column;gap:8px}.it-activity-stat{display:flex;justify-content:space-between}}.ai-analytics-copilot{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 0;position:relative}.ai-copilot-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.ai-copilot-bg-elements{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.ai-copilot-orb{animation:aiOrbFloat 25s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.05;position:absolute}.ai-orb-1{animation-delay:0s;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;left:5%;top:10%;width:400px}.ai-orb-2{animation-delay:-8s;background:linear-gradient(135deg,#ec4899,#f97316);height:300px;right:10%;top:60%;width:300px}.ai-orb-3{animation-delay:-15s;background:linear-gradient(135deg,#10b981,#06b6d4);bottom:20%;height:250px;left:15%;width:250px}.ai-copilot-grid-overlay{animation:aiGridPulse 10s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#6366f108 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec489908 0,#0000 50%)}.ai-copilot-floating-particles,.ai-copilot-grid-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.ai-particle{animation:aiParticleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay);background:#6366f11a;border-radius:50%;height:var(--size);position:absolute;width:var(--size)}.ai-particle:nth-child(odd){background:#ec489914}.ai-copilot-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.ai-copilot-reversed{grid-template-columns:1fr 1fr}.ai-analytics-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #fffc;border-radius:24px;box-shadow:0 25px 50px #00000014,0 8px 25px #6366f11f,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:32px;position:relative}.ai-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.ai-header-left{flex:1 1}.ai-copilot-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;overflow:hidden;padding:8px 16px;position:relative}.ai-badge-pulse{animation:aiPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.ai-badge-glow{animation:aiGlowSlide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f133,#0000);height:100%;left:0;position:absolute;top:0;width:100%}.ai-badge-shimmer{animation:aiShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#fff6,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.ai-dashboard-header h4{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:12px}.ai-dashboard-stats{display:flex;gap:12px}.ai-stat-pill{align-items:center;background:#6366f114;border-radius:12px;color:#475569;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.ai-live-indicator{align-items:center;background:#22c55e1a;border-radius:20px;color:#059669;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:8px 16px;position:relative}.ai-live-dot{animation:aiLivePulse 1.5s ease-in-out infinite;background:#059669;border-radius:50%;height:8px;width:8px}.ai-live-pulse{animation:aiLivePulseRing 2s ease-in-out infinite;background:inherit;border-radius:20px;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:100%}.ai-primary-metric{background:#ffffffb3;border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.ai-metric-header{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.ai-metric-label span:first-child{color:#1e293b;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.ai-metric-description{color:#64748b;font-size:14px}.ai-metric-trend{text-align:right}.ai-trend-icon{font-size:16px;margin-right:4px}.ai-trend-value{color:#059669;display:block;font-size:14px;font-weight:700}.ai-trend-label{color:#64748b;display:block;font-size:12px}.ai-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin:16px 0;text-align:center}.ai-progress-container{margin-bottom:20px}.ai-progress-bar{background:#6366f11a;height:8px;margin-bottom:8px;overflow:hidden}.ai-progress-bar,.ai-progress-fill{border-radius:4px;position:relative}.ai-progress-fill{animation:aiProgressFill 2s ease-out;background:linear-gradient(90deg,#10b981,#34d399,#22c55e);height:100%}.ai-progress-glow{background:inherit;filter:blur(8px);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.ai-progress-shimmer{animation:aiShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}.ai-progress-pulse{animation:aiPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:16px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:16px}.ai-progress-labels{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.ai-metric-breakdown{display:flex;gap:16px;justify-content:space-around}.ai-breakdown-item{flex:1 1;text-align:center}.ai-breakdown-item span:first-child{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.ai-breakdown-value{color:#1e293b;font-size:16px;font-weight:700}.ai-recommendation-engine{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f126;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.ai-recommendation-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ai-recommendation-icon{align-items:center;background:#6366f11a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.ai-recommendation-title{flex:1 1}.ai-recommendation-title strong{color:#1e293b;display:block;font-size:16px;margin-bottom:4px}.ai-confidence-badge{background:#22c55e1a;border-radius:8px;color:#059669;font-size:12px;font-weight:600;padding:2px 8px}.ai-recommendation-content p{color:#475569;line-height:1.6;margin-bottom:16px}.ai-recommendation-metrics{display:flex;gap:16px;margin-bottom:20px}.ai-recommendation-metric{flex:1 1;text-align:center}.ai-metric-label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.ai-metric-value{display:block}.ai-recommendation-actions{display:flex;gap:12px}.ai-action-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.ai-action-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d;color:#fff;overflow:hidden;position:relative}.ai-action-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.ai-action-primary:hover .ai-action-glow{left:100%}.ai-action-secondary{background:#fffc;border:1px solid #6366f133;box-shadow:0 2px 10px #0000000d;color:#4f46e5}.ai-action-secondary:hover{background:#6366f10d}.ai-recommendation-glow{animation:aiGlowSlide 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f11a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.ai-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.ai-metric-card{animation:aiCardSlide .6s ease-out both;background:#ffffffb3;border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 15px #0000000a;padding:16px;transition:all .3s ease}.ai-metric-card:hover{background:#ffffffe6;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.ai-metric-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ai-metric-icon{align-items:center;background:#6366f11a;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.ai-metric-info{flex:1 1}.ai-metric-name{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.ai-metric-desc{color:#64748b;display:block;font-size:11px}.ai-metric-value{color:#1e293b;font-size:18px;font-weight:700}.ai-mini-progress{background:#6366f11a;height:4px;margin-bottom:8px;overflow:hidden}.ai-mini-fill,.ai-mini-progress{border-radius:2px;position:relative}.ai-mini-fill{animation:aiMiniFill 1.5s ease-out;height:100%}.ai-mini-glow{filter:blur(2px);height:100%;left:0;opacity:.6;top:0;width:100%}.ai-mini-glow,.ai-mini-pulse{background:inherit;position:absolute}.ai-mini-pulse{animation:aiPulse 2s ease-in-out infinite;border-radius:50%;height:8px;right:0;top:50%;transform:translate(50%,-50%);width:8px}.ai-metric-footer{align-items:center;display:flex;justify-content:space-between}.ai-metric-trend{align-items:center;color:#059669;display:flex;font-size:12px;font-weight:600;gap:2px}.ai-trend-arrow{font-size:10px}.ai-metric-badge{background:#22c55e1a;border-radius:6px;color:#059669;font-size:10px;font-weight:600;padding:2px 6px}.ai-data-stream{background:#ffffffb3;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 15px #0000000a;padding:20px}.ai-stream-header{color:#1e293b;font-size:14px;justify-content:space-between;margin-bottom:16px}.ai-stream-header,.ai-stream-status{align-items:center;display:flex;font-weight:600}.ai-stream-status{background:#22c55e1a;border-radius:8px;color:#059669;font-size:12px;gap:6px;padding:4px 8px}.ai-status-dot{animation:aiPulse 2s ease-in-out infinite;background:#059669;border-radius:50%;height:6px;width:6px}.ai-stream-visualization{align-items:center;display:flex;gap:24px}.ai-wave-container{flex-shrink:0;height:60px;position:relative;width:120px}.ai-wave{animation:aiWaveAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f1,#0000);border-radius:10px;bottom:0;height:20px;left:0;opacity:.6;position:absolute;width:100%}.ai-wave-1{animation-delay:0s}.ai-wave-2{animation-delay:-1s;background:linear-gradient(90deg,#0000,#8b5cf6,#0000);height:15px}.ai-wave-3{animation-delay:-2s;background:linear-gradient(90deg,#0000,#ec4899,#0000);height:10px}.ai-stream-metrics{display:flex;flex:1 1;flex-direction:column;gap:8px}.ai-stream-metric{align-items:center;display:flex;justify-content:space-between}.ai-stream-metric span:first-child{color:#64748b;font-size:12px}.ai-stream-value{color:#1e293b;font-size:14px;font-weight:600}.ai-copilot-text{padding:20px 0}.ai-section-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.ai-copilot-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1.2;margin-bottom:24px;text-align:justify}.ai-section-description{color:#475569;font-size:1.125rem;line-height:1.6;margin-bottom:40px;text-align:justify}.ai-feature-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;text-align:justify}.ai-feature-point{align-items:flex-start;display:flex;gap:16px}.ai-point-icon{flex-shrink:0;height:60px;position:relative;width:60px}.ai-icon-orb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .4s ease;width:100%}.ai-feature-point:hover .ai-icon-orb{transform:rotate(135deg)}.ai-icon-symbol{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;position:relative;z-index:2}.ai-icon-ripple{animation:aiRipple 3s ease-in-out infinite;border:2px solid #6366f1;border-radius:16px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:100%}.ai-point-content{flex:1 1}.ai-point-content h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.ai-point-content p{color:#475569;line-height:1.6;margin-bottom:12px}.ai-capability-tags{display:flex;flex-wrap:wrap;gap:6px}.ai-capability-tag{background:#6366f114;border-radius:6px;color:#4f46e5;font-size:11px;font-weight:600;padding:4px 8px}.ai-cta-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #fffc;border-radius:20px;box-shadow:0 25px 50px #00000014;padding:32px}.ai-cta-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px}.ai-cta-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:12px}.ai-cta-content p{color:#475569;line-height:1.6;margin-bottom:24px}.ai-cta-buttons{display:flex;gap:12px;margin-bottom:24px}.ai-cta-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.ai-cta-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.ai-cta-primary:hover .ai-cta-glow{left:100%}.ai-cta-arrow{transition:transform .3s ease}.ai-cta-primary:hover .ai-cta-arrow{transform:translateX(4px)}.ai-cta-secondary{background:#fffc;border:1px solid #6366f133;border-radius:12px;box-shadow:0 2px 10px #0000000d;color:#4f46e5;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.ai-cta-secondary:hover{background:#6366f10d}.ai-cta-stats{border-top:1px solid #6366f11a;display:flex;justify-content:space-around;padding-top:20px}.ai-cta-stat{text-align:center}.ai-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;display:block;font-size:1.5rem;font-weight:800;margin-bottom:4px}.ai-stat-label{color:#64748b;display:block;font-size:12px;font-weight:600}@keyframes aiOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-10px,10px) scale(.9)}75%{transform:translate(-20px,-10px) scale(1.05)}}@keyframes aiGridPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes aiParticleFloat{0%,to{opacity:0;transform:translate(0) rotate(0deg)}10%,90%{opacity:1}50%{opacity:.7;transform:translate(100px,-50px) rotate(180deg)}}@keyframes aiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes aiGlowSlide{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes aiShimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(200%) rotate(45deg)}}@keyframes aiLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes aiLivePulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes aiProgressFill{0%{width:0}to{width:100%}}@keyframes aiCardSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aiMiniFill{0%{width:0}to{width:100%}}@keyframes aiWaveAnimation{0%,to{transform:scaleX(.8)}50%{transform:scaleX(1.2)}}@keyframes aiRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width:1024px){.ai-copilot-content{gap:60px}.ai-copilot-content,.ai-metrics-grid{grid-template-columns:1fr}}@media (max-width:768px){.ai-analytics-copilot{padding:80px 0}.ai-copilot-text h2{font-size:2.25rem}.ai-dashboard-header{gap:16px}.ai-dashboard-header,.ai-metric-breakdown,.ai-recommendation-actions{flex-direction:column}.ai-metric-breakdown{gap:12px}.ai-stream-visualization{flex-direction:column;gap:16px}.ai-cta-buttons,.ai-cta-stats{flex-direction:column}.ai-cta-stats{gap:16px}}@media (max-width:480px){.ai-copilot-text h2{font-size:1.875rem}.ai-analytics-dashboard{padding:20px}.ai-metric-value{font-size:3rem}.ai-feature-point{flex-direction:column;text-align:center}.ai-point-icon{align-self:center}}.hrv-insights-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#6366f11a;border:1px solid #6366f133;color:#6366f1}.hrv-pulse-dot{background:#6366f1}.hrv-feature-icon,.hrv-metric-number{color:#6366f1}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #6366f166,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 15px #6366f166}.hrv-insights-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-insights-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text}.hrv-insights-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:700}.timeattendance-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.timeattendance-scroll-progress{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.timeattendance-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.timeattendance-floating-shape{animation:timeattendance-float 20s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-radius:50%;position:absolute}.timeattendance-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.timeattendance-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);bottom:100px;height:200px;left:-50px;width:200px}.timeattendance-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.timeattendance-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.timeattendance-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.timeattendance-gradient-orb{animation:timeattendance-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.timeattendance-orb-1{animation-delay:0s;background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:400px;right:-200px;top:-200px;width:400px}.timeattendance-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#8b5cf6,#3b82f6);bottom:-150px;height:300px;left:-150px;width:300px}.timeattendance-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#60a5fa,#a78bfa);height:200px;left:10%;top:50%;width:200px}.timeattendance-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.timeattendance-svg-path-1{animation:timeattendance-svgFloat 25s ease-in-out infinite}.timeattendance-svg-path-2{animation:timeattendance-svgFloat 30s ease-in-out infinite reverse}.timeattendance-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.timeattendance-hero-section.timeattendance-visible{opacity:1;transform:translateY(0)}.timeattendance-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.timeattendance-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.timeattendance-badge-dot{animation:timeattendance-pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;height:6px;width:6px}.timeattendance-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.timeattendance-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.timeattendance-hero-description{color:#c25454;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.timeattendance-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.timeattendance-btn-primary,.timeattendance-btn-secondary,.timeattendance-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.timeattendance-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 8px 25px #3b82f64d;color:#fff}.timeattendance-btn-primary:hover{box-shadow:0 12px 35px #3b82f666;transform:translateY(-2px)}.timeattendance-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#1e293b}.timeattendance-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.timeattendance-btn-tertiary{background:#0000;color:#3b82f6;padding:16px 24px}.timeattendance-btn-tertiary:hover{color:#8b5cf6;transform:translateX(5px)}.timeattendance-btn-icon{font-size:12px}.timeattendance-btn-large{font-size:18px;padding:18px 40px}.timeattendance-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.timeattendance-stat{text-align:left}.timeattendance-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.timeattendance-stat-label{color:#6b7280;font-size:14px;font-weight:500}.timeattendance-hero-visual{height:600px;position:relative}.timeattendance-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026;height:100%;overflow:hidden;position:relative}.timeattendance-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;height:100%;overflow:hidden;position:relative}.timeattendance-hero-image{height:100%;object-fit:cover;width:100%}.timeattendance-image-overlay{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);bottom:0;left:0;position:absolute;right:0;top:0}.timeattendance-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.timeattendance-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.timeattendance-glass-content p{color:#fffc;font-size:1rem}.timeattendance-floating-card{align-items:center;animation:timeattendance-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.timeattendance-card-1{animation-delay:0s;left:-60px;top:10%}.timeattendance-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.timeattendance-card-3{animation-delay:-4s;bottom:20%;left:-40px}.timeattendance-card-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.timeattendance-card-content{display:flex;flex-direction:column}.timeattendance-card-title{color:#1e293b;font-weight:600;margin-bottom:4px}.timeattendance-card-text{color:#6b7280;font-size:14px}.timeattendance-card-progress{animation:timeattendance-progress 2s infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.timeattendance-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.timeattendance-scroll-line{animation:timeattendance-scrollLine 2s infinite;background:linear-gradient(180deg,#3b82f6,#0000);border-radius:1px;height:40px;width:2px}.timeattendance-features-section{background:#ffffff80;padding:120px 5%}.timeattendance-section-content{margin:0 auto;max-width:1400px}.timeattendance-section-header{margin-bottom:80px;text-align:center}.timeattendance-section-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.timeattendance-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.timeattendance-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.timeattendance-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.timeattendance-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.timeattendance-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.timeattendance-feature-card:hover:before{left:100%}.timeattendance-feature-card.timeattendance-active,.timeattendance-feature-card:hover{border-color:#3b82f64d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.timeattendance-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.timeattendance-feature-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;display:flex;font-size:32px;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.timeattendance-feature-glow{animation:timeattendance-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.timeattendance-feature-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:16px}.timeattendance-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.timeattendance-feature-arrow{color:#3b82f6;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.timeattendance-feature-card:hover .timeattendance-feature-arrow{opacity:1;transform:translateX(0)}.timeattendance-cta-section{background:linear-gradient(135deg,#fff,#fff);overflow:hidden;padding:120px 5%;position:relative}.timeattendance-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.timeattendance-cta-orb{animation:timeattendance-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.timeattendance-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.timeattendance-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.timeattendance-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.timeattendance-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.timeattendance-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.timeattendance-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.timeattendance-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.timeattendance-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.timeattendance-cta-stat{color:#ffffffe6;font-size:14px}.timeattendance-cta-stat strong{color:#fff;font-weight:600}.timeattendance-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.timeattendance-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.timeattendance-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.timeattendance-video-popup-close:hover{background:#000000b3}.timeattendance-video-container{height:0;padding-bottom:56.25%;position:relative}.timeattendance-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.timeattendance-video-popup-info{padding:30px;text-align:center}.timeattendance-video-popup-info h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.timeattendance-video-popup-info p{color:#6b7280;line-height:1.6}.timeattendance-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.timeattendance-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.timeattendance-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes timeattendance-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes timeattendance-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes timeattendance-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes timeattendance-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes timeattendance-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes timeattendance-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes timeattendance-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes timeattendance-chartGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@media (max-width:1024px){.timeattendance-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.timeattendance-features-grid,.timeattendance-hero-stats{grid-template-columns:repeat(2,1fr)}.timeattendance-platform-content{gap:60px;grid-template-columns:1fr}.timeattendance-tab-content{padding-right:0}.timeattendance-platform-title{font-size:3rem}.timeattendance-journey-track:before{left:100px}.timeattendance-journey-card{gap:30px;grid-template-columns:auto 1fr}.timeattendance-journey-visual{display:none}.timeattendance-journey-metrics{grid-template-columns:repeat(2,1fr)}.timeattendance-integration-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.timeattendance-hero-title{font-size:2.5rem}.timeattendance-section-header h2{font-size:2rem}.timeattendance-features-grid{grid-template-columns:1fr}.timeattendance-platform-title{font-size:2.5rem}.timeattendance-platform-tabs{align-items:center;flex-direction:column}.timeattendance-tab-btn{max-width:300px;width:100%}.timeattendance-feature-header{flex-direction:column;gap:20px;text-align:center}.timeattendance-feature-icon-large{align-self:center}.timeattendance-feature-tags{justify-content:center}.timeattendance-dashboard-grid{gap:16px;grid-template-columns:1fr}.timeattendance-platform-cta{align-self:center}.timeattendance-journey-track:before{display:none}.timeattendance-journey-card{gap:20px;grid-template-columns:1fr;text-align:center}.timeattendance-journey-header{flex-direction:row;gap:20px;justify-content:center}.timeattendance-journey-indicator{flex-direction:row}.timeattendance-journey-connector{height:2px;width:40px}.timeattendance-journey-phase{flex-direction:row;gap:12px}.timeattendance-journey-stats{justify-content:center}.timeattendance-journey-metrics{gap:20px;grid-template-columns:1fr}.timeattendance-cta-stats{grid-template-columns:repeat(2,1fr)}.timeattendance-cta-buttons,.timeattendance-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.timeattendance-hero-title,.timeattendance-platform-title{font-size:2rem}.timeattendance-feature-title{font-size:1.5rem}.timeattendance-tab-feature,.timeattendance-tab-secondary{padding:30px 20px}.timeattendance-dashboard-grid,.timeattendance-dashboard-header{padding:20px}.timeattendance-integration-grid{grid-template-columns:repeat(2,1fr)}.timeattendance-cta-stats{grid-template-columns:1fr}.timeattendance-floating-card{margin-bottom:20px;position:relative}.timeattendance-card-1,.timeattendance-card-2,.timeattendance-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}.timeattendance-journey-header{flex-direction:column;gap:15px}.timeattendance-journey-phase{flex-direction:column;gap:8px}.timeattendance-journey-stats{flex-direction:column;gap:12px}.timeattendance-stat-item{padding:16px 12px}}.time-attendance-hero{background:linear-gradient(135deg,#fff,#fff 50%,#fff);min-height:100vh;overflow:hidden;padding:120px 5% 80px;position:relative}.ta-hero-background{inset:0;pointer-events:none;position:absolute}.ta-gradient-orb{animation:ta-float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}.ta-orb-1{background:linear-gradient(135deg,#6366f1,#8b5cf6);height:500px;left:-200px;top:-200px;width:500px}.ta-orb-2{animation-delay:7s;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:-150px;height:400px;right:-150px;width:400px}.ta-orb-3{animation-delay:14s;background:linear-gradient(135deg,#8b5cf6,#d946ef);height:350px;right:10%;top:40%;width:350px}@keyframes ta-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.ta-grid-overlay{background-image:linear-gradient(#6366f10d 1px,#0000 0),linear-gradient(90deg,#6366f10d 1px,#0000 0);background-size:50px 50px;inset:0;opacity:.5;position:absolute}.ta-hero-container{margin:-80px auto 0;max-width:1400px;position:relative;z-index:1}.ta-status-bar{align-items:center;background:#fff;border:1px solid #6366f133;border-radius:16px;box-shadow:0 4px 12px #6366f114;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:60px;padding:16px 24px}.ta-status-left,.ta-status-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ta-status-dot{background:#10b981;border-radius:50%;height:10px;width:10px}.ta-pulse{animation:ta-pulse 2s ease-in-out infinite}@keyframes ta-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.ta-status-text{color:#1e293b;font-size:14px;font-weight:600}.ta-deployment-badge{background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;font-size:12px;font-weight:600;padding:6px 16px}.ta-uptime-indicator{align-items:center;background:#10b9811a;border-radius:8px;display:flex;gap:8px;padding:6px 12px}.ta-uptime-value{color:#10b981;font-size:14px;font-weight:700}.ta-uptime-label{color:#64748b;font-size:12px}.ta-hero-main{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:150px}.ta-hero-text-content{animation:ta-fadeInLeft .8s ease-out}@keyframes ta-fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.ta-hero-title{color:#2b2436!important;font-size:23px;font-weight:800;line-height:1.1;margin:0 0 24px;text-align:justify}.ta-title-highlight{display:block;margin-top:8px}.ta-gradient-text{animation:ta-gradientShift 3s ease infinite;background-size:200% 200%;color:#2b2436!important}@keyframes ta-gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ta-hero-subtitle{color:#64748b;font-size:16px;line-height:1.8;margin-bottom:32px;max-width:580px;text-align:justify}.ta-trust-badges{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.ta-badge-item{align-items:center;background:#fff;border:1px solid #6366f126;border-radius:12px;box-shadow:0 2px 8px #6366f10f;display:flex;gap:12px;padding:16px;transition:all .3s ease}.ta-badge-item:hover{border-color:#6366f14d;box-shadow:0 4px 12px #6366f11f;transform:translateY(-2px)}.ta-badge-icon{flex-shrink:0;font-size:24px}.ta-badge-text{display:flex;flex-direction:column}.ta-badge-title{color:#1e293b;font-size:14px;font-weight:700}.ta-badge-desc{color:#64748b;font-size:12px}.ta-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.ta-btn-primary,.ta-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:.5px;padding:16px 32px;transition:all .3s ease}.ta-btn-primary{background:linear-gradient(90deg,#003acc,#0047ff 0);border:2px solid #165ef0;color:#fff}.ta-btn-primary:hover{background:#165ef01a;transform:translateY(-2px)}.ta-btn-secondary{background:#fff;border:2px solid #165ef0;color:#165ef0}.ta-btn-secondary:hover{background:#165ef01a;border-color:#6366f166;transform:translateY(-2px)}.ta-btn-primary.ta-large,.ta-btn-secondary.ta-large{font-size:16px;padding:18px 40px}.ta-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.ta-stat-item{display:flex;flex-direction:column}.ta-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.ta-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ta-stat-divider{background:#6366f133;height:40px;width:1px}.ta-visualization-container{animation:ta-fadeInRight .8s ease-out;position:relative}@keyframes ta-fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.ta-time-ecosystem{background:#fff;border:1px solid #6366f133;border-radius:24px;box-shadow:0 8px 24px #6366f11a;height:600px;padding:40px;position:relative;width:100%}.ta-central-hub{z-index:10}.ta-central-hub,.ta-hub-rings,.ta-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ta-ring{border:2px solid #6366f133;border-radius:50%}.ta-ring-1{animation:ta-ringPulse 3s ease-in-out infinite;height:180px;width:180px}.ta-ring-2{animation:ta-ringPulse 3s ease-in-out .5s infinite;height:240px;width:240px}.ta-ring-3{animation:ta-ringPulse 3s ease-in-out 1s infinite;height:300px;width:300px}@keyframes ta-ringPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}.ta-hub-core{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 8px 32px #6366f166;display:flex;flex-direction:column;height:140px;justify-content:center;position:relative;width:140px;z-index:11}.ta-hub-icon{font-size:48px;margin-bottom:8px}.ta-hub-title{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.ta-hub-status{align-items:center;display:flex;gap:6px}.ta-status-indicator{background:#10b981;border-radius:50%;height:8px;width:8px}.ta-active{animation:ta-pulse 2s ease-in-out infinite}.ta-hub-status span{color:#fff;font-size:12px;font-weight:600}.ta-floating-cards{height:100%;left:0;position:absolute;top:0;width:100%}.ta-feature-card{align-items:center;animation:ta-cardFloat 4s ease-in-out infinite;background:#fff;border:1px solid #6366f133;border-radius:12px;box-shadow:0 4px 12px #6366f11a;display:flex;gap:12px;padding:16px 20px;position:absolute}.ta-card-icon{font-size:24px}.ta-card-title{color:#1e293b;font-size:14px;font-weight:700;white-space:nowrap}.ta-card-1{animation-delay:0s;left:15%;top:10%}.ta-card-2{animation-delay:.5s;right:15%;top:10%}.ta-card-3{animation-delay:1s;left:5%;top:35%}.ta-card-4{animation-delay:1.5s;right:5%;top:35%}.ta-card-5{animation-delay:2s;bottom:15%;left:15%}.ta-card-6{animation-delay:2.5s;bottom:15%;right:15%}@keyframes ta-cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ta-connection-lines{opacity:.4}.ta-connection-lines,.ta-data-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ta-particle{animation:ta-particleMove var(--ta-particle-duration) var(--ta-particle-delay) infinite;background:#6366f1;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes ta-particleMove{0%{opacity:0;transform:translate(0)}50%{opacity:1}to{opacity:0;transform:translate(30vw,20vh)}}.ta-activity-feed{background:#fff;border:1px solid #6366f133;border-radius:12px;bottom:-80px;box-shadow:0 4px 12px #6366f114;display:flex;flex-direction:column;gap:8px;left:0;padding:16px;position:absolute;right:0}.ta-activity-item{align-items:center;display:flex;gap:12px;padding:8px 0}.ta-activity-dot{animation:ta-pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.ta-activity-text{color:#475569;flex:1 1;font-size:13px}.ta-activity-time{color:#94a3b8;font-size:11px;font-weight:600}.ta-feature-categories{margin-bottom:80px}.ta-section-title{align-items:center;display:flex;gap:24px;margin-bottom:48px;text-align:center}.ta-title-line{background:linear-gradient(90deg,#0000,#6366f14d,#0000);flex:1 1;height:2px}.ta-title-text{color:#2b2436!important;font-size:36px;font-weight:700;white-space:nowrap}.ta-categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.ta-category-card{background:#fff;border:1px solid #6366f126;border-radius:20px;box-shadow:0 4px 12px #6366f10f;padding:32px;transition:all .3s ease}.ta-category-card:hover{border-color:#6366f14d;box-shadow:0 8px 24px #6366f11f;transform:translateY(-4px)}.ta-category-icon{display:block;font-size:48px;margin-bottom:20px}.ta-category-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.ta-category-desc{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:20px}.ta-feature-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.ta-feature-list li{align-items:center;background:#6366f10a;border-radius:8px;color:#475569;display:flex;font-size:14px;gap:10px;padding:8px 12px;transition:all .3s ease}.ta-feature-list li:hover{background:#6366f114;transform:translateX(4px)}.ta-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.ta-key-benefits{display:flex;flex-direction:column;gap:24px;margin-bottom:80px}.ta-benefit-item{background:#fff;border:1px solid #6366f126;border-radius:20px;box-shadow:0 4px 12px #6366f10f;display:flex;gap:24px;padding:32px;transition:all .3s ease}.ta-benefit-item:hover{border-color:#6366f14d;box-shadow:0 8px 24px #6366f11f;transform:translateX(8px)}.ta-benefit-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:48px;font-weight:800}.ta-benefit-content h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.ta-benefit-content p{color:#64748b;font-size:16px;line-height:1.7;margin-bottom:16px}.ta-benefit-metrics{display:flex;flex-wrap:wrap;gap:16px}.ta-metric{background:#6366f114;border-radius:8px;color:#475569;font-size:14px;padding:8px 16px}.ta-metric strong{color:#6366f1;font-weight:700}.ta-bottom-cta{background:linear-gradient(135deg,#ffffff14,#ffffff14);border-radius:24px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.ta-bottom-cta:before{animation:ta-shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes ta-shine{0%{left:-100%}50%,to{left:100%}}.ta-cta-content{position:relative;z-index:1}.ta-cta-title{color:#1e293b;font-size:42px;font-weight:700;margin:0 0 16px}.ta-cta-subtitle{color:#64748b;font-size:18px;margin-bottom:32px}.ta-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.ta-cta-note{color:#94a3b8;font-size:13px;margin:0}.ta-btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.ta-btn-primary:hover .ta-btn-glow{animation:ta-buttonGlow 1.5s ease-in-out infinite;opacity:1}@keyframes ta-buttonGlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1200px){.ta-hero-title{font-size:48px}.ta-time-ecosystem{height:500px}.ta-title-text{font-size:32px}}@media (max-width:1024px){.ta-hero-main{gap:80px;grid-template-columns:1fr}.ta-hero-title{font-size:44px}.ta-categories-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.time-attendance-hero{padding:80px 5% 60px}.ta-hero-title{font-size:36px}.ta-hero-subtitle{font-size:16px}.ta-trust-badges{grid-template-columns:1fr}.ta-stats-row{justify-content:space-between}.ta-stat-divider{display:none}.ta-time-ecosystem{height:400px}.ta-activity-feed{margin-top:20px;position:static}.ta-title-text{font-size:24px}.ta-title-line{display:none}.ta-categories-grid{grid-template-columns:1fr}.ta-benefit-item{flex-direction:column}.ta-cta-title{font-size:32px}.ta-cta-buttons{flex-direction:column}.ta-btn-primary.ta-large,.ta-btn-secondary.ta-large{justify-content:center;width:100%}.ta-status-bar{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.ta-hero-title{font-size:28px}.ta-stat-value{font-size:24px}.ta-time-ecosystem{height:350px;padding:20px}.ta-feature-card{padding:12px 16px}.ta-card-title{font-size:12px}.ta-card-icon{font-size:20px}.ta-benefit-item,.ta-category-card{padding:24px}.ta-bottom-cta{padding:40px 24px}.ta-cta-title{font-size:24px}}.hrcp-platform-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-100px;overflow:hidden;padding:120px 5%;position:relative}.hrcp-platform-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.hrcp-platform-header{animation:hrcp-fadeInUp .8s ease-out;color:#c25454;margin-bottom:60px;text-align:center}@keyframes hrcp-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hrcp-platform-badge{align-items:center;animation:hrcp-badgePulse 2s ease-in-out infinite;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}@keyframes hrcp-badgePulse{0%,to{box-shadow:0 0 0 0 #6366f14d}50%{box-shadow:0 0 0 8px #6366f100}}.hrcp-badge-icon{animation:hrcp-iconFloat 2s ease-in-out infinite;font-size:16px}@keyframes hrcp-iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hrcp-platform-title{color:#2b2436!important;font-size:48px;font-weight:800;line-height:1.2;margin:0 0 16px}.hrcp-platform-highlight{animation:hrcp-gradientShift 3s ease infinite;background-size:200% 200%;color:#2b2436!important}@keyframes hrcp-gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hrcp-platform-subtitle{color:#64748b;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.hrcp-platform-tabs{display:flex;gap:12px;margin-bottom:40px;overflow-x:auto;padding:4px;scrollbar-color:#1214864d #0000;scrollbar-width:thin}.hrcp-platform-tabs::-webkit-scrollbar{height:6px}.hrcp-platform-tabs::-webkit-scrollbar-track{background:#6366f10d;border-radius:3px}.hrcp-platform-tabs::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.hrcp-tab-btn{align-items:center;background:#0000;border:2px solid #165ef0;border-radius:12px;color:#165ef0;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.hrcp-tab-btn:hover{background:#165ef01a;border-color:#6366f14d;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.hrcp-tab-active{background:linear-gradient(135deg,#1958c5,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 16px #6366f14d;color:#fff}.hrcp-tab-active:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.hrcp-tab-icon{font-size:18px}.hrcp-tab-label{font-size:14px}.hrcp-platform-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1.2fr 1fr}.hrcp-tab-content{animation:hrcp-fadeIn .5s ease-out}@keyframes hrcp-fadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hrcp-tab-main{display:flex;flex-direction:column;gap:24px}.hrcp-tab-feature,.hrcp-tab-secondary{background:#fff;border:1px solid #6366f126;border-radius:20px;box-shadow:0 4px 16px #6366f114;padding:32px;transition:all .3s ease}.hrcp-tab-feature:hover,.hrcp-tab-secondary:hover{border-color:#6366f14d;box-shadow:0 8px 24px #6366f11f;transform:translateY(-4px)}.hrcp-feature-header{align-items:start;display:flex;gap:20px}.hrcp-feature-icon-large{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;display:flex;flex-shrink:0;font-size:36px;height:80px;justify-content:center;transition:all .3s ease;width:80px}.hrcp-tab-feature:hover .hrcp-feature-icon-large,.hrcp-tab-secondary:hover .hrcp-feature-icon-medium{background:linear-gradient(135deg,#6366f126,#8b5cf626);transform:scale(1.1) rotate(5deg)}.hrcp-feature-icon-medium{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.hrcp-feature-info{flex:1 1}.hrcp-feature-title{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 12px}.hrcp-feature-subtitle{color:#1e293b;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.hrcp-feature-description,.hrcp-feature-text{color:#64748b;font-size:16px;line-height:1.7;margin-bottom:20px}.hrcp-feature-tags{display:flex;flex-wrap:wrap;gap:10px}.hrcp-feature-tag{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:8px;color:#475569;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.hrcp-feature-tag:hover{background:#6366f11f;border-color:#6366f14d;transform:translateY(-2px)}.hrcp-feature-tag svg{color:#10b981}.hrcp-platform-cta{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 20px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:12px;letter-spacing:.5px;padding:16px 32px;transition:all .3s ease}.hrcp-platform-cta:hover{box-shadow:0 12px 30px #6366f166;transform:translateY(-2px)}.hrcp-platform-cta svg{transition:transform .3s ease}.hrcp-platform-cta:hover svg{transform:translateX(4px)}.hrcp-platform-dashboard{animation:hrcp-fadeInRight .8s ease-out;position:-webkit-sticky;position:sticky;top:20px}@keyframes hrcp-fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.hrcp-dashboard-card{background:#fff;border:1px solid #6366f126;border-radius:20px;box-shadow:0 4px 16px #6366f114;padding:28px}.hrcp-dashboard-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.hrcp-dashboard-title-wrapper{align-items:center;display:flex;gap:12px}.hrcp-dashboard-icon{font-size:24px}.hrcp-dashboard-title{color:#1e293b;font-size:18px;font-weight:700}.hrcp-dashboard-status{display:flex;gap:8px}.hrcp-status-indicator{align-items:center;background:#10b9811a;border-radius:50px;display:flex;gap:6px;padding:6px 12px}.hrcp-status-dot{border-radius:50%;height:8px;width:8px}.hrcp-status-active{animation:hrcp-pulse 2s ease-in-out infinite;background:#10b981}@keyframes hrcp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hrcp-status-indicator span{color:#10b981;font-size:12px;font-weight:600}.hrcp-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.hrcp-metric-card{border:1px solid #0000;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.hrcp-metric-card:before{background:currentColor;content:"";height:3px;left:0;opacity:.5;position:absolute;right:0;top:0}.hrcp-metric-blue{background:#3b82f614;border-color:#3b82f633;color:#3b82f6}.hrcp-metric-green{background:#10b98114;border-color:#10b98133;color:#10b981}.hrcp-metric-purple{background:#8b5cf614;border-color:#8b5cf633;color:#8b5cf6}.hrcp-metric-orange{background:#f9731614;border-color:#f9731633;color:#f97316}.hrcp-metric-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.hrcp-metric-icon{font-size:24px;margin-bottom:12px}.hrcp-metric-content{display:flex;flex-direction:column;gap:4px}.hrcp-metric-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hrcp-metric-value{color:#1e293b;font-size:32px;font-weight:800;line-height:1}.hrcp-metric-status{color:#1e293b;font-size:20px;font-weight:700}.hrcp-metric-trend{align-items:center;display:inline-flex;font-size:13px;font-weight:700;gap:4px;margin-top:4px}.hrcp-trend-up{color:#10b981}.hrcp-trend-down{color:#ef4444}.hrcp-ai-suggestion{background:linear-gradient(135deg,#fbbf2414,#fb923c14);border:1px solid #fbbf244d;border-radius:12px;margin-top:20px;padding:20px}.hrcp-suggestion-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.hrcp-suggestion-icon{font-size:20px}.hrcp-suggestion-title{color:#1e293b;font-size:14px;font-weight:700}.hrcp-suggestion-text{color:#475569;font-size:14px;line-height:1.6;margin:0 0 16px}.hrcp-suggestion-btn{align-items:center;background:#fff;border:1px solid #fbbf244d;border-radius:8px;color:#d97706;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.hrcp-suggestion-btn:hover{background:#fbbf241a;border-color:#fbbf2480;transform:translateY(-2px)}@media (max-width:1200px){.hrcp-platform-content{gap:40px;grid-template-columns:1fr}.hrcp-platform-dashboard{position:static}.hrcp-platform-title{font-size:40px}}@media (max-width:768px){.hrcp-platform-section{padding:80px 5%}.hrcp-platform-title{font-size:32px}.hrcp-platform-subtitle{font-size:16px}.hrcp-platform-tabs{gap:8px}.hrcp-tab-btn{font-size:13px;padding:12px 20px}.hrcp-tab-feature,.hrcp-tab-secondary{padding:24px}.hrcp-feature-header{flex-direction:column}.hrcp-feature-icon-large{font-size:28px;height:60px;width:60px}.hrcp-feature-icon-medium{font-size:24px;height:50px;width:50px}.hrcp-feature-title{font-size:24px}.hrcp-feature-subtitle{font-size:18px}.hrcp-dashboard-grid{grid-template-columns:1fr}.hrcp-dashboard-card{padding:20px}.hrcp-platform-cta{justify-content:center;width:100%}}@media (max-width:480px){.hrcp-platform-title{font-size:28px}.hrcp-tab-btn{font-size:12px;padding:10px 16px}.hrcp-feature-title{font-size:20px}.hrcp-feature-description,.hrcp-feature-text{font-size:14px}.hrcp-metric-value{font-size:28px}.hrcp-metric-status{font-size:18px}.hrcp-tab-feature,.hrcp-tab-secondary{padding:20px}.hrcp-dashboard-card{padding:16px}}.hrv-timeattendance-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.hrv-pulse-dot{background:#f59e0b}.hrv-feature-icon,.hrv-metric-number{color:#f59e0b}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #f59e0b66,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-badge{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66}.hrv-timeattendance-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-timeattendance-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ea580c,#c2410c);-webkit-background-clip:text;background-clip:text}.hrv-timeattendance-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;background-clip:text;font-weight:700}.hrt-container{max-width:1200px;padding:20px}.hrt-header{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}.hrt-header-content,.hrt-insights-content{flex:1 1;min-width:300px}.hrt-header-image,.hrt-insights-image{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-width:300px}.hrt-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.hrt-header p,.hrt-insights p{color:#555;line-height:1.6;margin-bottom:15px}.hrt-demo-btn{background-color:#0052cc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .2s}.hrt-demo-btn:hover{background-color:#0041a8}.hrt-time-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:350px;overflow:hidden;width:100%}.hrt-time-header{background-color:#f5f7fa;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:16px}.hrt-time-value{color:#0052cc;font-weight:600}.hrt-time-details{padding:16px}.hrt-time-row{margin-bottom:16px}.hrt-time-label{display:flex;flex-direction:column}.hrt-time{font-size:1.1rem;font-weight:600;margin-bottom:4px}.hrt-time-type{color:#666;font-size:.9rem}.hrt-time-status{color:#28a745;font-size:.85rem;margin-top:2px}.hrt-total{border-top:1px solid #e1e4e8;display:flex;font-weight:600;justify-content:space-between;padding-top:16px}.hrt-total-value{color:#0052cc}.hrt-attendance-section{background-color:#f9fafb;border-top:1px solid #e1e4e8;padding:16px}.hrt-attendance-header{color:#666;font-size:.9rem}.hrt-attendance-entry,.hrt-attendance-header{display:flex;justify-content:space-between;margin-bottom:12px}.hrt-attendance-entry{align-items:center;background-color:#fff;border:1px solid #e1e4e8;border-radius:4px;padding:8px 12px}.hrt-clock-btn{background-color:#0052cc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px}.hrt-new-entry{background:none;border:1px dashed #c1c7d0;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;padding:8px;width:100%}.hrt-divider{background-color:#e1e4e8;margin:40px 0}.hrt-insights{display:flex;flex-wrap:wrap;gap:40px}.hrt-insights h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:20px}.hrt-chart-placeholder{align-items:flex-end;background-color:#f5f7fa;border-radius:8px;display:flex;height:200px;justify-content:space-between;max-width:400px;padding:20px;width:100%}.hrt-chart-bar{background-color:#0052cc;border-radius:4px 4px 0 0;transition:height .3s;width:12%}@media (max-width:768px){.hrt-header,.hrt-insights{flex-direction:column}.hrt-header h1{font-size:2rem}.hrt-insights h2{font-size:1.75rem}}.hrt-container{color:#333;font-family:Poppins,sans-serif;line-height:1.6;margin:0 auto;max-width:1300px;padding:40px 20px}.hrt-section{align-items:center;display:flex;gap:60px;margin-bottom:80px}.hrt-hero,.hrt-insights{flex-direction:row}.hrt-content,.hrt-image{flex:1 1;min-width:300px}.hrt-image{align-items:center;display:flex;justify-content:center}.hrt-img{border-radius:12px;box-shadow:0 10px 30px #0000001a;height:auto;max-width:500px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.hrt-img:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.hrt-title{color:#2b2436!important;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-align:justify}.hrt-insights .hrt-title{font-size:2.2rem}.hrt-description{color:#555;font-size:1.1rem;margin-bottom:20px;text-align:justify}.hrt-button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-left:-390px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.hrt-demo-button{background-color:initial;border:2px solid blue;color:#2253ce;margin-top:10px}.hrt-demo-button:hover{background-color:#171c233b;box-shadow:0 5px 15px #0052cc4d;transform:translateY(-2px)}.hrt-divider{background:linear-gradient(90deg,#0000,#e1e4e8,#0000);border:none;height:1px;margin:60px 0}@media (max-width:968px){.hrt-section{gap:40px;margin-bottom:60px}.hrt-hero,.hrt-insights,.hrt-section{flex-direction:column}.hrt-title{font-size:2rem}.hrt-insights .hrt-title{font-size:1.8rem}.hrt-content,.hrt-image{width:100%}}@media (max-width:480px){.hrt-container{padding:20px 15px}.hrt-title{font-size:1.75rem}.hrt-description{font-size:1rem}.hrt-button{padding:12px 24px;text-align:center;width:100%}}.hrcopilot-features-section{background:linear-gradient(135deg,#fff,#f8f9fa);overflow:hidden;padding:100px 20px}.hrcopilot-features-container{margin:0 auto;max-width:1400px}.hrcopilot-features-header{margin-bottom:80px;text-align:center}.hrcopilot-label-badge{background:#6a1b4d;border-radius:25px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.hrcopilot-features-title{color:#2b2436!important;font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;line-height:1.3;margin:0 auto 20px;max-width:900px}.hrcopilot-features-subtitle{color:#2b2436!important;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.hrcopilot-features-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:repeat(3,1fr)}.hrcopilot-feature-card{align-items:center;background:#0000;cursor:pointer;display:flex;flex-direction:column;position:relative;text-align:center;transition:all .3s ease}.hrcopilot-feature-card:hover{transform:translateY(-5px)}.hrcopilot-feature-visual{height:160px;margin-bottom:40px;width:160px}.hrcopilot-feature-visual,.hrcopilot-icon-shapes{align-items:center;display:flex;justify-content:center;position:relative}.hrcopilot-icon-shapes,.hrcopilot-shape{height:100%;width:100%}.hrcopilot-shape{filter:drop-shadow(0 8px 20px rgba(106,27,77,.15));object-fit:contain;transition:all .4s ease}.hrcopilot-feature-card:hover .hrcopilot-shape{filter:drop-shadow(0 12px 25px rgba(106,27,77,.25));transform:scale(1.15)}.hrcopilot-feature-heading{color:#2b2436!important;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:20px;padding-bottom:15px;position:relative}.hrcopilot-feature-heading:after{background:linear-gradient(90deg,#6a1b4d,#ff6b9d);bottom:0;content:"";height:2px;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:50px}.hrcopilot-feature-card:hover .hrcopilot-feature-heading:after{width:80px}.hrcopilot-feature-description{color:#5a5a5a;font-size:1.1rem;line-height:1.7;margin:0;max-width:350px;text-align:justify;transition:color .3s ease}.hrcopilot-feature-card:hover .hrcopilot-feature-description{color:#6a1b4d}.hrcopilot-feature-card:first-child:hover .hrcopilot-feature-heading:after{background:linear-gradient(90deg,#6a1b4d,#8b2462)}.hrcopilot-feature-card:nth-child(2):hover .hrcopilot-feature-heading:after{background:linear-gradient(90deg,#ff6b9d,#ff8fab)}.hrcopilot-feature-card:nth-child(3):hover .hrcopilot-feature-heading:after{background:linear-gradient(90deg,#ffb347,#ffcc67)}.hrcopilot-feature-card:nth-child(4):hover .hrcopilot-feature-heading:after{background:linear-gradient(90deg,#4ecdc4,#67e6dc)}.hrcopilot-feature-card:nth-child(5):hover .hrcopilot-feature-heading:after{background:linear-gradient(90deg,#45b7d1,#67d4eb)}.hrcopilot-feature-card:nth-child(6):hover .hrcopilot-feature-heading:after{background:linear-gradient(90deg,#96ceb4,#b4e0c8)}@media (max-width:1200px){.hrcopilot-features-grid{gap:70px;grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.hrcopilot-features-title{font-size:2.5rem}.hrcopilot-features-grid{gap:60px}}@media (max-width:768px){.hrcopilot-features-section{padding:80px 20px}.hrcopilot-features-grid{gap:70px;grid-template-columns:1fr;margin:0 auto;max-width:500px}.hrcopilot-features-title{font-size:2rem}.hrcopilot-feature-heading{font-size:1.5rem}.hrcopilot-feature-description{font-size:1.05rem}.hrcopilot-features-header{margin-bottom:60px}.hrcopilot-feature-visual{height:140px;margin-bottom:35px;width:140px}}@media (max-width:480px){.hrcopilot-features-title{font-size:1.8rem}.hrcopilot-feature-visual{height:120px;margin-bottom:30px;width:120px}.hrcopilot-feature-heading{font-size:1.4rem}.hrcopilot-feature-description{font-size:1rem}}.hrcopilot-feature-card{animation:fadeInUp .6s ease forwards;opacity:0}.hrcopilot-feature-card:first-child{animation-delay:.1s}.hrcopilot-feature-card:nth-child(2){animation-delay:.2s}.hrcopilot-feature-card:nth-child(3){animation-delay:.3s}.hrcopilot-feature-card:nth-child(4){animation-delay:.4s}.hrcopilot-feature-card:nth-child(5){animation-delay:.5s}.hrcopilot-feature-card:nth-child(6){animation-delay:.6s}.compliance-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.compliance-scroll-progress{background:linear-gradient(90deg,#10b981,#3b82f6);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.compliance-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.compliance-floating-shape{animation:compliance-float 20s ease-in-out infinite;background:linear-gradient(135deg,#10b9811a,#3b82f60d);border-radius:50%;position:absolute}.compliance-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.compliance-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#3b82f61a,#10b9810d);bottom:100px;height:200px;left:-50px;width:200px}.compliance-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.compliance-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.compliance-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.compliance-gradient-orb{animation:compliance-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.compliance-orb-1{animation-delay:0s;background:linear-gradient(135deg,#10b981,#3b82f6);height:400px;right:-200px;top:-200px;width:400px}.compliance-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#3b82f6,#10b981);bottom:-150px;height:300px;left:-150px;width:300px}.compliance-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#34d399,#60a5fa);height:200px;left:10%;top:50%;width:200px}.compliance-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.compliance-svg-path-1{animation:compliance-svgFloat 25s ease-in-out infinite}.compliance-svg-path-2{animation:compliance-svgFloat 30s ease-in-out infinite reverse}.compliance-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.compliance-hero-section.compliance-visible{opacity:1;transform:translateY(0)}.compliance-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.compliance-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.compliance-badge-dot{animation:compliance-pulse 2s infinite;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;height:6px;width:6px}.compliance-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.compliance-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text}.compliance-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.compliance-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.compliance-btn-primary,.compliance-btn-secondary,.compliance-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.compliance-btn-primary{background:linear-gradient(135deg,#10b981,#3b82f6);box-shadow:0 8px 25px #10b9814d;color:#fff}.compliance-btn-primary:hover{box-shadow:0 12px 35px #10b98166;transform:translateY(-2px)}.compliance-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#1e293b}.compliance-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.compliance-btn-tertiary{background:#0000;color:#10b981;padding:16px 24px}.compliance-btn-tertiary:hover{color:#3b82f6;transform:translateX(5px)}.compliance-btn-icon{font-size:12px}.compliance-btn-large{font-size:18px;padding:18px 40px}.compliance-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.compliance-stat{text-align:left}.compliance-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.compliance-stat-label{font-size:14px}.compliance-hero-visual{height:600px;position:relative}.compliance-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026;height:100%;overflow:hidden;position:relative}.compliance-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;height:100%;overflow:hidden;position:relative}.compliance-hero-image{height:100%;object-fit:cover;width:100%}.compliance-image-overlay{background:linear-gradient(135deg,#10b9811a,#3b82f61a);bottom:0;left:0;position:absolute;right:0;top:0}.compliance-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.compliance-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.compliance-glass-content p{color:#fffc;font-size:1rem}.compliance-floating-card{align-items:center;animation:compliance-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.compliance-card-1{animation-delay:0s;left:-60px;top:10%}.compliance-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.compliance-card-3{animation-delay:-4s;bottom:20%;left:-40px}.compliance-card-icon{align-items:center;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.compliance-card-content{display:flex;flex-direction:column}.compliance-card-title{color:#1e293b;font-weight:600;margin-bottom:4px}.compliance-card-text{color:#6b7280;font-size:14px}.compliance-card-progress{animation:compliance-progress 2s infinite;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.compliance-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.compliance-scroll-line{animation:compliance-scrollLine 2s infinite;background:linear-gradient(180deg,#10b981,#0000);border-radius:1px;height:40px;width:2px}.compliance-features-section{background:#ffffff80;padding:120px 5%}.compliance-section-content{margin:0 auto;max-width:1400px}.compliance-section-header{margin-bottom:80px;text-align:center}.compliance-section-badge{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.compliance-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.compliance-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.compliance-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.compliance-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.compliance-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.compliance-feature-card:hover:before{left:100%}.compliance-feature-card.compliance-active,.compliance-feature-card:hover{border-color:#10b9814d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.compliance-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.compliance-feature-icon{border-radius:20px;font-size:32px;height:100%;position:relative;width:100%;z-index:2}.compliance-feature-glow,.compliance-feature-icon{background:linear-gradient(135deg,#10b981,#3b82f6)}.compliance-feature-glow{animation:compliance-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.compliance-feature-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:16px}.compliance-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.compliance-feature-arrow{color:#10b981;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.compliance-feature-card:hover .compliance-feature-arrow{opacity:1;transform:translateX(0)}.compliance-platform-section{background:url(https://www.zohowebstatic.com/sites/zweb/images/people/zpl-banner-bg.jpg) no-repeat 50%,#f8fafc;background-attachment:fixed;background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;min-height:100vh;overflow:hidden;padding:120px 5%;position:relative}.compliance-platform-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.compliance-platform-header{margin-bottom:80px;text-align:center}.compliance-platform-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px}.compliance-platform-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text}.compliance-platform-tabs{margin-bottom:80px}.compliance-tab-btn{background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;overflow:hidden;padding:16px 32px;position:relative}.compliance-tab-btn:before{background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.compliance-tab-btn:hover:before{left:100%}.compliance-tab-btn:hover{background:#1f29370d}.compliance-tab-active{background:#1f2937;box-shadow:0 8px 25px #1f29374d;color:#fff}.compliance-tab-active:hover{background:#1f2937;box-shadow:0 12px 35px #1f293766;transform:translateY(-2px)}.compliance-platform-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.compliance-tab-content{padding-right:40px}.compliance-tab-main{display:flex;flex-direction:column;gap:60px}.compliance-tab-feature,.compliance-tab-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;padding:40px;transition:all .3s ease}.compliance-tab-feature:hover,.compliance-tab-secondary:hover{border-color:#10b98133;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.compliance-feature-header{align-items:flex-start;display:flex;gap:24px}.compliance-feature-icon-large{align-items:center;animation:compliance-float 6s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:20px;display:flex;flex-shrink:0;font-size:3.5rem;height:80px;justify-content:center;width:80px}.compliance-feature-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.compliance-feature-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.compliance-feature-tags{display:flex;flex-wrap:wrap;gap:12px}.compliance-feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #1f2937;border-radius:50px;color:#1f2937;font-size:12px;font-weight:700;padding:8px 20px;transition:all .3s ease}.compliance-feature-tag:hover{background:#1f2937;color:#fff;transform:translateY(-2px)}.compliance-platform-cta{align-self:flex-start;background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;cursor:pointer;font-size:1.125rem;font-weight:700;overflow:hidden;padding:18px 40px;position:relative;transition:all .3s ease}.compliance-platform-cta:before{background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.compliance-platform-cta:hover:before{left:100%}.compliance-platform-cta:hover{background:#1f2937;box-shadow:0 12px 35px #1f29374d;color:#fff;transform:translateY(-2px)}.compliance-platform-dashboard{position:relative}.compliance-dashboard-card{animation:compliance-floatCard 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden}.compliance-dashboard-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:30px}.compliance-dashboard-title{color:#1f2937;font-size:1.25rem;font-weight:600}.compliance-dashboard-status{display:flex;gap:8px}.compliance-status-dot{border-radius:50%;height:12px;position:relative;width:12px}.compliance-status-dot:after{background:currentColor;border-radius:50%;content:"";height:6px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.compliance-status-green{background:#10b98133;color:#10b981}.compliance-status-blue{background:#3b82f633;color:#3b82f6}.compliance-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:30px}.compliance-metric-card{border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.compliance-metric-card:before{background:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}.compliance-metric-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.compliance-metric-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.compliance-metric-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.compliance-metric-purple{background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.compliance-metric-orange{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.compliance-metric-label{color:#374151;font-weight:600;margin-bottom:12px;position:relative;z-index:2}.compliance-metric-value{font-weight:800;position:relative;z-index:2}.compliance-metric-green .compliance-metric-value{color:#059669}.compliance-metric-blue .compliance-metric-value{color:#2563eb}.compliance-metric-status{font-size:1.25rem;font-weight:700;position:relative;z-index:2}.compliance-metric-purple .compliance-metric-status{color:#7c3aed}.compliance-metric-orange .compliance-metric-status{color:#ea580c}.compliance-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:120px 5%;position:relative}.compliance-journey-section:before{background:radial-gradient(circle at 10% 20%,#10b9810d 0,#0000 50%),radial-gradient(circle at 90% 80%,#3b82f60d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.compliance-journey-container{position:relative;z-index:2}.compliance-journey-track{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1200px;position:relative}.compliance-journey-track:before{background:linear-gradient(180deg,#10b981,#3b82f6,#0000);bottom:0;content:"";left:120px;position:absolute;top:0;width:2px;z-index:1}.compliance-journey-card{grid-gap:40px;align-items:start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;display:grid;gap:40px;grid-template-columns:auto 1fr 200px;padding:40px;position:relative;transition:all .3s ease;z-index:2}.compliance-journey-card:hover{border-color:#10b98133;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.compliance-journey-header{align-items:center;display:flex;flex-direction:column;gap:20px;min-width:120px}.compliance-journey-number{align-items:center;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;box-shadow:0 8px 25px #10b9814d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.compliance-journey-indicator{align-items:center;display:flex;flex-direction:column;gap:10px}.compliance-journey-dot{background:linear-gradient(135deg,#10b981,#3b82f6);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #10b98133;height:16px;width:16px;z-index:2}.compliance-journey-connector{background:linear-gradient(180deg,#10b981,#3b82f6);border-radius:1px;flex:1 1;width:2px}.compliance-journey-phase{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.compliance-phase-badge{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;white-space:nowrap}.compliance-phase-duration{color:#10b981;font-size:12px;font-weight:600}.compliance-journey-content{flex:1 1}.compliance-journey-content h3{color:#1e293b;font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:20px}.compliance-journey-features{grid-gap:12px;display:grid;gap:12px;margin-bottom:30px}.compliance-journey-feature{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;transition:all .3s ease}.compliance-journey-feature:hover{color:#1e293b;transform:translateX(5px)}.compliance-feature-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.compliance-journey-stats{display:flex;gap:20px}.compliance-stat-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:12px 16px;text-align:center}.compliance-stat-value{color:#10b981;font-size:1.25rem;font-weight:700;margin-bottom:4px}.compliance-stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.compliance-journey-visual{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:200px}.compliance-visual-chart{align-items:end;display:flex;gap:8px;height:80px;position:relative;z-index:2}.compliance-chart-bar{animation:compliance-chartGrow 2s ease-in-out infinite;background:linear-gradient(180deg,#10b981,#3b82f6);border-radius:6px 6px 0 0;position:relative;width:12px}.compliance-chart-bar:before{background:linear-gradient(180deg,#0000,#ffffff4d);border-radius:6px 6px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.compliance-chart-1 .compliance-bar-1{animation-delay:0s;height:60%}.compliance-chart-1 .compliance-bar-2{animation-delay:.2s;height:80%}.compliance-chart-1 .compliance-bar-3{animation-delay:.4s;height:40%}.compliance-chart-1 .compliance-bar-4{animation-delay:.6s;height:70%}.compliance-chart-2 .compliance-bar-1{animation-delay:.1s;height:75%}.compliance-chart-2 .compliance-bar-2{animation-delay:.3s;height:90%}.compliance-chart-2 .compliance-bar-3{animation-delay:.5s;height:65%}.compliance-chart-2 .compliance-bar-4{animation-delay:.7s;height:85%}.compliance-chart-3 .compliance-bar-1{animation-delay:.2s;height:95%}.compliance-chart-3 .compliance-bar-2{animation-delay:.4s;height:85%}.compliance-chart-3 .compliance-bar-3{animation-delay:.6s;height:90%}.compliance-chart-3 .compliance-bar-4{animation-delay:.8s;height:95%}.compliance-visual-glow{animation:compliance-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#10b9811a,#0000);border-radius:50%;filter:blur(20px);height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.compliance-journey-footer{border-top:1px solid #ffffff80;margin-top:80px;padding-top:60px}.compliance-journey-metrics{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.compliance-metric{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.compliance-metric:hover{background:#fffc;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.compliance-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.compliance-metric-label{color:#6b7280;font-size:14px;font-weight:500;line-height:1.4}.compliance-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.compliance-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.compliance-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.compliance-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.compliance-integration-icon{align-items:center;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.compliance-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.compliance-integration-orb{animation:compliance-float 8s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.compliance-integration-orb-1{animation-delay:0s;left:10%;top:20%}.compliance-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.compliance-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.compliance-cta-section{background:linear-gradient(135deg,#10b981,#3b82f6);overflow:hidden;padding:120px 5%;position:relative}.compliance-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.compliance-cta-orb{animation:compliance-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.compliance-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.compliance-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.compliance-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.compliance-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.compliance-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.compliance-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.compliance-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.compliance-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.compliance-cta-stat{color:#ffffffe6;font-size:14px}.compliance-cta-stat strong{color:#fff;font-weight:600}.compliance-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.compliance-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.compliance-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.compliance-video-popup-close:hover{background:#000000b3}.compliance-video-container{height:0;padding-bottom:56.25%;position:relative}.compliance-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.compliance-video-popup-info{padding:30px;text-align:center}.compliance-video-popup-info h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.compliance-video-popup-info p{color:#6b7280;line-height:1.6}.compliance-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.compliance-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.compliance-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:800px;width:100%}@keyframes compliance-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes compliance-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes compliance-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes compliance-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes compliance-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes compliance-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes compliance-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes compliance-chartGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@media (max-width:1024px){.compliance-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.compliance-features-grid,.compliance-hero-stats{grid-template-columns:repeat(2,1fr)}.compliance-platform-content{gap:60px;grid-template-columns:1fr}.compliance-tab-content{padding-right:0}.compliance-platform-title{font-size:3rem}.compliance-journey-track:before{left:100px}.compliance-journey-card{gap:30px;grid-template-columns:auto 1fr}.compliance-journey-visual{display:none}.compliance-journey-metrics{grid-template-columns:repeat(2,1fr)}.compliance-integration-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.compliance-hero-title{font-size:2.5rem}.compliance-section-header h2{font-size:2rem}.compliance-features-grid{grid-template-columns:1fr}.compliance-platform-title{font-size:2.5rem}.compliance-platform-tabs{align-items:center;flex-direction:column}.compliance-tab-btn{max-width:300px;width:100%}.compliance-feature-header{flex-direction:column;gap:20px;text-align:center}.compliance-feature-icon-large{align-self:center}.compliance-feature-tags{justify-content:center}.compliance-dashboard-grid{gap:16px;grid-template-columns:1fr}.compliance-platform-cta{align-self:center}.compliance-journey-track:before{display:none}.compliance-journey-card{gap:20px;grid-template-columns:1fr;text-align:center}.compliance-journey-header{flex-direction:row;gap:20px;justify-content:center}.compliance-journey-indicator{flex-direction:row}.compliance-journey-connector{height:2px;width:40px}.compliance-journey-phase{flex-direction:row;gap:12px}.compliance-journey-stats{justify-content:center}.compliance-journey-metrics{gap:20px;grid-template-columns:1fr}.compliance-cta-stats{grid-template-columns:repeat(2,1fr)}.compliance-cta-buttons,.compliance-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.compliance-hero-title,.compliance-platform-title{font-size:2rem}.compliance-feature-title{font-size:1.5rem}.compliance-tab-feature,.compliance-tab-secondary{padding:30px 20px}.compliance-dashboard-grid,.compliance-dashboard-header{padding:20px}.compliance-integration-grid{grid-template-columns:repeat(2,1fr)}.compliance-cta-stats{grid-template-columns:1fr}.compliance-floating-card{margin-bottom:20px;position:relative}.compliance-card-1,.compliance-card-2,.compliance-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}.compliance-journey-header{flex-direction:column;gap:15px}.compliance-journey-phase{flex-direction:column;gap:8px}.compliance-journey-stats{flex-direction:column;gap:12px}.compliance-stat-item{padding:16px 12px}}.compliance-platform-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:60px}.compliance-tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border:2px solid #165ef0;border-radius:12px;color:#165ef0;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.compliance-tab-btn:hover{background:#165ef01a;border-color:#6366f166;transform:translateY(-2px)}.compliance-tab-active{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#8b5cf680;box-shadow:0 4px 12px #6366f133;color:#a78bfa}.compi-compliance-platform{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 0;position:relative}.compi-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.compi-bg-elements{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.compi-orb{animation:compiOrbFloat 25s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.05;position:absolute}.compi-orb-1{animation-delay:0s;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;left:5%;top:10%;width:400px}.compi-orb-2{animation-delay:-8s;background:linear-gradient(135deg,#10b981,#06b6d4);height:300px;right:10%;top:60%;width:300px}.compi-orb-3{animation-delay:-15s;background:linear-gradient(135deg,#ec4899,#f97316);bottom:20%;height:250px;left:15%;width:250px}.compi-grid-overlay{animation:compiGridPulse 10s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#6366f108 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b98108 0,#0000 50%)}.compi-floating-shapes,.compi-grid-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.compi-shape{animation:compiShapeFloat 25s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:20px;position:absolute}.compi-shape-1{animation-delay:0s;height:80px;right:8%;top:20%;width:80px}.compi-shape-2{animation-delay:-8s;bottom:30%;height:60px;left:8%;width:60px}.compi-shape-3{animation-delay:-15s;height:100px;right:20%;top:60%;width:100px}.compi-main-section{margin-bottom:100px}.compi-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.compi-reversed{grid-template-columns:1fr 1fr}.compi-intelligence-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #fffc;border-radius:24px;box-shadow:0 25px 50px #00000014,0 8px 25px #6366f11f,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:32px;position:relative}.compi-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.compi-header-left{flex:1 1}.compi-ai-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;overflow:hidden;padding:8px 16px;position:relative}.compi-badge-pulse{animation:compiPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.compi-badge-glow{animation:compiGlowSlide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f133,#0000);height:100%;left:0;position:absolute;top:0;width:100%}.compi-badge-shimmer{animation:compiShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#fff6,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.compi-dashboard-header h4{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:12px}.compi-dashboard-stats{display:flex;gap:12px}.compi-stat-pill{align-items:center;background:#6366f114;border-radius:12px;color:#475569;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.compi-live-indicator{align-items:center;background:#22c55e1a;border-radius:20px;color:#059669;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:8px 16px;position:relative}.compi-live-dot{animation:compiLivePulse 1.5s ease-in-out infinite;background:#059669;border-radius:50%;height:8px;width:8px}.compi-live-pulse{animation:compiLivePulseRing 2s ease-in-out infinite;background:inherit;border-radius:20px;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}.compi-live-glow,.compi-live-pulse{height:100%;position:absolute;width:100%}.compi-live-glow{animation:compiGlowSlide 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e33,#0000);left:-100%;top:0}.compi-primary-metric{background:#ffffffb3;border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.compi-metric-header{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.compi-metric-label span:first-child{color:#1e293b;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.compi-metric-description{color:#64748b;font-size:14px}.compi-metric-trend{text-align:right}.compi-trend-icon{font-size:16px;margin-right:4px}.compi-trend-value{color:#059669;display:block;font-size:14px;font-weight:700}.compi-trend-label{color:#64748b;display:block;font-size:12px}.compi-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin:16px 0;text-align:center}.compi-progress-container{margin-bottom:20px}.compi-progress-bar{background:#6366f11a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;position:relative}.compi-progress-fill{animation:compiProgressFill 2s ease-out;background:linear-gradient(90deg,#10b981,#34d399,#22c55e);border-radius:4px;height:100%;position:relative}.compi-progress-glow{background:inherit;filter:blur(8px);height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.compi-progress-shimmer{animation:compiShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}.compi-progress-pulse{animation:compiPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:16px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:16px}.compi-progress-labels{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.compi-metric-breakdown{display:flex;gap:16px;justify-content:space-around}.compi-breakdown-item{flex:1 1;text-align:center}.compi-breakdown-item span:first-child{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.compi-breakdown-value{color:#1e293b;font-size:16px;font-weight:700}.compi-recommendation-engine{background:linear-gradient(135deg,#ef444414,#dc262614);border:1px solid #ef444426;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.compi-recommendation-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.compi-recommendation-icon{align-items:center;background:#ef44441a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.compi-recommendation-title{flex:1 1}.compi-recommendation-title strong{color:#1e293b;display:block;font-size:16px;margin-bottom:4px}.compi-confidence-badge{background:#ef44441a;border-radius:8px;color:#dc2626;font-size:12px;font-weight:600;padding:2px 8px}.compi-recommendation-content p{color:#475569;line-height:1.6;margin-bottom:16px}.compi-recommendation-metrics{display:flex;gap:16px;margin-bottom:20px}.compi-recommendation-metric{flex:1 1;text-align:center}.compi-metric-label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.compi-metric-value{display:block}.compi-risk-high{color:#dc2626}.compi-recommendation-actions{display:flex;gap:12px}.compi-action-btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.compi-action-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d;color:#fff;overflow:hidden;position:relative}.compi-action-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.compi-action-primary:hover .compi-action-glow{left:100%}.compi-action-secondary{background:#fffc;border:1px solid #6366f133;box-shadow:0 2px 10px #0000000d;color:#4f46e5}.compi-action-secondary:hover{background:#6366f10d}.compi-recommendation-glow{animation:compiGlowSlide 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ef44441a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.compi-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.compi-metric-card{animation:compiCardSlide .6s ease-out both;background:#ffffffb3;border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 15px #0000000a;padding:16px;transition:all .3s ease}.compi-metric-card:hover{background:#ffffffe6;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.compi-status-compliant{border-left:4px solid #10b981}.compi-status-in-progress{border-left:4px solid #f59e0b}.compi-status-needs-attention{border-left:4px solid #ef4444}.compi-metric-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.compi-metric-icon{align-items:center;background:#6366f11a;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.compi-metric-info{flex:1 1}.compi-metric-name{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.compi-metric-desc{color:#64748b;display:block;font-size:11px}.compi-metric-value{color:#1e293b;font-size:18px;font-weight:700}.compi-mini-progress{background:#6366f11a;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden;position:relative}.compi-mini-fill{animation:compiMiniFill 1.5s ease-out;border-radius:2px;height:100%;position:relative}.compi-status-compliant .compi-mini-fill{background:linear-gradient(90deg,#10b981,#34d399)}.compi-status-in-progress .compi-mini-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.compi-status-needs-attention .compi-mini-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.compi-mini-glow{filter:blur(2px);height:100%;left:0;opacity:.6;top:0;width:100%}.compi-mini-glow,.compi-mini-pulse{background:inherit;position:absolute}.compi-mini-pulse{animation:compiPulse 2s ease-in-out infinite;border-radius:50%;height:8px;right:0;top:50%;transform:translate(50%,-50%);width:8px}.compi-metric-footer{align-items:center;display:flex;justify-content:space-between}.compi-metric-trend{align-items:center;color:#059669;display:flex;font-size:12px;font-weight:600;gap:2px}.compi-trend-arrow{font-size:10px}.compi-metric-badge{border-radius:6px;font-size:10px;font-weight:600;padding:2px 6px}.compi-badge-compliant{background:#22c55e1a;color:#059669}.compi-badge-in-progress{background:#f59e0b1a;color:#d97706}.compi-badge-needs-attention{background:#ef44441a;color:#dc2626}.compi-updates-stream{background:#ffffffb3;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 15px #0000000a;padding:20px}.compi-stream-header{color:#1e293b;font-size:14px;justify-content:space-between;margin-bottom:16px}.compi-stream-header,.compi-stream-status{align-items:center;display:flex;font-weight:600}.compi-stream-status{background:#22c55e1a;border-radius:8px;color:#059669;font-size:12px;gap:6px;padding:4px 8px}.compi-status-dot{animation:compiPulse 2s ease-in-out infinite;background:#059669;border-radius:50%;height:6px;width:6px}.compi-updates-list{display:flex;flex-direction:column;gap:12px}.compi-update-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.compi-update-item:hover{background:#6366f10d}.compi-update-high{background:#ef44440d;border-left:3px solid #ef4444}.compi-update-medium{background:#f59e0b0d;border-left:3px solid #f59e0b}.compi-update-low{background:#6366f10d;border-left:3px solid #6366f1}.compi-update-icon{align-items:center;background:#fffc;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.compi-update-content{flex:1 1}.compi-update-message{color:#1e293b;display:block;font-size:13px;font-weight:500;margin-bottom:2px}.compi-update-time{color:#64748b;display:block;font-size:11px}.compi-text-content{padding:20px 0}.compi-section-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.compi-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:24px;text-align:justify}.compi-section-description{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:40px;text-align:justify}.compi-feature-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;text-align:justify}.compi-feature-point{align-items:flex-start;display:flex;gap:16px}.compi-point-icon{flex-shrink:0;height:60px;position:relative;width:60px}.compi-icon-orb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .4s ease;width:100%}.compi-feature-point:hover .compi-icon-orb{transform:rotate(135deg)}.compi-icon-symbol{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;position:relative;z-index:2}.compi-icon-ripple{animation:compiRipple 3s ease-in-out infinite;border:2px solid #6366f1;border-radius:16px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:100%}.compi-point-content{flex:1 1}.compi-point-content h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.compi-point-content p{color:#475569;line-height:1.6;margin-bottom:12px}.compi-capability-tags{display:flex;flex-wrap:wrap;gap:6px}.compi-capability-tag{background:#6366f114;border-radius:6px;color:#4f46e5;font-size:11px;font-weight:600;padding:4px 8px}.compi-automation-section{background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #fffc;border-radius:24px;box-shadow:0 25px 50px #00000014;padding:60px}.compi-automation-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.compi-automation-text{padding-right:40px}.compi-automation-badge{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;border-radius:20px;color:#d97706;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.compi-automation-text h3{color:#1e293b;font-size:1.6rem;font-weight:800;line-height:1.2;margin-bottom:20px;text-align:justify}.compi-automation-description{color:#475569;font-size:1rem;line-height:1.6;margin-bottom:40px;text-align:justify}.compi-automation-features{display:flex;flex-direction:column;gap:30px;text-align:justify}.compi-workflow-animation{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.compi-workflow-step{align-items:center;animation:compiStepPulse 4s ease-in-out infinite;display:flex;flex-direction:column;gap:8px;position:relative;text-align:center}.compi-workflow-step:first-child{animation-delay:0s}.compi-workflow-step:nth-child(3){animation-delay:1s}.compi-workflow-step:nth-child(5){animation-delay:2s}.compi-workflow-step:nth-child(7){animation-delay:3s}.compi-step-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 8px 25px #6366f14d;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.compi-step-label{color:#475569;font-size:12px;font-weight:600;white-space:nowrap}.compi-workflow-arrow{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:2px;position:relative;width:40px}.compi-workflow-arrow:after{border-right:2px solid #6366f1;border-top:2px solid #6366f1;content:"";height:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);transform:translateY(-50%) rotate(45deg);width:8px}.compi-automation-benefits{display:flex;flex-direction:column;gap:20px}.compi-benefit-item{align-items:center;background:#ffffffb3;border:1px solid #fffc;border-radius:12px;display:flex;gap:16px;padding:16px}.compi-benefit-icon{align-items:center;background:#6366f11a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.compi-benefit-item h5{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:4px}.compi-benefit-item p{color:#64748b;font-size:14px;margin:0}.compi-automation-dashboard{background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #fffc;border-radius:20px;box-shadow:0 20px 40px #00000014;padding:24px}.compi-automation-header{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:24px}.compi-automation-status{background:#22c55e1a;border-radius:12px;color:#059669;font-size:12px;font-weight:600;padding:6px 12px}.compi-workflow-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.compi-workflow-card{background:#ffffffb3;border:1px solid #fffc;border-radius:12px;padding:16px;transition:all .3s ease}.compi-workflow-card:hover{background:#ffffffe6;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.compi-workflow-card.compi-status-running{border-left:4px solid #f59e0b}.compi-workflow-card.compi-status-completed{border-left:4px solid #10b981}.compi-workflow-card.compi-status-pending{border-left:4px solid #64748b}.compi-workflow-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.compi-workflow-name{color:#1e293b;font-size:14px;font-weight:600}.compi-workflow-status{border-radius:8px;font-size:11px;font-weight:600;padding:4px 8px}.compi-workflow-status.compi-status-running{background:#f59e0b1a;color:#d97706}.compi-workflow-status.compi-status-completed{background:#22c55e1a;color:#059669}.compi-workflow-status.compi-status-pending{background:#64748b1a;color:#475569}.compi-workflow-progress{align-items:center;display:flex;gap:12px}.compi-workflow-bar{background:#6366f11a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.compi-workflow-fill{border-radius:3px;height:100%;transition:width .8s ease}.compi-status-running .compi-workflow-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.compi-status-completed .compi-workflow-fill{background:linear-gradient(90deg,#10b981,#34d399)}.compi-status-pending .compi-workflow-fill{background:linear-gradient(90deg,#64748b,#94a3b8)}.compi-workflow-percent{color:#64748b;font-size:12px;font-weight:600;min-width:35px}@keyframes compiOrbFloat{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translate(-15px,15px) rotate(180deg)}75%{transform:translate(10px,-10px) rotate(270deg)}}@keyframes compiGridPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes compiShapeFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes compiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes compiLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes compiLivePulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes compiGlowSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes compiShimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes compiProgressFill{0%{width:0}}@keyframes compiMiniFill{0%{width:0}}@keyframes compiCardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes compiRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes compiStepPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:1024px){.compi-content{gap:60px;grid-template-columns:1fr}.compi-automation-content{gap:40px;grid-template-columns:1fr}.compi-automation-text{padding-right:0}.compi-text-content h2{font-size:2.5rem}.compi-automation-text h3{font-size:2rem}}@media (max-width:768px){.compi-compliance-platform{padding:80px 0}.compi-main-section{margin-bottom:60px}.compi-content{gap:40px}.compi-intelligence-dashboard{padding:24px}.compi-dashboard-header{flex-direction:column;gap:16px}.compi-metrics-grid{grid-template-columns:1fr}.compi-text-content h2{font-size:2rem}.compi-automation-section{padding:40px 24px}.compi-automation-text h3{font-size:1.75rem}.compi-workflow-animation{flex-wrap:wrap;gap:20px;justify-content:center}.compi-workflow-arrow{display:none}}@media (max-width:480px){.compi-container{padding:0 16px}.compi-intelligence-dashboard{padding:20px}.compi-metric-value{font-size:3rem}.compi-recommendation-metrics{flex-direction:column;gap:12px}.compi-feature-point,.compi-recommendation-actions{flex-direction:column}.compi-feature-point{text-align:center}.compi-point-icon{margin:0 auto}}.compr-features-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 0;position:relative}.compr-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.compr-bg-elements{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.compr-orb{animation:comprOrbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.05;position:absolute}.compr-orb-1{animation-delay:0s;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;left:5%;top:10%;width:400px}.compr-orb-2{animation-delay:-10s;background:linear-gradient(135deg,#10b981,#06b6d4);height:300px;right:10%;top:60%;width:300px}.compr-grid-overlay{animation:comprGridPulse 8s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#6366f108 0,#0000 50%),radial-gradient(circle at 75% 75%,#10b98108 0,#0000 50%)}.compr-floating-shapes,.compr-grid-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.compr-shape{animation:comprShapeFloat 15s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:12px;position:absolute}.compr-shape-1{animation-delay:0s;height:60px;right:8%;top:20%;width:60px}.compr-shape-2{animation-delay:-5s;bottom:30%;height:40px;left:8%;width:40px}.compr-shape-3{animation-delay:-10s;height:80px;right:20%;top:60%;width:80px}.compr-section-header{margin-bottom:80px;position:relative;text-align:center}.compr-header-badge-wrapper{margin-bottom:20px}.compr-section-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:25px;color:#4f46e5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative}.compr-badge-glow{animation:comprGlowSlide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f133,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.compr-section-title{color:#1e293b;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.compr-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.compr-section-description{color:#475569;font-size:1.25rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.compr-stats-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:center;margin:0 auto;max-width:600px;padding:24px}.compr-stat-item{flex:1 1;text-align:center}.compr-stat-value{color:#6366f1;font-size:1.75rem;font-weight:800;margin-bottom:4px}.compr-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.compr-stat-divider{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);height:40px;margin:0 20px;width:1px}.compr-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:60px}.compr-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.compr-feature-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.compr-feature-card:hover:before{transform:scaleX(1)}.compr-feature-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.compr-feature-active{border-color:#6366f180;box-shadow:0 25px 50px #0003;transform:translateY(-8px) scale(1.02)}.compr-card-bg-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.compr-card-glow{background:radial-gradient(circle at center,#6366f11a 0,#0000 70%);height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:100%}.compr-feature-card:hover .compr-card-glow{opacity:1}.compr-card-shine{background:linear-gradient(45deg,#0000,#fff6,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:transform .6s ease;width:200%}.compr-feature-card:hover .compr-card-shine{transform:rotate(45deg) translate(20%,20%)}.compr-card-particles{bottom:0;left:0;position:absolute;right:0;top:0}.compr-particle{animation:comprParticleFloat 3s ease-in-out infinite;background:#6366f1;border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.compr-feature-card:hover .compr-particle{opacity:.6}.compr-feature-main{position:relative;z-index:2}.compr-feature-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.compr-icon-wrapper{height:70px;position:relative;width:70px}.compr-icon-orb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .4s ease;width:100%}.compr-feature-card:hover .compr-icon-orb{transform:rotate(135deg)}.compr-feature-icon{align-items:center;display:flex;font-size:28px;height:100%;justify-content:center;position:relative;z-index:2}.compr-icon-ripple{animation:comprRipple 3s ease-in-out infinite;border:2px solid #6366f1;border-radius:18px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:100%}.compr-icon-sparkles{bottom:0;left:0;position:absolute;right:0;top:0}.compr-sparkle{animation:comprSparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;opacity:0;position:absolute;width:6px}.compr-sparkle:first-child{left:20%;top:10%}.compr-sparkle:nth-child(2){right:10%;top:20%}.compr-sparkle:nth-child(3){bottom:10%;left:30%}.compr-feature-metrics{text-align:right}.compr-metric-value{color:#1e293b;font-size:1.5rem;font-weight:800;margin-bottom:2px}.compr-metric-label{color:#64748b;font-size:.75rem;font-weight:600;margin-bottom:8px}.compr-metric-progress{width:80px}.compr-progress-bar{background:#6366f11a;border-radius:2px;height:4px;overflow:hidden}.compr-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;transition:width 1.5s ease}.compr-feature-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:12px}.compr-feature-description{color:#475569;line-height:1.6;margin-bottom:20px}.compr-capabilities-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.compr-capability-tag{animation:comprTagSlide .6s ease-out both;background:#6366f114;border-radius:8px;color:#4f46e5;font-size:.75rem;font-weight:600;padding:6px 10px;transition:all .3s ease}.compr-capability-tag:hover{background:#6366f126;transform:translateY(-1px)}.compr-feature-actions{justify-content:space-between;z-index:2}.compr-action-indicator,.compr-feature-actions{align-items:center;display:flex;position:relative}.compr-action-indicator{background:#22c55e1a;border-radius:12px;color:#059669;font-size:.75rem;font-weight:600;gap:8px;padding:6px 12px}.compr-indicator-dot{animation:comprPulse 2s ease-in-out infinite;background:#059669;border-radius:50%;height:6px;width:6px}.compr-indicator-pulse{animation:comprPulseRing 2s ease-in-out infinite;background:inherit;border-radius:12px;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:100%}.compr-explore-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.compr-explore-btn:hover{box-shadow:0 8px 20px #6366f166;transform:translateX(4px)}.compr-arrow-wrapper{align-items:center;display:flex;position:relative}.compr-arrow-icon{font-size:1.125rem;transition:transform .3s ease}.compr-explore-btn:hover .compr-arrow-icon{transform:translateX(3px)}.compr-arrow-trail{display:flex;gap:2px;position:absolute;right:-12px}.compr-arrow-trail-dot{animation:comprArrowTrail 1s ease-in-out infinite;background:#fff;border-radius:50%;height:3px;opacity:0;width:3px}.compr-btn-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.compr-explore-btn:hover .compr-btn-glow{left:100%}.compr-hover-effect{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.compr-feature-card:hover .compr-hover-effect{opacity:1}.compr-hover-glow{background:radial-gradient(circle at 50% 50%,#6366f11a 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#6366f11a 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.compr-hover-shimmer{animation:comprShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);width:50%}.compr-feature-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.compr-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.compr-preview-header h3{color:#1e293b;font-size:1.5rem;font-weight:700}.compr-preview-indicator{align-items:center;background:#22c55e1a;border-radius:12px;color:#059669;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:6px 12px}.compr-preview-dot{animation:comprPulse 2s ease-in-out infinite;background:#059669;border-radius:50%;height:6px;width:6px}.compr-demo-window{background:#1e293b;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}.compr-demo-header{align-items:center;background:#374151;display:flex;gap:12px;padding:12px 16px}.compr-demo-controls{display:flex;gap:6px}.compr-demo-control{border-radius:50%;height:12px;width:12px}.compr-control-close{background:#ef4444}.compr-control-minimize{background:#f59e0b}.compr-control-maximize{background:#10b981}.compr-demo-title{color:#d1d5db;font-size:.875rem;font-weight:500}.compr-demo-content{align-items:flex-end;display:flex;gap:30px;padding:24px}.compr-demo-metrics{display:flex;flex:1 1;flex-direction:column;gap:16px}.compr-demo-metric{text-align:center}.compr-demo-value{color:#fff;font-size:2rem;font-weight:800;margin-bottom:4px}.compr-demo-label{color:#9ca3af;font-size:.875rem}.compr-demo-chart{align-items:flex-end;display:flex;flex:2 1;gap:8px;height:120px}.compr-chart-bar{animation:comprChartGrow 1.5s ease-out;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;flex:1 1}@keyframes comprOrbFloat{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translate(-15px,15px) rotate(180deg)}75%{transform:translate(10px,-10px) rotate(270deg)}}@keyframes comprGridPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes comprShapeFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(8px) rotate(240deg)}}@keyframes comprGlowSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes comprPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes comprPulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes comprRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes comprSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes comprParticleFloat{0%,to{opacity:0;transform:translate(0)}10%,90%{opacity:.6}50%{transform:translate(20px,-20px)}}@keyframes comprTagSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes comprArrowTrail{0%{opacity:0;transform:translateX(0)}50%{opacity:1}to{opacity:0;transform:translateX(-8px)}}@keyframes comprShimmer{0%{transform:translateX(-100%) skewX(-20deg)}to{transform:translateX(200%) skewX(-20deg)}}@keyframes comprChartGrow{0%{height:0}}.compr-gradient-blue .compr-icon-orb,.compr-gradient-blue .compr-progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.compr-gradient-green .compr-icon-orb,.compr-gradient-green .compr-progress-fill{background:linear-gradient(135deg,#10b981,#34d399)}.compr-gradient-purple .compr-icon-orb,.compr-gradient-purple .compr-progress-fill{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.compr-gradient-orange .compr-icon-orb,.compr-gradient-orange .compr-progress-fill{background:linear-gradient(135deg,#f59e0b,#f97316)}.compr-gradient-indigo .compr-icon-orb,.compr-gradient-indigo .compr-progress-fill{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.compr-gradient-red .compr-icon-orb,.compr-gradient-red .compr-progress-fill{background:linear-gradient(135deg,#ef4444,#f97316)}@media (max-width:1024px){.compr-features-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.compr-section-title{font-size:3rem}.compr-stats-bar{flex-wrap:wrap;gap:20px}.compr-stat-divider{display:none}}@media (max-width:768px){.compr-features-section{padding:80px 0}.compr-features-grid{gap:16px;grid-template-columns:1fr}.compr-section-title{font-size:2.5rem}.compr-section-description{font-size:1.125rem}.compr-stats-bar{padding:20px}.compr-feature-actions{align-items:stretch;flex-direction:column;gap:16px}.compr-demo-content{flex-direction:column;gap:20px}}@media (max-width:480px){.compr-container{padding:0 16px}.compr-section-title{font-size:2rem}.compr-feature-card{padding:24px}.compr-feature-header{align-items:flex-start;flex-direction:column;gap:16px}.compr-feature-metrics{text-align:left;width:100%}}.hrv-hero-title1{font-size:48px}.hrv-hero-title1,.hrv-hero-title3{animation:hrv-fadeInUp 1s ease-out;font-weight:800;line-height:1.2;margin-bottom:50px}.hrv-hero-title3{font-size:38px}.hrv-hero-title2{animation:hrv-fadeInUp 1s ease-out;font-size:40px;font-weight:800;line-height:1.2;margin-bottom:50px}.hrv-gradient-text.hrv-orange,.hrv-gradient-text.hrv-pink{color:#2b2436!important}.training-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.training-scroll-progress{background:linear-gradient(135deg,#f8f9ff,#f0f4ff 50%,#fef3ff);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.training-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.training-floating-shape{animation:training-float 20s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b1a,#10b9810d);border-radius:50%;position:absolute}.training-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.training-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#10b9811a,#f59e0b0d);bottom:100px;height:200px;left:-50px;width:200px}.training-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.training-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.training-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.training-gradient-orb{animation:training-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.training-orb-1{animation-delay:0s;background:linear-gradient(135deg,#f59e0b,#10b981);height:400px;right:-200px;top:-200px;width:400px}.training-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#10b981,#f59e0b);bottom:-150px;height:300px;left:-150px;width:300px}.training-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#fbbf24,#34d399);height:200px;left:10%;top:50%;width:200px}.training-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.training-svg-path-1{animation:training-svgFloat 25s ease-in-out infinite}.training-svg-path-2{animation:training-svgFloat 30s ease-in-out infinite reverse}.training-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.training-hero-section.training-visible{opacity:1;transform:translateY(0)}.training-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.training-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.training-badge-dot{animation:training-pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:50%;height:6px;width:6px}.training-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.training-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#10b981);-webkit-background-clip:text;background-clip:text}.training-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.training-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.training-btn-primary,.training-btn-secondary,.training-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.training-btn-primary{background:linear-gradient(135deg,#f59e0b,#10b981);box-shadow:0 8px 25px #f59e0b4d;color:#fff}.training-btn-primary:hover{box-shadow:0 12px 35px #f59e0b66;transform:translateY(-2px)}.training-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#1e293b}.training-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.training-btn-tertiary{background:#0000;color:#f59e0b;padding:16px 24px}.training-btn-tertiary:hover{color:#10b981;transform:translateX(5px)}.training-btn-icon{font-size:12px}.training-btn-large{font-size:18px;padding:18px 40px}.training-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.training-stat{text-align:left}.training-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.training-stat-label{font-size:14px}.training-hero-visual{height:600px;position:relative}.training-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026}.training-glass-card,.training-main-visual{height:100%;overflow:hidden;position:relative}.training-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px}.training-hero-image{height:100%;object-fit:cover;width:100%}.training-image-overlay{background:linear-gradient(135deg,#f59e0b1a,#10b9811a);bottom:0;left:0;position:absolute;right:0;top:0}.training-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.training-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.training-glass-content p{color:#fffc;font-size:1rem}.training-floating-card{align-items:center;animation:training-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.training-card-1{animation-delay:0s;left:-60px;top:10%}.training-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.training-card-3{animation-delay:-4s;bottom:20%;left:-40px}.training-card-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.training-card-content{display:flex;flex-direction:column}.training-card-title{color:#1e293b;font-weight:600;margin-bottom:4px}.training-card-text{color:#6b7280;font-size:14px}.training-card-progress{animation:training-progress 2s infinite;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.training-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.training-scroll-line{animation:training-scrollLine 2s infinite;background:linear-gradient(180deg,#f59e0b,#0000);border-radius:1px;height:40px;width:2px}.training-features-section{background:#ffffff80;padding:120px 5%}.training-section-content{margin:0 auto;max-width:1400px}.training-section-header{margin-bottom:80px;text-align:center}.training-section-badge{background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.training-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.training-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.training-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.training-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.training-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.training-feature-card:hover:before{left:100%}.training-feature-card.training-active,.training-feature-card:hover{border-color:#f59e0b4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.training-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.training-feature-icon{border-radius:20px;font-size:32px;height:100%;position:relative;width:100%;z-index:2}.training-feature-glow,.training-feature-icon{background:linear-gradient(135deg,#f59e0b,#10b981)}.training-feature-glow{animation:training-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.training-feature-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:16px}.training-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.training-feature-arrow{color:#f59e0b;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.training-feature-card:hover .training-feature-arrow{opacity:1;transform:translateX(0)}.training-platform-section{background:url(https://www.zohowebstatic.com/sites/zweb/images/people/zpl-banner-bg.jpg) no-repeat 50%,#f8fafc;background-attachment:fixed;background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;min-height:100vh;overflow:hidden;padding:120px 5%;position:relative}.training-platform-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.training-platform-header{margin-bottom:80px;text-align:center}.training-platform-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px}.training-platform-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#10b981);-webkit-background-clip:text;background-clip:text}.training-platform-tabs{margin-bottom:80px}.training-tab-btn{background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;overflow:hidden;padding:16px 32px;position:relative}.training-tab-btn:before{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.training-tab-btn:hover:before{left:100%}.training-tab-btn:hover{background:#1f29370d}.training-tab-active{background:#1f2937;box-shadow:0 8px 25px #1f29374d;color:#fff}.training-tab-active:hover{background:#1f2937;box-shadow:0 12px 35px #1f293766;transform:translateY(-2px)}.training-platform-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.training-tab-content{padding-right:40px}.training-tab-main{display:flex;flex-direction:column;gap:60px}.training-tab-feature,.training-tab-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;padding:40px;transition:all .3s ease}.training-tab-feature:hover,.training-tab-secondary:hover{border-color:#f59e0b33;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.training-feature-header{align-items:flex-start;display:flex;gap:24px}.training-feature-icon-large{align-items:center;animation:training-float 6s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:20px;display:flex;flex-shrink:0;font-size:3.5rem;height:80px;justify-content:center;width:80px}.training-feature-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.training-feature-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.training-feature-tags{display:flex;flex-wrap:wrap;gap:12px}.training-feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #1f2937;border-radius:50px;color:#1f2937;font-size:12px;font-weight:700;padding:8px 20px;transition:all .3s ease}.training-feature-tag:hover{background:#1f2937;color:#fff;transform:translateY(-2px)}.training-platform-cta{align-self:flex-start;background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;cursor:pointer;font-size:1.125rem;font-weight:700;overflow:hidden;padding:18px 40px;position:relative;transition:all .3s ease}.training-platform-cta:before{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.training-platform-cta:hover:before{left:100%}.training-platform-cta:hover{background:#1f2937;box-shadow:0 12px 35px #1f29374d;color:#fff;transform:translateY(-2px)}.training-platform-dashboard{position:relative}.training-dashboard-card{animation:training-floatCard 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden}.training-dashboard-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:30px}.training-dashboard-title{color:#1f2937;font-size:1.25rem;font-weight:600}.training-dashboard-status{display:flex;gap:8px}.training-status-dot{border-radius:50%;height:12px;position:relative;width:12px}.training-status-dot:after{background:currentColor;border-radius:50%;content:"";height:6px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.training-status-orange{background:#f59e0b33;color:#f59e0b}.training-status-green{background:#10b98133;color:#10b981}.training-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:30px}.training-metric-card{border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.training-metric-card:before{background:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}.training-metric-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.training-metric-orange{background:linear-gradient(135deg,#fffbeb,#fed7aa)}.training-metric-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.training-metric-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.training-metric-purple{background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.training-metric-label{color:#374151;font-weight:600;margin-bottom:12px;position:relative;z-index:2}.training-metric-value{font-weight:800;position:relative;z-index:2}.training-metric-orange .training-metric-value{color:#d97706}.training-metric-green .training-metric-value{color:#059669}.training-metric-status{font-size:1.25rem;font-weight:700;position:relative;z-index:2}.training-metric-blue .training-metric-status{color:#2563eb}.training-metric-purple .training-metric-status{color:#7c3aed}.training-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:120px 5%;position:relative}.training-journey-section:before{background:radial-gradient(circle at 10% 20%,#f59e0b0d 0,#0000 50%),radial-gradient(circle at 90% 80%,#10b9810d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.training-journey-container{position:relative;z-index:2}.training-journey-track{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1200px;position:relative}.training-journey-track:before{background:linear-gradient(180deg,#f59e0b,#10b981,#0000);bottom:0;content:"";left:120px;position:absolute;top:0;width:2px;z-index:1}.training-journey-card{grid-gap:40px;align-items:start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;display:grid;gap:40px;grid-template-columns:auto 1fr 200px;padding:40px;position:relative;transition:all .3s ease;z-index:2}.training-journey-card:hover{border-color:#f59e0b33;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.training-journey-header{align-items:center;display:flex;flex-direction:column;gap:20px;min-width:120px}.training-journey-number{align-items:center;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:50%;box-shadow:0 8px 25px #f59e0b4d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.training-journey-indicator{align-items:center;display:flex;flex-direction:column;gap:10px}.training-journey-dot{background:linear-gradient(135deg,#f59e0b,#10b981);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #f59e0b33;height:16px;width:16px;z-index:2}.training-journey-connector{background:linear-gradient(180deg,#f59e0b,#10b981);border-radius:1px;flex:1 1;width:2px}.training-journey-phase{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.training-phase-badge{background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;white-space:nowrap}.training-phase-duration{color:#f59e0b;font-size:12px;font-weight:600}.training-journey-content{flex:1 1}.training-journey-content h3{color:#1e293b;font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:20px}.training-journey-features{grid-gap:12px;display:grid;gap:12px;margin-bottom:30px}.training-journey-feature{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;transition:all .3s ease}.training-journey-feature:hover{color:#1e293b;transform:translateX(5px)}.training-feature-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.training-journey-stats{display:flex;gap:20px}.training-stat-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:12px 16px;text-align:center}.training-stat-value{color:#f59e0b;font-size:1.25rem;font-weight:700;margin-bottom:4px}.training-stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.training-journey-visual{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:200px}.training-visual-chart{align-items:end;display:flex;gap:8px;height:80px;position:relative;z-index:2}.training-chart-bar{animation:training-chartGrow 2s ease-in-out infinite;background:linear-gradient(180deg,#f59e0b,#10b981);border-radius:6px 6px 0 0;position:relative;width:12px}.training-chart-bar:before{background:linear-gradient(180deg,#0000,#ffffff4d);border-radius:6px 6px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.training-chart-1 .training-bar-1{animation-delay:0s;height:60%}.training-chart-1 .training-bar-2{animation-delay:.2s;height:80%}.training-chart-1 .training-bar-3{animation-delay:.4s;height:40%}.training-chart-1 .training-bar-4{animation-delay:.6s;height:70%}.training-chart-2 .training-bar-1{animation-delay:.1s;height:75%}.training-chart-2 .training-bar-2{animation-delay:.3s;height:90%}.training-chart-2 .training-bar-3{animation-delay:.5s;height:65%}.training-chart-2 .training-bar-4{animation-delay:.7s;height:85%}.training-chart-3 .training-bar-1{animation-delay:.2s;height:95%}.training-chart-3 .training-bar-2{animation-delay:.4s;height:85%}.training-chart-3 .training-bar-3{animation-delay:.6s;height:90%}.training-chart-3 .training-bar-4{animation-delay:.8s;height:95%}.training-visual-glow{animation:training-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#f59e0b1a,#0000);border-radius:50%;filter:blur(20px);height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.training-journey-footer{border-top:1px solid #ffffff80;margin-top:80px;padding-top:60px}.training-journey-metrics{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.training-metric{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.training-metric:hover{background:#fffc;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.training-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.training-metric-label{color:#6b7280;font-size:14px;font-weight:500;line-height:1.4}.training-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.training-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.training-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.training-integration-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.training-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.training-integration-orb{animation:training-float 8s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.training-integration-orb-1{animation-delay:0s;left:10%;top:20%}.training-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.training-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.training-cta-section{background:linear-gradient(135deg,#f59e0b,#10b981);overflow:hidden;padding:120px 5%;position:relative}.training-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.training-cta-orb{animation:training-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.training-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.training-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.training-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.training-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.training-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.training-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.training-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.training-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.training-cta-stat{color:#ffffffe6;font-size:14px}.training-cta-stat strong{color:#fff;font-weight:600}.training-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.training-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.training-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.training-video-popup-close:hover{background:#000000b3}.training-video-container{height:0;padding-bottom:56.25%;position:relative}.training-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.training-video-popup-info{padding:30px;text-align:center}.training-video-popup-info h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.training-video-popup-info p{color:#6b7280;line-height:1.6}.training-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.training-section-description{font-size:1.1rem;margin-bottom:40px;max-width:500px}.training-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes training-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes training-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes training-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes training-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes training-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes training-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes training-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes training-chartGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@media (max-width:1024px){.training-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.training-features-grid,.training-hero-stats{grid-template-columns:repeat(2,1fr)}.training-platform-content{gap:60px;grid-template-columns:1fr}.training-tab-content{padding-right:0}.training-platform-title{font-size:3rem}.training-journey-track:before{left:100px}.training-journey-card{gap:30px;grid-template-columns:auto 1fr}.training-journey-visual{display:none}.training-journey-metrics{grid-template-columns:repeat(2,1fr)}.training-integration-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.training-hero-title{font-size:2.5rem}.training-section-header h2{font-size:2rem}.training-features-grid{grid-template-columns:1fr}.training-platform-title{font-size:2.5rem}.training-platform-tabs{align-items:center;flex-direction:column}.training-tab-btn{max-width:300px;width:100%}.training-feature-header{flex-direction:column;gap:20px;text-align:center}.training-feature-icon-large{align-self:center}.training-feature-tags{justify-content:center}.training-dashboard-grid{gap:16px;grid-template-columns:1fr}.training-platform-cta{align-self:center}.training-journey-track:before{display:none}.training-journey-card{gap:20px;grid-template-columns:1fr;text-align:center}.training-journey-header{flex-direction:row;gap:20px;justify-content:center}.training-journey-indicator{flex-direction:row}.training-journey-connector{height:2px;width:40px}.training-journey-phase{flex-direction:row;gap:12px}.training-journey-stats{justify-content:center}.training-journey-metrics{gap:20px;grid-template-columns:1fr}.training-cta-stats{grid-template-columns:repeat(2,1fr)}.training-cta-buttons,.training-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.training-hero-title,.training-platform-title{font-size:2rem}.training-feature-title{font-size:1.5rem}.training-tab-feature,.training-tab-secondary{padding:30px 20px}.training-dashboard-grid,.training-dashboard-header{padding:20px}.training-integration-grid{grid-template-columns:repeat(2,1fr)}.training-cta-stats{grid-template-columns:1fr}.training-floating-card{margin-bottom:20px;position:relative}.training-card-1,.training-card-2,.training-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}.training-journey-header{flex-direction:column;gap:15px}.training-journey-phase{flex-direction:column;gap:8px}.training-journey-stats{flex-direction:column;gap:12px}.training-stat-item{padding:16px 12px}}.training-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:120px 5%;position:relative}.training-integration-header{margin-bottom:80px;text-align:center}.training-integration-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:20px}.training-section-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.training-integration-categories{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-bottom:80px}.integration-category{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;padding:40px 30px;transition:all .3s ease}.integration-category:hover{border-color:#f59e0b33;box-shadow:0 25px 50px #0000001a;transform:translateY(-5px)}.category-header{margin-bottom:30px;text-align:center}.category-icon{font-size:3rem;margin-bottom:16px}.category-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:8px}.category-header p{color:#6b7280;font-size:.9rem}.category-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.integration-system{align-items:center;background:#fff9;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.integration-system:hover{background:#ffffffe6;transform:translateX(5px)}.system-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.system-name{color:#374151;font-size:.9rem;font-weight:500}.training-integration-visual-section{margin-bottom:80px}.integration-visual-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:2fr 1fr}.visual-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #00000014;padding:40px}.integration-dashboard{width:100%}.dashboard-header{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding-bottom:20px}.dashboard-title{color:#1f2937;font-size:1.5rem}.dashboard-status{align-items:center;color:#10b981;display:flex;font-weight:500;gap:8px}.status-indicator{background:#10b981;border-radius:50%;height:8px;width:8px}.status-indicator.active{animation:pulse 2s infinite;background:#10b981}.integration-flow{justify-content:space-between;margin-bottom:40px}.flow-item,.integration-flow{align-items:center;display:flex}.flow-item{background:#fff9;border:2px solid #0000;border-radius:16px;gap:12px;padding:20px;transition:all .3s ease}.flow-item.source{border-color:#3b82f633}.flow-item.center{background:linear-gradient(135deg,#f59e0b1a,#10b9811a);border-color:#f59e0b4d}.flow-item.destination{border-color:#10b98133}.flow-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.flow-icon,.flow-icon.main{background:linear-gradient(135deg,#f59e0b,#10b981)}.flow-icon.main{font-size:2rem}.flow-text{display:flex;flex-direction:column}.flow-title{color:#1f2937;font-weight:600;margin-bottom:4px}.flow-subtitle{color:#6b7280;font-size:.8rem}.flow-status{color:#10b981;font-size:.8rem;font-weight:500}.flow-connector{align-items:center;display:flex;flex:1 1;max-width:80px;position:relative}.connector-line{background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:1px;flex:1 1;height:2px}.connector-arrow{color:#f59e0b;font-weight:600;margin:0 8px}.integration-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:20px;text-align:center}.stat-value{color:#f59e0b;font-size:1.5rem}.stat-label{color:#6b7280;font-size:.8rem}.integration-features{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #00000014;padding:40px}.feature-list h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:30px}.feature-item{gap:16px;margin-bottom:30px}.feature-item:last-child{margin-bottom:0}.feature-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:12px;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.feature-content h4{color:#1f2937;font-weight:600;margin-bottom:8px}.feature-content p{color:#6b7280;font-size:.9rem;line-height:1.5}.integration-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f59e0b1a,#10b9811a);border:1px solid #ffffff4d;border-radius:24px;padding:60px 40px;text-align:center}.cta-content h3{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:16px}.cta-content p{color:#6b7280;font-size:1.1rem;margin-left:auto;margin-right:auto;max-width:500px}.cta-buttons{justify-content:center}.integration-btn{border-radius:12px;padding:16px 32px}.integration-btn.primary{background:linear-gradient(135deg,#f59e0b,#10b981);box-shadow:0 8px 25px #f59e0b4d;color:#fff}.integration-btn.primary:hover{box-shadow:0 12px 35px #f59e0b66;transform:translateY(-2px)}.integration-btn.secondary{background:#fffc;border:2px solid #1f293733;color:#1f2937}.integration-btn.secondary:hover{background:#fff;transform:translateY(-2px)}@media (max-width:1024px){.training-integration-categories{gap:30px;grid-template-columns:1fr}.integration-visual-content{gap:40px;grid-template-columns:1fr}.integration-flow{flex-direction:column;gap:20px}.flow-connector{flex-direction:column;height:40px;max-width:none;width:2px}.connector-line{height:100%;width:2px}.connector-arrow{transform:rotate(90deg)}}@media (max-width:768px){.training-integration-header h2{font-size:2rem}.category-grid,.integration-stats{grid-template-columns:1fr}.integration-stats{gap:15px}.cta-buttons{align-items:center;flex-direction:column}.integration-btn{max-width:300px;width:100%}}.training-platform-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:60px}.training-tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3c66;border:1px solid #8b5cf633;border-radius:12px;color:#cbd5e1;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.training-tab-btn:hover{background:#6366f126;border-color:#6366f166;transform:translateY(-2px)}.training-tab-active{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#8b5cf680;box-shadow:0 4px 12px #6366f133;color:#a78bfa}.lc-insights-section,.lc-integration-section,.lc-journey-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-110px;overflow:hidden;padding:100px 20px;position:relative}.lc-journey-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.lc-journey-bg-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.lc-journey-orb-1{animation-delay:0s;background:radial-gradient(circle,#6366f126 0,#0000 70%);height:500px;left:-100px;top:-200px;width:500px}.lc-journey-orb-2{animation-delay:7s;background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:600px;right:-150px;top:50%;width:600px}.lc-journey-orb-3{animation-delay:14s;background:radial-gradient(circle,#d946ef1f 0,#0000 70%);bottom:-100px;height:400px;left:30%;width:400px}.lc-journey-grid-overlay{background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.lc-journey-header{animation:fadeInUp .8s ease-out;margin-bottom:60px;text-align:center}.lc-journey-badge{align-items:center;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;overflow:hidden;padding:10px 20px;position:relative}.lc-journey-badge-icon{animation:bounce 2s ease-in-out infinite;font-size:18px}.lc-journey-badge-shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:200%}}.lc-journey-title{animation:fadeInUp .8s ease-out;color:#1a1f3a;font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px}.lc-journey-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef);-webkit-background-clip:text;background-clip:text;position:relative}.lc-journey-subtitle{animation:fadeInUp .8s ease-out;color:#4a5578;font-size:18px;line-height:1.6;margin:0 auto;max-width:700px}.lc-platform-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:60px}.lc-tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #6366f11a;border-radius:50px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease}.lc-tab-btn:hover{border-color:#6366f14d;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.lc-tab-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 16px #6366f14d;color:#fff}.lc-journey-timeline{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:80px}.lc-journey-card{animation:fadeInUp .8s ease-out;animation-fill-mode:both;position:relative}.lc-journey-card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f11a;border-radius:24px;height:100%;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.lc-journey-card-inner:hover{border-color:#6366f14d;box-shadow:0 20px 40px #6366f126;transform:translateY(-8px)}.lc-journey-card-inner:hover .lc-journey-card-glow{opacity:1}.lc-journey-card-inner:hover .lc-journey-icon-ripple{animation:ripple 1.5s ease-out}.lc-journey-connector{display:none}@media (min-width:1024px){.lc-journey-connector{background:linear-gradient(90deg,#6366f14d,#0000);display:block;height:2px;position:absolute;right:-40px;top:80px;width:40px;z-index:0}.lc-journey-connector-progress{animation:progress 2s ease-out forwards;animation-delay:1s;background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;left:0;position:absolute;top:0;width:0}}@keyframes progress{to{width:100%}}.lc-journey-connector-pulse{animation:pulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:8px}.lc-journey-phase-badge{align-items:center;background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2);border-radius:50px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:10px;letter-spacing:.5px;margin-bottom:24px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase}.lc-journey-phase-number{font-size:16px}.lc-journey-phase-divider{background:#ffffff4d;height:14px;width:1px}.lc-journey-phase-glow{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.lc-journey-icon-wrapper{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.lc-journey-icon-bg{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.lc-journey-card-inner:hover .lc-journey-icon-bg{background:linear-gradient(135deg,#6366f133,#8b5cf633);transform:scale(1.1)}.lc-journey-icon-ripple{border:2px solid #6366f1;border-radius:50%;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.lc-journey-icon{filter:brightness(1.1) saturate(1.2);font-size:36px;position:relative;z-index:1}.lc-journey-time{align-items:center;background:#6366f11a;border-radius:50px;color:#6366f1;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:16px;padding:6px 14px}.lc-journey-time-icon{font-size:14px}.lc-journey-card-title{color:#1e293b;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:20px}.lc-journey-steps{display:flex;flex-direction:column;gap:12px}.lc-journey-step-item{align-items:flex-start;animation:fadeInLeft .5s ease-out;animation-fill-mode:both;color:#475569;display:flex;font-size:15px;gap:12px;line-height:1.6}.lc-journey-check{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:2px;width:24px}.lc-journey-check-inner{color:#fff;font-size:12px;font-weight:700}.lc-journey-card-glow{background:radial-gradient(circle at center,#6366f126,#0000 70%);height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}.lc-journey-card-border-glow,.lc-journey-card-glow{opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.lc-journey-card-border-glow{background:linear-gradient(135deg,#0000,#6366f14d,#0000);border-radius:24px;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;right:0;top:0}.lc-journey-card-inner:hover .lc-journey-card-border-glow{opacity:1}.lc-journey-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.lc-journey-stat{animation:fadeInUp .8s ease-out;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f11a;border-radius:20px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.lc-journey-stat:hover{border-color:#6366f133;box-shadow:0 12px 24px #6366f11a;transform:translateY(-5px)}.lc-journey-stat-value{color:#1e293b;display:inline-block;font-size:42px;font-weight:800;margin-bottom:8px;position:relative}.lc-journey-stat-sparkle{animation:sparkle 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:12px;position:absolute;right:-5px;top:-5px;width:12px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.lc-journey-stat-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lc-journey-stat-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6,#d946ef);bottom:0;height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .8s ease}.lc-journey-stat:hover .lc-journey-stat-bar{transform:scaleX(1)}.lc-insights-section{padding:100px 20px}.lc-section-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.lc-section-content.lc-reversed{direction:rtl}.lc-section-content.lc-reversed>*{direction:ltr}.lc-text-content,.lc-visual-content{position:relative}.lc-analytics-dashboard{animation:fadeInRight .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f11a;border-radius:24px;box-shadow:0 10px 40px #6366f114;padding:32px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.lc-dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.lc-header-left{display:flex;flex-direction:column;gap:8px}.lc-header-left h4{color:#1e293b;font-size:20px;font-weight:700;margin:0}.lc-ai-badge{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f140;border-radius:50px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.lc-ai-pulse{animation:pulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}.lc-live-indicator{align-items:center;background:#10b9811a;border-radius:50px;color:#10b981;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.lc-live-dot{animation:pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.lc-primary-metric{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid #6366f11a;border-radius:16px;margin-bottom:24px;padding:24px}.lc-metric-label{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.lc-metric-trend{color:#10b981;font-weight:700}.lc-metric-value{color:#1e293b;font-size:48px;font-weight:800;line-height:1;margin-bottom:16px}.lc-progress-bar{background:#6366f11a;height:12px;width:100%}.lc-progress-bar,.lc-progress-fill{border-radius:50px;overflow:hidden;position:relative}.lc-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width 1s ease}.lc-progress-glow{animation:slideGlow 2s ease-in-out infinite;background:radial-gradient(circle,#fff9,#0000);height:100%;position:absolute;right:0;top:0;width:40px}@keyframes slideGlow{0%,to{transform:translateX(0)}50%{transform:translateX(-20px)}}.lc-progress-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.lc-ai-suggestion{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-left:3px solid #6366f1;border-radius:12px;color:#334155;display:flex;font-size:14px;gap:12px;line-height:1.6;margin-bottom:24px;padding:16px}.lc-suggestion-icon{flex-shrink:0;font-size:20px}.lc-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.lc-metric-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background:#f8fafc99;border:1px solid #6366f114;border-radius:12px;padding:16px;transition:all .3s ease}.lc-metric-card:hover{background:#fffc;border-color:#6366f126;transform:translateY(-2px)}.lc-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.lc-metric-name{color:#475569;font-size:13px;font-weight:600}.lc-metric-percent{color:#1e293b;font-size:14px;font-weight:700}.lc-mini-progress{background:#6366f11a;border-radius:50px;height:6px;overflow:hidden;width:100%}.lc-mini-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;transition:width 1s ease}.lc-section-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px}.lc-badge-icon{font-size:18px}.lc-gradient-heading{color:#2b2436!important;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:24px;text-align:justify}.lc-section-description{color:#4a5578;font-size:17px;line-height:1.7;margin-bottom:32px;text-align:justify}.lc-feature-list{display:flex;flex-direction:column;gap:24px;text-align:justify}.lc-feature-point{align-items:flex-start;display:flex;gap:16px}.lc-point-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.lc-feature-point h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 8px}.lc-feature-point p{color:#475569;font-size:15px;line-height:1.6;margin:0}.lc-integration-section{padding:100px 20px}.lc-integration-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.lc-integration-container.lc-reversed{direction:rtl}.lc-integration-container.lc-reversed>*{direction:ltr}.lc-content-wrapper{position:relative}.lc-badge-wrapper{margin-bottom:20px}.lc-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:50px;color:#6366f1;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.lc-badge-dot{animation:pulse 2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}.lc-heading{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:24px}.lc-heading,.lc-heading-gradient{color:#2b2436!important}.lc-description{color:#4a5578;font-size:17px;line-height:1.7;margin-bottom:32px}.lc-features-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.lc-feature-pill{align-items:center;background:#6366f114;border:1px solid #6366f126;border-radius:50px;color:#6366f1;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.lc-feature-pill:hover{background:#6366f11f;border-color:#6366f140;transform:translateY(-2px)}.lc-pill-icon{font-size:16px}.lc-integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:40px}.lc-integration-card{align-items:center;animation:fadeInUp .6s ease-out;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f11a;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;padding:24px 16px;position:relative;transition:all .3s ease}.lc-integration-card:hover{border-color:#6366f140;box-shadow:0 12px 24px #6366f126;transform:translateY(-5px)}.lc-integration-card:hover .lc-card-glow{opacity:1}.lc-integration-card:hover .lc-connection-pulse{animation:pulse 1.5s ease-in-out infinite}.lc-card-glow{background:radial-gradient(circle at center,#6366f126,#0000 70%);height:150px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:150px}.lc-integration-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f133;color:#fff;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.lc-integration-name{color:#475569;font-size:14px;font-weight:600;text-align:center}.lc-connection-pulse{background:#10b981;border-radius:50%;box-shadow:0 0 0 0 #10b98166;height:12px;position:absolute;right:-4px;top:-4px;width:12px}.lc-cta-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;box-shadow:0 4px 16px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.lc-cta-button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 24px #6366f166;transform:translateY(-2px)}.lc-cta-arrow{font-size:20px;transition:transform .3s ease}.lc-cta-button:hover .lc-cta-arrow{transform:translateX(4px)}.lc-visual-wrapper{animation:fadeInLeft .8s ease-out;position:relative}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.lc-visual-background{animation:float 15s ease-in-out infinite;background:radial-gradient(circle,#6366f11a,#0000 70%);filter:blur(60px);height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.lc-main-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #6366f11a;border-radius:24px;box-shadow:0 20px 60px #6366f11a;overflow:hidden;position:relative}.lc-card-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:20px 24px}.lc-header-dots{display:flex;gap:8px}.lc-header-dots span{background:#cbd5e1;border-radius:50%;height:12px;width:12px}.lc-header-dots span:first-child{background:#ef4444}.lc-header-dots span:nth-child(2){background:#f59e0b}.lc-header-dots span:nth-child(3){background:#10b981}.lc-header-title{color:#475569;font-size:14px;font-weight:600}.lc-image-wrapper{overflow:hidden;position:relative}.lc-dashboard-image{display:block;height:auto;width:100%}.lc-image-gradient{background:linear-gradient(0deg,#ffffffe6,#0000);height:150px}.lc-floating-badges,.lc-image-gradient{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.lc-floating-badges{top:0}.lc-float-badge{align-items:center;animation:floatBadge 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #6366f133;border-radius:50px;box-shadow:0 4px 12px #0000001a;color:#4a5578;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;position:absolute}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lc-badge-dot-small{background:#6366f1;border-radius:50%;height:6px;width:6px}.lc-float-1{animation-delay:0s;left:10%;top:15%}.lc-float-2{animation-delay:.5s;right:12%;top:25%}.lc-float-3{animation-delay:1s;bottom:35%;left:8%}.lc-float-4{animation-delay:1.5s;bottom:25%;right:10%}.lc-connection-lines{height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}.lc-line{fill:none;stroke:#6366f1;stroke-width:2;stroke-dasharray:5,5;animation:drawLine 3s ease-in-out infinite}@keyframes drawLine{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:20}}.lc-line-1{animation-delay:0s}.lc-line-2{animation-delay:1s}.lc-line-3{animation-delay:2s}.lc-stats-bar{background:#fff9;border-top:1px solid #6366f11a;justify-content:space-around;padding:20px 24px}.lc-stat-item,.lc-stats-bar{align-items:center;display:flex}.lc-stat-item{flex-direction:column;gap:4px}.lc-stat-value{color:#1e293b;font-size:20px;font-weight:800}.lc-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lc-stat-divider{background:#6366f11a;height:40px;width:1px}.lc-orbit-wrapper{animation:rotateOrbit 30s linear infinite;height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}@keyframes rotateOrbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.lc-orbit-item{align-items:center;animation:counterRotate 30s linear infinite;background:#ffffffe6;border:1px solid #6366f133;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;width:50px}@keyframes counterRotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.lc-orbit-1{animation-delay:0s;top:0}.lc-orbit-1,.lc-orbit-2{left:50%;transform:translateX(-50%)}.lc-orbit-2{animation-delay:10s;bottom:0}.lc-orbit-3{animation-delay:20s;right:0;top:50%;transform:translateY(-50%)}@media (max-width:1024px){.lc-integration-container,.lc-section-content{gap:60px;grid-template-columns:1fr}.lc-integration-container.lc-reversed,.lc-section-content.lc-reversed{direction:ltr}.lc-gradient-heading,.lc-heading,.lc-journey-title{font-size:36px}.lc-journey-timeline{grid-template-columns:1fr}.lc-journey-connector{display:none}.lc-metrics-grid{grid-template-columns:1fr}.lc-orbit-wrapper{height:400px;width:400px}}@media (max-width:768px){.lc-insights-section,.lc-integration-section,.lc-journey-section{padding:60px 20px}.lc-gradient-heading,.lc-heading,.lc-journey-title{font-size:32px}.lc-description,.lc-journey-subtitle,.lc-section-description{font-size:16px}.lc-journey-stats{grid-template-columns:1fr}.lc-integrations-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.lc-integration-card{padding:20px 12px}.lc-integration-icon{font-size:20px;height:48px;width:48px}.lc-orbit-wrapper{display:none}.lc-float-badge{font-size:11px;padding:6px 12px}}@media (max-width:480px){.lc-gradient-heading,.lc-heading,.lc-journey-title{font-size:28px}.lc-journey-card-inner{padding:24px}.lc-platform-tabs{gap:8px}.lc-tab-btn{font-size:14px;padding:10px 20px}.lc-features-row{flex-direction:column}.lc-feature-pill{justify-content:center}.lc-integrations-grid{grid-template-columns:repeat(2,1fr)}.lc-stats-bar{flex-direction:column;gap:20px}.lc-stat-divider{display:none}}.ai-learning-platform{background:linear-gradient(135deg,#fff,#fff);color:#1e293b;font-family:Poppins,sans-serif;line-height:1.6}.platform-container{margin:0 auto;max-width:1200px;padding:0 20px}.platform-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin:20px 0 40px;overflow:hidden;padding:80px 0 60px;position:relative;text-align:center}.platform-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' fill='rgba(255,255,255,0.1)'%3E%3Cpath d='m0 0 1000 50v50H0z'/%3E%3C/svg%3E") no-repeat;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-content{max-width:800px;position:relative;z-index:2}.platform-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 16px}.platform-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f4ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px}.header-description{font-size:1.25rem;line-height:1.6;margin-bottom:40px;opacity:.9}.header-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:50px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px;transition:transform .3s ease,background .3s ease}.stat-item:hover{background:#ffffff26;transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.stat-label{font-size:.875rem;opacity:.8}.platform-features{margin:80px 0}.feature-row{margin-bottom:100px}.feature-row.reversed .feature-main{flex-direction:row-reverse}.feature-main{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px}.feature-content{flex:1 1;min-width:0}.feature-visual{flex:1 1;min-width:0}.feature-icon-bg,.feature-visual{align-items:center;display:flex;justify-content:center}.feature-icon-bg{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;height:80px;margin-bottom:24px;width:80px}.feature-icon-bg svg{height:40px;width:40px}.feature-tag{background:#e0e7ff;border-radius:8px;color:#4f46e5;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:16px;padding:6px 12px}.feature-content h3{color:#1e293b;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:20px}.feature-content p{color:#64748b;font-size:1.125rem;line-height:1.7;margin-bottom:30px}.feature-sublist{list-style:none;margin:24px 0;padding:0}.feature-sublist li{color:#475569;padding:8px 0 8px 28px;position:relative;text-align:justify}.feature-sublist li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.feature-metrics{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.metric-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:100px;padding:12px 16px;position:relative;text-align:center}.metric-desc{color:#64748b;display:block;font-size:.75rem}.feature-cta{margin-top:32px}.learn-more-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.learn-more-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.btn-arrow{transition:transform .3s ease}.learn-more-btn:hover .btn-arrow{transform:translateX(4px)}.ai-dashboard-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:800px;max-width:1300px;overflow:hidden;padding:25px;position:relative;width:100%}.dashboard-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.window-controls{display:flex;gap:8px}.control-dot{border-radius:50%;height:12px;width:12px}.control-dot.red{background:#ef4444}.control-dot.yellow{background:#eab308}.control-dot.green{background:#22c55e}.dashboard-title{color:#374151;font-size:1.1rem;font-weight:600}.dashboard-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.chart-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:15px}.chart-header{align-items:center;display:flex;justify-content:between;margin-bottom:15px}.chart-header h3{color:#374151;font-size:.9rem;font-weight:600;margin:0}.chart-legend{display:flex;font-size:.75rem;gap:10px}.legend-item{align-items:center;display:flex;gap:4px}.legend-color{border-radius:50%;height:8px;width:8px}.legend-color.primary{background:#667eea}.legend-color.secondary{background:#764ba2}.chart-container{align-items:end;display:flex;gap:12px;height:120px;margin-bottom:15px}.chart-bar{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:4px 4px 0 0;flex:1 1;position:relative;transition:height .3s ease;width:24px}.chart-bar:after{color:#64748b;content:attr(data-value) "%";font-size:.7rem;font-weight:600;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.chart-labels{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between}.progress-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:15px}.progress-ring{background:conic-gradient(#667eea 270deg,#e2e8f0 0deg);height:120px;margin:10px 0;position:relative;width:120px}.progress-ring,.ring-center{align-items:center;border-radius:50%;display:flex;justify-content:center}.ring-center{background:#fff;box-shadow:0 4px 12px #0000001a;color:#1e293b;flex-direction:column;font-weight:700;height:80px;width:80px}.ring-center span{font-size:1.2rem}.ring-center small{color:#64748b;font-size:.7rem}.progress-stats{display:flex;gap:15px;margin-top:10px}.progress-stat{text-align:center}.progress-stat .value{color:#1e293b;display:block;font-size:.9rem;font-weight:600}.progress-stat .label{color:#64748b;display:block;font-size:.7rem}.image-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;grid-column:1/-1;height:180px;overflow:hidden;position:relative}.unsplash-image{height:100%;object-fit:cover;opacity:.9;width:100%}.image-overlay{align-items:center;background:linear-gradient(135deg,#667eeacc,#764ba2cc);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0}.image-overlay h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.image-overlay p{font-size:.9rem;margin-bottom:15px;opacity:.9}.unsplash-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:6px;bottom:12px;color:#fff;font-size:.7rem;padding:4px 8px;position:absolute;right:12px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:10px}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;text-align:center}.metric-value{color:#1e293b;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.metric-label{color:#64748b;display:block;font-size:.75rem;font-weight:500}.activity-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;padding:15px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.activity-header h3{color:#374151;font-size:.9rem;font-weight:600;margin:0}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{align-items:center;border-radius:6px;display:flex;gap:10px;padding:8px;transition:background-color .2s ease}.activity-item:hover{background:#fff}.activity-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-text{color:#374151;font-size:.8rem;margin-bottom:2px}.activity-time{color:#64748b;font-size:.7rem}.dashboard-footer{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding-top:20px}.data-point{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.data-point:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.data-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.data-value{color:#1e293b;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.data-trend{align-items:center;display:flex;font-size:.7rem;font-weight:500;gap:4px;justify-content:center}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-icon{font-size:.8rem}@media (max-width:768px){.dashboard-content{grid-template-columns:1fr}.dashboard-footer,.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ai-dashboard-preview{height:auto;min-height:700px}.dashboard-footer,.metrics-grid{grid-template-columns:1fr}}.learning-ecosystem{height:700px;margin:0 auto;position:relative;width:700px}.ecosystem-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-node,.node-core{height:150px;position:relative;width:150px}.node-core{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.75rem;font-weight:700;justify-content:center;left:40px;z-index:3}.node-pulse{animation:pulse 2s infinite;border:2px solid #667eea;border-radius:50%;height:150px;left:15%;position:absolute;top:-5%;transform:translate(-50%,-50%);width:150px;z-index:1}.node-pulse.delay-1{animation-delay:1s;height:180px;width:180px}.ecosystem-node{background:#8854d0;border:3px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 12px #0000001a;cursor:pointer;margin-right:-100px;min-width:160px;padding:20px;position:absolute;text-align:center;transition:all .3s ease;z-index:2}.ecosystem-node:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:scale(1.15)}.ecosystem-node:hover .node-tooltip{opacity:1;transform:translateY(0);visibility:visible}.node-icon{display:block;font-size:2.5rem;margin-bottom:12px}.ecosystem-node span{color:#374151;display:block;font-size:1rem;font-weight:600}.node-tooltip{background:#1e293b;border-radius:6px;bottom:100%;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px);transition:all .3s ease;visibility:hidden;white-space:nowrap}.node-tooltip:after{border:8px solid #0000;border-top-color:#1e293b;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.node-1 span{color:#fff}.node-1{right:45%;top:10%}.node-1,.node-2{background:linear-gradient(135deg,#4ecdc4,#00b894);color:#fff}.node-2{right:8%;top:15%}.node-2 span,.node-3{color:#fff}.node-3{background:linear-gradient(135deg,#45aaf2,#2d98da);right:4%;top:50%;transform:translateY(-50%)}.node-3 span,.node-4{color:#fff}.node-4{background:linear-gradient(135deg,#a55eea,#8854d0);bottom:15%;right:8%}.node-4 span,.node-5{color:#fff}.node-5{background:linear-gradient(135deg,#fdcb6e,#e17055);bottom:8%;left:60%;transform:translateX(-50%)}.node-5 span,.node-6{color:#fff}.node-6{background:linear-gradient(135deg,#fd79a8,#e84393);bottom:15%;left:8%}.node-6 span,.node-7{color:#fff}.node-7{background:linear-gradient(135deg,#00cec9,#00a8ff);left:4%;top:50%;transform:translateY(-50%)}.node-7 span{color:#fff}.node-8{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);left:8%;top:15%}.node-8,.node-8 span{color:#2d3436}.feature-grid-mini{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:24px 0}.mini-feature{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease}.mini-feature:hover{border-color:#c7d2fe;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.mini-icon{font-size:1.5rem;margin-bottom:8px}.mini-feature h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:8px}.mini-feature p{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:8px}.mini-stats{color:#10b981;font-size:.75rem;font-weight:600}.ecosystem-benefits{margin-top:24px}.ecosystem-benefits h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:12px}.benefits-list{display:flex;flex-direction:column;gap:8px}.benefit-item{align-items:center;color:#475569;display:flex;gap:8px}.benefit-check{color:#10b981;font-weight:700}.capabilities-list{display:flex;flex-direction:column;gap:20px;margin:24px 0}.capability-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.capability-item:hover{border-color:#c7d2fe;transform:translateX(8px)}.capability-icon{flex-shrink:0;font-size:1.5rem}.capability-item h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:4px}.capability-item p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.integration-showcase{margin-top:32px}.integration-showcase h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:16px}.integration-badges{display:flex;flex-wrap:wrap;gap:12px}.integration-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 12px;transition:all .3s ease}.integration-badge:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.badge-icon{font-size:1rem}.enterprise-dashboard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:24px;width:100%}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px}.grid-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.grid-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;color:#374151;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.header-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.grid-content{padding:16px}.team-progress{display:flex;flex-direction:column;gap:16px}.team-member{align-items:center;display:flex;gap:12px}.member-info{flex:1 1;min-width:0}.dept-name{color:#374151;display:block;font-weight:600;margin-bottom:2px}.dept-stats{color:#64748b;display:block;font-size:.75rem}.progress-container{flex:1 1;min-width:0}.progress-bar{background:#e2e8f0;border-radius:8px;height:8px;margin-bottom:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;display:block;font-size:.75rem;text-align:right}.cert-badges{display:flex;flex-direction:column;gap:12px}.cert-badge{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.cert-badge.completed{background:#f0fdf4;border-color:#bbf7d0}.cert-badge.in-progress{background:#fffbeb;border-color:#fed7aa}.cert-badge.pending{background:#f8fafc;border-color:#e2e8f0}.cert-name{color:#374151;font-weight:500}.cert-date,.cert-progress,.cert-status{color:#64748b;font-size:.75rem}.dashboard-footer{border-top:1px solid #e2e8f0;padding-top:16px}.org-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.org-stat{text-align:center}.stat-value{color:#1e293b;display:block;font-size:1.25rem;font-weight:700;margin-bottom:4px}.stat-label{display:block;font-size:.75rem}.testimonial-row{background:linear-gradient(135deg,#fff,#fff);border-radius:20px;margin:-140px 0 50px;padding:60px 40px}.testimonial-content{margin:0 auto;max-width:1000px;text-align:center}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.testimonial-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.company-logo{font-size:2rem}.company-info h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:4px}.company-info span{color:#64748b;font-size:.875rem}.testimonial-text{color:#475569;font-size:1.125rem;font-style:italic;line-height:1.6}.testimonial-author,.testimonial-text{margin-bottom:20px}.testimonial-author strong{color:#1e293b;display:block;font-size:1rem;margin-bottom:2px}.testimonial-author span{color:#64748b;font-size:.875rem}.results-stats{display:flex;gap:20px}.result-stat{flex:1 1;text-align:center}.result-stat span{color:#667eea;display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.result-stat small{color:#64748b;font-size:.75rem}.platform-cta{background:linear-gradient(135deg,#1e293b,#374151);border-radius:20px;color:#fff;margin:80px 0;overflow:hidden;position:relative}.platform-cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' fill='rgba(255,255,255,0.05)'%3E%3Cpath d='m0 0 1000 100H0z'/%3E%3C/svg%3E") no-repeat;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1000px;padding:80px 40px;position:relative;z-index:2}.cta-content{text-align:left}.cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:20px;padding:8px 16px}.cta-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:20px}.cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:30px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.cta-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.cta-button.secondary:hover{background:#fff3;transform:translateY(-2px)}.cta-button.outline{background:#0000;border:1px solid #ffffff4d;color:#fff}.cta-button.outline:hover{background:#ffffff1a;transform:translateY(-2px)}.button-arrow{transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(4px)}.cta-features{display:flex;flex-wrap:wrap;gap:20px}.cta-feature{align-items:center;display:flex;font-size:.875rem;gap:8px;opacity:.8}.feature-check{color:#10b981;font-weight:700}.cta-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.cta-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px;text-align:center}.cta-stat .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:8px}.cta-stat .stat-label{font-size:.875rem;opacity:.8}.ecosystem-node:before{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.ecosystem-node:hover:before{animation:node-glow 2s ease-in-out infinite;opacity:1}@keyframes node-glow{0%,to{filter:blur(10px);opacity:.7}50%{filter:blur(15px);opacity:.4}}@media (max-width:768px){.learning-ecosystem{height:500px;width:500px}.center-node{height:120px;width:120px}.node-core{font-size:1.5rem;height:100px;width:100px}.ecosystem-node{min-width:100px;padding:16px}.node-icon{font-size:2rem}.ecosystem-node span{font-size:.875rem}}@media (max-width:480px){.learning-ecosystem{height:400px;width:400px}.center-node{height:100px;width:100px}.node-core{font-size:1.25rem;height:80px;width:80px}.ecosystem-node{min-width:80px;padding:12px}.node-icon{font-size:1.5rem}.ecosystem-node span{font-size:.75rem}}.ecosystem-node:after{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:0;left:50%;position:absolute;top:50%;transform-origin:0 0;transition:height .4s ease;width:2px;z-index:-1}.ecosystem-node:hover:after{height:calc(50% - 60px)}.node-1:after{transform:rotate(-45deg)}.node-2:after{transform:rotate(0deg)}.node-3:after{transform:rotate(45deg)}.node-4:after{transform:rotate(90deg)}.node-5:after{transform:rotate(135deg)}.node-6:after{transform:rotate(180deg)}.node-7:after{transform:rotate(225deg)}.node-8:after{transform:rotate(270deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 30px #667eeacc}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-rotate{animation:rotate 10s linear infinite}@media (max-width:1024px){.feature-main{gap:40px}.feature-main,.feature-row.reversed .feature-main{flex-direction:column}.cta-container{gap:40px;grid-template-columns:1fr}.cta-container,.cta-content{text-align:center}}@media (max-width:768px){.platform-header h1{font-size:2.5rem}.header-stats{grid-template-columns:repeat(2,1fr)}.feature-content h3{font-size:1.75rem}.feature-grid-mini,.testimonials-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:300px;width:100%}.org-stats{grid-template-columns:repeat(2,1fr)}.integration-badges{justify-content:center}}@media (max-width:480px){.platform-container{padding:0 16px}.platform-header{padding:40px 0}.platform-header h1{font-size:2rem}.header-stats{grid-template-columns:1fr}.feature-metrics{justify-content:center}.learning-ecosystem{height:300px;width:300px}.ecosystem-node{min-width:60px;padding:8px}.node-icon{font-size:1.25rem}.ecosystem-node span{font-size:.7rem}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ile-interactive-learning-section{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:120px 5%;position:relative}.ile-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.ile-section-header{animation:ile-fadeInUp .8s ease-out;margin-bottom:80px;text-align:center}@keyframes ile-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ile-header-badge{align-items:center;animation:ile-badgePulse 2s ease-in-out infinite;background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;display:inline-flex;gap:10px;margin-bottom:24px;padding:10px 24px}@keyframes ile-badgePulse{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 10px #6366f100}}.ile-badge-pulse{animation:ile-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes ile-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.ile-badge-text{color:#6366f1;font-size:14px;font-weight:600}.ile-section-title{color:#2b2436!important;font-size:52px;font-weight:800;line-height:1.2;margin:0 0 20px}.ile-title-gradient{animation:ile-gradientShift 3s ease infinite;background-size:200% 200%;color:#2b2436!important}@keyframes ile-gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ile-section-subtitle{color:#64748b;font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.ile-content-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.2fr;margin-bottom:80px}.ile-features-column{display:flex;flex-direction:column;gap:24px}.ile-feature-card{background:#fff;border:1px solid #6366f126;border-radius:20px;box-shadow:0 4px 16px #6366f114;overflow:hidden;padding:32px;position:relative;transition:all .4s ease}.ile-feature-card:hover{border-color:#6366f14d;box-shadow:0 12px 32px #6366f126;transform:translateY(-8px)}.ile-card-corner{background:linear-gradient(135deg,#0000 50%,#6366f10d 0);border-radius:0 20px 0 100%;height:100px;position:absolute;right:0;top:0;width:100px}.ile-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ile-card-icon,.ile-card-icon-wrapper{height:56px;position:relative;width:56px}.ile-card-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:14px;display:flex;font-size:28px;justify-content:center;transition:transform .3s ease;z-index:2}.ile-feature-card:hover .ile-card-icon{transform:scale(1.1) rotate(5deg)}.ile-icon-glow{animation:ile-glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#6366f14d,#0000 70%);border-radius:50%;inset:-10px;opacity:0;position:absolute;transition:opacity .3s ease}.ile-feature-card:hover .ile-icon-glow{opacity:1}@keyframes ile-glowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.ile-card-badge{background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;color:#6366f1;font-size:12px;font-weight:600;padding:6px 14px}.ile-card-title{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 12px}.ile-card-description{color:#64748b;font-size:15px;line-height:1.7;margin-bottom:24px}.ile-card-stats{align-items:center;border-top:1px solid #6366f11a;display:flex;gap:20px;padding:16px 0}.ile-stat-item{display:flex;flex-direction:column;gap:4px}.ile-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;font-size:24px;font-weight:800}.ile-stat-label{color:#94a3b8;font-size:12px;font-weight:600}.ile-stat-divider{background:#6366f133;height:40px;width:1px}.ile-card-progress{margin-top:16px}.ile-progress-track{background:#6366f11a;border-radius:50px;height:8px;overflow:hidden}.ile-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;transition:width 1s ease}.ile-recommendation-list{display:flex;flex-direction:column;gap:12px}.ile-recommendation-item{align-items:center;background:#6366f10d;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.ile-recommendation-item:hover{background:#6366f11a;transform:translateX(4px)}.ile-rec-icon{font-size:24px}.ile-rec-content{display:flex;flex:1 1;flex-direction:column}.ile-rec-title{color:#1e293b;font-size:14px;font-weight:600}.ile-rec-match{color:#10b981;font-size:12px;font-weight:600}.ile-certificate-preview{align-items:center;background:linear-gradient(135deg,#fbbf241a,#fb923c1a);border:1px solid #fbbf244d;border-radius:12px;display:flex;gap:16px;margin-top:16px;padding:20px}.ile-cert-ribbon{font-size:36px}.ile-cert-info{display:flex;flex-direction:column;gap:4px}.ile-cert-name{color:#1e293b;font-size:15px;font-weight:700}.ile-cert-date{color:#64748b;font-size:13px}.ile-demo-column{position:relative}.ile-demo-container{background:#fff;border:1px solid #6366f126;border-radius:24px;box-shadow:0 8px 32px #6366f11f;overflow:hidden;position:-webkit-sticky;position:sticky;top:20px}.ile-demo-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:20px 24px}.ile-demo-tabs{display:flex;gap:8px}.ile-demo-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.ile-demo-tab:hover{background:#6366f10d;color:#6366f1}.ile-tab-active{background:#6366f11a;color:#6366f1}.ile-demo-status{align-items:center;background:#10b9811a;border-radius:50px;color:#10b981;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.ile-status-dot{animation:ile-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}.ile-demo-content{padding:24px}.ile-course-preview{background:#6366f108;border-radius:16px;margin-bottom:24px;overflow:hidden}.ile-course-thumbnail{height:200px;overflow:hidden;position:relative;width:100%}.ile-course-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ile-course-preview:hover .ile-course-image{transform:scale(1.05)}.ile-play-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.ile-course-preview:hover .ile-play-overlay{opacity:1}.ile-play-button{align-items:center;background:#fff;border-radius:50%;color:#6366f1;cursor:pointer;display:flex;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.ile-play-button:hover{transform:scale(1.1)}.ile-course-duration{align-items:center;background:#000000b3;border-radius:8px;bottom:12px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:12px}.ile-course-info{padding:20px}.ile-course-title{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 12px}.ile-course-meta{align-items:center;display:flex;gap:16px;justify-content:space-between}.ile-course-rating{align-items:center;display:flex;gap:8px}.ile-stars{font-size:14px}.ile-course-students,.ile-rating-count{color:#64748b;font-size:13px;font-weight:600}.ile-course-students{align-items:center;display:flex;gap:6px}.ile-progress-section{background:#6366f10d;border-radius:12px;margin-bottom:24px;padding:20px}.ile-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ile-progress-label{color:#475569;font-size:14px;font-weight:600}.ile-progress-percentage{color:#6366f1;font-size:18px;font-weight:800}.ile-progress-bar-large{background:#6366f11a;border-radius:50px;height:12px;margin-bottom:20px;overflow:hidden}.ile-progress-fill-animated{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;position:relative;transition:width 1.5s ease}.ile-progress-shimmer{animation:ile-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes ile-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ile-progress-milestones{display:flex;justify-content:space-between;position:relative}.ile-progress-milestones:before{background:#6366f133;content:"";height:2px;left:0;position:absolute;right:0;top:10px;z-index:1}.ile-milestone{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.ile-milestone-dot{background:#e2e8f0;border:3px solid #fff;border-radius:50%;height:20px;transition:all .3s ease;width:20px}.ile-milestone-complete .ile-milestone-dot{background:#10b981;box-shadow:0 0 0 4px #10b98133}.ile-milestone-active .ile-milestone-dot{animation:ile-milestonePulse 2s ease-in-out infinite;background:#6366f1;box-shadow:0 0 0 4px #6366f14d}@keyframes ile-milestonePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ile-milestone-label{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.ile-milestone-complete .ile-milestone-label{color:#10b981}.ile-milestone-active .ile-milestone-label{color:#6366f1;font-weight:700}.ile-activity-feed{background:#6366f108;border-radius:12px;padding:20px}.ile-activity-title{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.ile-activity-items{display:flex;flex-direction:column;gap:12px}.ile-activity-item{align-items:center;background:#fff;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.ile-activity-item:hover{box-shadow:0 4px 12px #6366f11a;transform:translateX(4px)}.ile-activity-avatar{align-items:center;background:#6366f11a;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.ile-activity-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.ile-activity-text{color:#1e293b;font-size:14px;font-weight:600}.ile-activity-time{color:#94a3b8;font-size:12px}.ile-activity-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}.ile-floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ile-float-badge{align-items:center;animation:ile-float 6s ease-in-out infinite;background:#fff;border:1px solid #6366f133;border-radius:50px;box-shadow:0 4px 16px #6366f126;color:#6366f1;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;position:absolute}.ile-float-1{animation-delay:0s;left:-20px;top:20%}.ile-float-2{animation-delay:2s;right:-30px;top:50%}.ile-float-3{animation-delay:4s;bottom:30%;left:-15px}@keyframes ile-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(3deg)}66%{transform:translateY(10px) rotate(-2deg)}}.ile-float-icon{font-size:14px}.ile-float-text{white-space:nowrap}.ile-bottom-cta{grid-gap:60px;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;color:#fff;display:grid;gap:60px;grid-template-columns:1fr auto;overflow:hidden;padding:60px;position:relative}.ile-bottom-cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.ile-cta-content{position:relative;z-index:2}.ile-cta-title{font-size:32px;font-weight:800;line-height:1.2;margin:0 0 12px}.ile-cta-description{font-size:16px;line-height:1.6;margin:0 0 24px;opacity:.9}.ile-cta-buttons{display:flex;flex-wrap:wrap;gap:16px}.ile-btn-primary{align-items:center;background:#fff;border:none;border-radius:12px;color:#6366f1;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .3s ease}.ile-btn-primary:hover{box-shadow:0 8px 20px #ffffff4d;transform:translateY(-2px)}.ile-btn-secondary{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .3s ease}.ile-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.ile-play-icon{font-size:12px}.ile-cta-stats{display:flex;gap:40px;position:relative;z-index:2}.ile-cta-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.ile-cta-stat-value{font-size:32px;font-weight:800;line-height:1}.ile-cta-stat-label{font-size:14px;font-weight:600;opacity:.9;white-space:nowrap}@media (max-width:1024px){.ile-content-grid{gap:40px;grid-template-columns:1fr}.ile-demo-container{position:relative;top:0}.ile-bottom-cta{gap:40px;grid-template-columns:1fr;text-align:center}.ile-cta-stats{justify-content:center}}@media (max-width:768px){.ile-interactive-learning-section{padding:80px 5%}.ile-section-title{font-size:36px}.ile-section-subtitle{font-size:16px}.ile-feature-card{padding:24px}.ile-card-stats{align-items:flex-start;flex-direction:column;gap:16px}.ile-stat-divider{display:none}.ile-course-meta{align-items:flex-start;flex-direction:column;gap:8px}.ile-cta-buttons{align-items:center;flex-direction:column}.ile-btn-primary,.ile-btn-secondary{justify-content:center;max-width:280px;width:100%}.ile-cta-stats{flex-direction:column;gap:20px}}@media (max-width:480px){.ile-section-title{font-size:28px}.ile-bottom-cta{padding:40px 24px}.ile-cta-title{font-size:24px}.ile-demo-header{align-items:flex-start;flex-direction:column;gap:16px}.ile-demo-tabs{justify-content:space-between;width:100%}.ile-demo-tab{flex:1 1;text-align:center}}.ile-delay-1{animation-delay:.1s}.ile-delay-2{animation-delay:.2s}.ile-delay-3{animation-delay:.3s}.ile-delay-4{animation-delay:.4s}.ile-delay-5{animation-delay:.5s}.hrv-training-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{background:#8b5cf61a;border:1px solid #8b5cf633;color:#8b5cf6}.hrv-pulse-dot{background:#8b5cf6}.hrv-feature-icon,.hrv-metric-number{color:#8b5cf6}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #8b5cf666,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d}.hrv-dashboard-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf666}.hrv-training-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-training-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;background-clip:text}.hrv-training-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text;font-weight:700}.benefits-container{font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.benefits-scroll-progress{background:linear-gradient(90deg,#22c55e,#3b82f6);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;z-index:1000}.benefits-background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.benefits-floating-shape{animation:benefits-float 20s ease-in-out infinite;background:linear-gradient(135deg,#22c55e1a,#3b82f60d);border-radius:50%;position:absolute}.benefits-shape-1{animation-delay:0s;height:300px;right:-100px;top:-150px;width:300px}.benefits-shape-2{animation-delay:-5s;background:linear-gradient(135deg,#3b82f61a,#22c55e0d);bottom:100px;height:200px;left:-50px;width:200px}.benefits-shape-3{animation-delay:-10s;height:150px;right:10%;top:50%;width:150px}.benefits-shape-4{animation-delay:-15s;bottom:-100px;height:250px;right:20%;width:250px}.benefits-shape-5{animation-delay:-7s;height:180px;left:5%;top:30%;width:180px}.benefits-gradient-orb{animation:benefits-pulse 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.benefits-orb-1{animation-delay:0s;background:linear-gradient(135deg,#22c55e,#3b82f6);height:400px;right:-200px;top:-200px;width:400px}.benefits-orb-2{animation-delay:-4s;background:linear-gradient(135deg,#3b82f6,#22c55e);bottom:-150px;height:300px;left:-150px;width:300px}.benefits-orb-3{animation-delay:-2s;background:linear-gradient(135deg,#4ade80,#60a5fa);height:200px;left:10%;top:50%;width:200px}.benefits-bg-svg{height:100%;left:0;position:absolute;top:0;width:100%}.benefits-svg-path-1{animation:benefits-svgFloat 25s ease-in-out infinite}.benefits-svg-path-2{animation:benefits-svgFloat 30s ease-in-out infinite reverse}.benefits-hero-section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:120px 5% 80px;position:relative;transform:translateY(30px);transition:all 1s ease}.benefits-hero-section.benefits-visible{opacity:1;transform:translateY(0)}.benefits-hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.benefits-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.benefits-badge-dot{animation:benefits-pulse 2s infinite;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:50%;height:6px;width:6px}.benefits-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.benefits-gradient-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;background-clip:text}.benefits-hero-description{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:500px}.benefits-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.benefits-btn-primary,.benefits-btn-secondary,.benefits-btn-tertiary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.benefits-btn-primary{background:linear-gradient(135deg,#22c55e,#3b82f6);box-shadow:0 8px 25px #22c55e4d;color:#fff}.benefits-btn-primary:hover{box-shadow:0 12px 35px #22c55e66;transform:translateY(-2px)}.benefits-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#1e293b}.benefits-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.benefits-btn-tertiary{background:#0000;color:#22c55e;padding:16px 24px}.benefits-btn-tertiary:hover{color:#3b82f6;transform:translateX(5px)}.benefits-btn-icon{font-size:12px}.benefits-btn-large{font-size:18px;padding:18px 40px}.benefits-hero-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.benefits-stat{text-align:left}.benefits-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:4px}.benefits-stat-label{font-size:14px}.benefits-hero-visual{height:600px;position:relative}.benefits-main-visual{border-radius:24px;box-shadow:0 25px 50px #00000026}.benefits-glass-card,.benefits-main-visual{height:100%;overflow:hidden;position:relative}.benefits-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px}.benefits-hero-image{height:100%;object-fit:cover;width:100%}.benefits-image-overlay{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);bottom:0;left:0;position:absolute;right:0;top:0}.benefits-glass-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #fff3;bottom:0;left:0;padding:32px;position:absolute;right:0}.benefits-glass-content h4{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.benefits-glass-content p{color:#fffc;font-size:1rem}.benefits-floating-card{align-items:center;animation:benefits-floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 35px #0000001a;display:flex;gap:12px;padding:20px;position:absolute;z-index:2}.benefits-card-1{animation-delay:0s;left:-60px;top:10%}.benefits-card-2{animation-delay:-2s;right:-40px;top:50%;transform:translateY(-50%)}.benefits-card-3{animation-delay:-4s;bottom:20%;left:-40px}.benefits-card-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.benefits-card-content{display:flex;flex-direction:column}.benefits-card-title{color:#1e293b;font-weight:600;margin-bottom:4px}.benefits-card-text{color:#6b7280;font-size:14px}.benefits-card-progress{animation:benefits-progress 2s infinite;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute}.benefits-scroll-indicator{align-items:center;bottom:40px;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.benefits-scroll-line{animation:benefits-scrollLine 2s infinite;background:linear-gradient(180deg,#22c55e,#0000);border-radius:1px;height:40px;width:2px}.benefits-features-section{background:#ffffff80;padding:120px 5%}.benefits-section-content{margin:0 auto;max-width:1400px}.benefits-section-header{margin-bottom:80px;text-align:center}.benefits-section-badge{background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.benefits-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:16px}.benefits-section-header p{color:#6b7280;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.benefits-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.benefits-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.benefits-feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.benefits-feature-card:hover:before{left:100%}.benefits-feature-card.benefits-active,.benefits-feature-card:hover{border-color:#22c55e4d;box-shadow:0 25px 50px #0000001a;transform:translateY(-10px)}.benefits-feature-icon-wrapper{height:80px;margin:0 auto 24px;position:relative;width:80px}.benefits-feature-icon{border-radius:20px;font-size:32px;height:100%;position:relative;width:100%;z-index:2}.benefits-feature-glow,.benefits-feature-icon{background:linear-gradient(135deg,#22c55e,#3b82f6)}.benefits-feature-glow{animation:benefits-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.benefits-feature-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:16px}.benefits-feature-card p{color:#6b7280;line-height:1.6;margin-bottom:20px}.benefits-feature-arrow{color:#22c55e;font-size:1.2rem;font-weight:600;opacity:0;transform:translateX(-10px);transition:all .3s ease}.benefits-feature-card:hover .benefits-feature-arrow{opacity:1;transform:translateX(0)}.benefits-platform-section{background:url(https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80) no-repeat 50%,#f8fafc;background-attachment:fixed;background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;min-height:100vh;overflow:hidden;padding:120px 5%;position:relative}.benefits-platform-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.benefits-platform-header{margin-bottom:80px;text-align:center}.benefits-platform-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px}.benefits-platform-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;background-clip:text}.benefits-platform-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:80px}.benefits-tab-btn{background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.benefits-tab-btn:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.benefits-tab-btn:hover:before{left:100%}.benefits-tab-btn:hover{background:#1f29370d;transform:translateY(-2px)}.benefits-tab-active{background:#1f2937;box-shadow:0 8px 25px #1f29374d;color:#fff}.benefits-tab-active:hover{background:#1f2937;box-shadow:0 12px 35px #1f293766;transform:translateY(-2px)}.benefits-platform-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.benefits-tab-content{padding-right:40px}.benefits-tab-main{display:flex;flex-direction:column;gap:60px}.benefits-tab-feature,.benefits-tab-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;padding:40px;transition:all .3s ease}.benefits-tab-feature:hover,.benefits-tab-secondary:hover{border-color:#22c55e33;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.benefits-feature-header{align-items:flex-start;display:flex;gap:24px}.benefits-feature-icon-large{align-items:center;animation:benefits-float 6s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:20px;display:flex;flex-shrink:0;font-size:3.5rem;height:80px;justify-content:center;width:80px}.benefits-feature-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.benefits-feature-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.benefits-feature-tags{display:flex;flex-wrap:wrap;gap:12px}.benefits-feature-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #1f2937;border-radius:50px;color:#1f2937;font-size:12px;font-weight:700;padding:8px 20px;transition:all .3s ease}.benefits-feature-tag:hover{background:#1f2937;color:#fff;transform:translateY(-2px)}.benefits-platform-cta{align-self:flex-start;background:#0000;border:2px solid #1f2937;border-radius:50px;color:#1f2937;cursor:pointer;font-size:1.125rem;font-weight:700;overflow:hidden;padding:18px 40px;position:relative;transition:all .3s ease}.benefits-platform-cta:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.benefits-platform-cta:hover:before{left:100%}.benefits-platform-cta:hover{background:#1f2937;box-shadow:0 12px 35px #1f29374d;color:#fff;transform:translateY(-2px)}.benefits-platform-dashboard{position:relative}.benefits-dashboard-card{animation:benefits-floatCard 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden}.benefits-dashboard-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:30px}.benefits-dashboard-title{color:#1f2937;font-size:1.25rem;font-weight:600}.benefits-dashboard-status{display:flex;gap:8px}.benefits-status-dot{border-radius:50%;height:12px;position:relative;width:12px}.benefits-status-dot:after{background:currentColor;border-radius:50%;content:"";height:6px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.benefits-status-green{background:#22c55e33;color:#22c55e}.benefits-status-blue{background:#3b82f633;color:#3b82f6}.benefits-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:30px}.benefits-metric-card{border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.benefits-metric-card:before{background:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}.benefits-metric-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.benefits-metric-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.benefits-metric-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.benefits-metric-purple{background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.benefits-metric-orange{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.benefits-metric-label{color:#374151;font-weight:600;margin-bottom:12px;position:relative;z-index:2}.benefits-metric-value{font-weight:800;position:relative;z-index:2}.benefits-metric-green .benefits-metric-value{color:#16a34a}.benefits-metric-blue .benefits-metric-value{color:#2563eb}.benefits-metric-status{font-size:1.25rem;font-weight:700;position:relative;z-index:2}.benefits-metric-purple .benefits-metric-status{color:#7c3aed}.benefits-metric-orange .benefits-metric-status{color:#ea580c}.benefits-journey-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;padding:120px 5%;position:relative}.benefits-journey-section:before{background:radial-gradient(circle at 10% 20%,#22c55e0d 0,#0000 50%),radial-gradient(circle at 90% 80%,#3b82f60d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.benefits-journey-container{position:relative;z-index:2}.benefits-journey-track{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1200px;position:relative}.benefits-journey-track:before{background:linear-gradient(180deg,#22c55e,#3b82f6,#0000);bottom:0;content:"";left:120px;position:absolute;top:0;width:2px;z-index:1}.benefits-journey-card{grid-gap:40px;align-items:start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 15px 35px #00000014;display:grid;gap:40px;grid-template-columns:auto 1fr 200px;padding:40px;position:relative;transition:all .3s ease;z-index:2}.benefits-journey-card:hover{border-color:#22c55e33;box-shadow:0 25px 50px #0000001f;transform:translateY(-5px)}.benefits-journey-header{align-items:center;display:flex;flex-direction:column;gap:20px;min-width:120px}.benefits-journey-number{align-items:center;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:50%;box-shadow:0 8px 25px #22c55e4d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.benefits-journey-indicator{align-items:center;display:flex;flex-direction:column;gap:10px}.benefits-journey-dot{background:linear-gradient(135deg,#22c55e,#3b82f6);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #22c55e33;height:16px;width:16px;z-index:2}.benefits-journey-connector{background:linear-gradient(180deg,#22c55e,#3b82f6);border-radius:1px;flex:1 1;width:2px}.benefits-journey-phase{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.benefits-phase-badge{background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;white-space:nowrap}.benefits-phase-duration{color:#22c55e;font-size:12px;font-weight:600}.benefits-journey-content{flex:1 1}.benefits-journey-content h3{color:#1e293b;font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:20px}.benefits-journey-features{grid-gap:12px;display:grid;gap:12px;margin-bottom:30px}.benefits-journey-feature{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;transition:all .3s ease}.benefits-journey-feature:hover{color:#1e293b;transform:translateX(5px)}.benefits-feature-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.benefits-journey-stats{display:flex;gap:20px}.benefits-stat-item{background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;padding:12px 16px;text-align:center}.benefits-stat-value{color:#22c55e;font-size:1.25rem;font-weight:700;margin-bottom:4px}.benefits-stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.benefits-journey-visual{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:200px}.benefits-visual-chart{align-items:end;display:flex;gap:8px;height:80px;position:relative;z-index:2}.benefits-chart-bar{animation:benefits-chartGrow 2s ease-in-out infinite;background:linear-gradient(180deg,#22c55e,#3b82f6);border-radius:6px 6px 0 0;position:relative;width:12px}.benefits-chart-bar:before{background:linear-gradient(180deg,#0000,#ffffff4d);border-radius:6px 6px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.benefits-chart-1 .benefits-bar-1{animation-delay:0s;height:60%}.benefits-chart-1 .benefits-bar-2{animation-delay:.2s;height:80%}.benefits-chart-1 .benefits-bar-3{animation-delay:.4s;height:40%}.benefits-chart-1 .benefits-bar-4{animation-delay:.6s;height:70%}.benefits-chart-2 .benefits-bar-1{animation-delay:.1s;height:75%}.benefits-chart-2 .benefits-bar-2{animation-delay:.3s;height:90%}.benefits-chart-2 .benefits-bar-3{animation-delay:.5s;height:65%}.benefits-chart-2 .benefits-bar-4{animation-delay:.7s;height:85%}.benefits-chart-3 .benefits-bar-1{animation-delay:.2s;height:95%}.benefits-chart-3 .benefits-bar-2{animation-delay:.4s;height:85%}.benefits-chart-3 .benefits-bar-3{animation-delay:.6s;height:90%}.benefits-chart-3 .benefits-bar-4{animation-delay:.8s;height:95%}.benefits-visual-glow{animation:benefits-pulse 3s ease-in-out infinite;background:radial-gradient(circle,#22c55e1a,#0000);border-radius:50%;filter:blur(20px);height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.benefits-journey-footer{border-top:1px solid #ffffff80;margin-top:80px;padding-top:60px}.benefits-journey-metrics{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.benefits-metric{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffff4d;border-radius:20px;padding:30px 20px;text-align:center;transition:all .3s ease}.benefits-metric:hover{background:#fffc;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.benefits-metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:8px}.benefits-metric-label{color:#6b7280;font-size:14px;font-weight:500;line-height:1.4}.benefits-integration-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 5%}.benefits-integration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:40px}.benefits-integration-item{align-items:center;background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.benefits-integration-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.benefits-integration-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:50px;justify-content:center;width:50px}.benefits-integration-visual{border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:relative}.benefits-integration-orb{animation:benefits-float 8s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#3b82f6);border-radius:50%;filter:blur(30px);height:100px;opacity:.3;position:absolute;width:100px}.benefits-integration-orb-1{animation-delay:0s;left:10%;top:20%}.benefits-integration-orb-2{animation-delay:-2s;right:10%;top:60%}.benefits-integration-orb-3{animation-delay:-4s;bottom:20%;left:20%}.benefits-cta-section{background:linear-gradient(135deg,#22c55e,#3b82f6);overflow:hidden;padding:120px 5%;position:relative}.benefits-cta-background{bottom:0;left:0;position:absolute;right:0;top:0}.benefits-cta-orb{animation:benefits-float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.benefits-cta-orb-1{animation-delay:0s;height:400px;right:-200px;top:-200px;width:400px}.benefits-cta-orb-2{animation-delay:-5s;bottom:-150px;height:300px;left:-150px;width:300px}.benefits-cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.benefits-cta-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.benefits-cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.benefits-cta-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.benefits-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.benefits-cta-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.benefits-cta-stat{color:#ffffffe6;font-size:14px}.benefits-cta-stat strong{color:#fff;font-weight:600}.benefits-video-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.benefits-video-popup-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:100%}.benefits-video-popup-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:2}.benefits-video-popup-close:hover{background:#000000b3}.benefits-video-container{height:0;padding-bottom:56.25%;position:relative}.benefits-demo-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.benefits-video-popup-info{padding:30px;text-align:center}.benefits-video-popup-info h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.benefits-video-popup-info p{color:#6b7280;line-height:1.6}.benefits-text-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.benefits-section-description{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:500px}.benefits-visual-content img{border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;width:100%}@keyframes benefits-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes benefits-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes benefits-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes benefits-svgFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-10px) scale(1.02)}66%{transform:translateY(5px) scale(.98)}}@keyframes benefits-progress{0%{width:0}50%{width:100%}to{width:0}}@keyframes benefits-progressGlow{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes benefits-scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes benefits-chartGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@media (max-width:1024px){.benefits-hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.benefits-features-grid,.benefits-hero-stats{grid-template-columns:repeat(2,1fr)}.benefits-platform-content{gap:60px;grid-template-columns:1fr}.benefits-tab-content{padding-right:0}.benefits-platform-title{font-size:3rem}.benefits-journey-track:before{left:100px}.benefits-journey-card{gap:30px;grid-template-columns:auto 1fr}.benefits-journey-visual{display:none}.benefits-journey-metrics{grid-template-columns:repeat(2,1fr)}.benefits-integration-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.benefits-hero-title{font-size:2.5rem}.benefits-section-header h2{font-size:2rem}.benefits-features-grid{grid-template-columns:1fr}.benefits-platform-title{font-size:2.5rem}.benefits-platform-tabs{align-items:center;flex-direction:column}.benefits-tab-btn{max-width:300px;width:100%}.benefits-feature-header{flex-direction:column;gap:20px;text-align:center}.benefits-feature-icon-large{align-self:center}.benefits-feature-tags{justify-content:center}.benefits-dashboard-grid{gap:16px;grid-template-columns:1fr}.benefits-platform-cta{align-self:center}.benefits-journey-track:before{display:none}.benefits-journey-card{gap:20px;grid-template-columns:1fr;text-align:center}.benefits-journey-header{flex-direction:row;gap:20px;justify-content:center}.benefits-journey-indicator{flex-direction:row}.benefits-journey-connector{height:2px;width:40px}.benefits-journey-phase{flex-direction:row;gap:12px}.benefits-journey-stats{justify-content:center}.benefits-journey-metrics{gap:20px;grid-template-columns:1fr}.benefits-cta-stats{grid-template-columns:repeat(2,1fr)}.benefits-cta-buttons,.benefits-hero-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.benefits-hero-title,.benefits-platform-title{font-size:2rem}.benefits-feature-title{font-size:1.5rem}.benefits-tab-feature,.benefits-tab-secondary{padding:30px 20px}.benefits-dashboard-grid,.benefits-dashboard-header{padding:20px}.benefits-integration-grid{grid-template-columns:repeat(2,1fr)}.benefits-cta-stats{grid-template-columns:1fr}.benefits-floating-card{margin-bottom:20px;position:relative}.benefits-card-1,.benefits-card-2,.benefits-card-3{bottom:auto;left:auto;margin:0 auto 20px;max-width:250px;position:relative;right:auto;top:auto}.benefits-journey-header{flex-direction:column;gap:15px}.benefits-journey-phase{flex-direction:column;gap:8px}.benefits-journey-stats{flex-direction:column;gap:12px}.benefits-stat-item{padding:16px 12px}}.beni-intelligence-platform{background:linear-gradient(135deg,#fff,#fff 50%,#fff);overflow:hidden;padding:100px 0;position:relative}.beni-platform-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.beni-bg-network{animation:beni-bg-pulse 10s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#4a90e214 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b45ff0f 0,#0000 50%);left:0;top:0}.beni-bg-network,.beni-floating-orbs{height:100%;position:absolute;width:100%}.beni-orb{animation:beni-orb-float 8s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.1;position:absolute}.beni-orb-1{background:#4a90e2;height:200px;left:5%;top:10%;width:200px}.beni-orb-2{animation-delay:2s;background:#8b5cf6;height:150px;right:10%;top:60%;width:150px}.beni-orb-3{animation-delay:4s;background:#06b6d4;bottom:20%;height:180px;left:15%;width:180px}.beni-content-layout{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1.1fr .9fr;margin-top:-80px}.beni-dashboard-side{position:relative}.beni-intelligence-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4a90e226;border-radius:24px;padding:40px}.beni-dashboard-header{align-items:flex-start;border-bottom:1px solid #4a90e21a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px;padding-bottom:30px}.beni-header-content{flex:1 1;min-width:300px}.beni-ai-status{align-items:center;background:linear-gradient(135deg,#22c55e1a,#4a90e21a);border-radius:25px;color:#22c55e;display:inline-flex;font-size:.9rem;font-weight:600;gap:12px;margin-bottom:15px;overflow:hidden;padding:10px 20px;position:relative}.beni-status-indicator{animation:beni-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.beni-status-glow{animation:beni-glow 3s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.beni-dashboard-title{color:#1e293b;font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:8px}.beni-dashboard-subtitle{color:#64748b;font-size:1rem;margin:0}.beni-live-badge{align-items:center;background:#ef44441a;border-radius:20px;color:#ef4444;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 16px;white-space:nowrap}.beni-live-pulse{animation:beni-live-pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:6px;width:6px}.beni-live-dots{display:flex;gap:2px;margin-left:8px}.beni-live-dots span{animation:beni-dot-bounce 1s ease-in-out infinite;background:currentColor;border-radius:50%;height:3px;width:3px}.beni-live-dots span:nth-child(2){animation-delay:.2s}.beni-live-dots span:nth-child(3){animation-delay:.4s}.beni-metrics-section{margin-bottom:40px}.beni-primary-metric{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #4a90e21a;border-radius:20px;margin-bottom:25px;padding:30px}.beni-metric-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.beni-metric-label{color:#475569;font-size:1.1rem;font-weight:600}.beni-trend-indicator{align-items:center;background:#22c55e1a;border-radius:15px;color:#22c55e;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px}.beni-trend-arrow{font-size:1rem}.beni-metric-display{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:25px}.beni-metric-score{color:#4a90e2;font-size:4rem;font-weight:800;line-height:1}.beni-performance-ring{height:100px;position:relative;width:100px}.beni-ring-track{border:4px solid #e2e8f0;border-radius:50%}.beni-ring-progress,.beni-ring-track{height:100%;left:0;position:absolute;top:0;width:100%}.beni-ring-progress{animation:beni-ring-fill 2s ease-out;border-right:4px solid #0000;border-top:4px solid #0000;border-color:#4a90e2 #4a90e2 #0000 #0000;border-radius:50%;border-style:solid;border-width:4px;transform:rotate(45deg)}.beni-ring-grade{color:#4a90e2;font-size:1.1rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.beni-performance-track,.beni-track-fill{position:relative}.beni-track-fill{animation:beni-progress-grow 2s ease-out;background:linear-gradient(90deg,#4a90e2,#8b5cf6);border-radius:6px;height:12px;overflow:hidden}.beni-track-glow{animation:beni-glow-pulse 3s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.beni-track-sparkles{height:100%;position:absolute;right:0;top:0;width:40px}.beni-sparkle{animation:beni-sparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;position:absolute;width:4px}.beni-sparkle:first-child{animation-delay:0s;right:8px;top:2px}.beni-sparkle:nth-child(2){animation-delay:.5s;right:20px;top:6px}.beni-sparkle:nth-child(3){animation-delay:1s;bottom:2px;right:14px}.beni-track-labels{color:#64748b;display:flex;font-size:.8rem;justify-content:space-between;margin-top:10px}.beni-ai-recommendations{display:flex;flex-direction:column;gap:20px}.beni-recommendation-card{border:1px solid;border-radius:18px;padding:25px;transition:all .3s ease}.beni-priority-high{background:linear-gradient(135deg,#fff8e1,#fff3cd);border-color:#f59e0b33}.beni-priority-medium{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e933}.beni-rec-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.beni-rec-icon{font-size:1.4rem}.beni-rec-title h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:4px}.beni-rec-title p{color:#64748b;font-size:.85rem;margin:0}.beni-rec-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;margin-left:auto;padding:6px 12px}.beni-rec-content p{color:#92400e;font-size:.95rem;line-height:1.6;margin-bottom:20px}.beni-rec-content strong{color:#d97706}.beni-rec-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.beni-rec-metric{background:#fff9;border-radius:12px;padding:12px;text-align:center}.beni-metric-value{color:#d97706;font-size:1.3rem;font-weight:700;margin-bottom:4px}.beni-metric-label{color:#92400e;font-size:.8rem}.beni-rec-actions{gap:12px}.beni-action-btn{border:none;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.beni-action-btn.beni-primary{background:linear-gradient(135deg,#4a90e2,#8b5cf6);color:#fff}.beni-action-btn.beni-secondary{background:#0000;border:2px solid #4a90e24d;color:#4a90e2}.beni-action-btn:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.beni-categories-section{margin-top:40px}.beni-section-title{color:#1e293b;font-size:1.3rem;font-weight:600;margin-bottom:25px}.beni-categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.beni-category-card{background:#fff;border:1px solid #4a90e21a;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.beni-category-card:hover{box-shadow:0 10px 30px #4a90e226;transform:translateY(-3px)}.beni-category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.beni-category-name{color:#475569;font-size:.95rem;font-weight:600}.beni-category-utilization{color:#4a90e2;font-size:1.1rem;font-weight:700}.beni-category-progress{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:15px;overflow:hidden}.beni-progress-fill{animation:beni-bar-grow 1s ease-out;background:linear-gradient(90deg,#4a90e2,#8b5cf6)}.beni-category-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.beni-detail-item{text-align:center}.beni-detail-label{color:#64748b;display:block;font-size:.7rem;margin-bottom:2px}.beni-detail-value{color:#475569;display:block;font-size:.85rem;font-weight:600}.beni-category-trend{position:absolute;right:15px;top:15px}.beni-trend{border-radius:8px;font-size:.8rem;font-weight:600;padding:4px 8px}.beni-trend-up{background:#22c55e1a;color:#22c55e}.beni-trend-neutral{background:#94a3b81a;color:#64748b}.beni-content-side{position:relative}.beni-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #4a90e226;border-radius:24px;box-shadow:0 25px 60px #4a90e21f;padding:40px}.beni-content-header{margin-bottom:40px}.beni-title-section{text-align:center}.beni-platform-badge{align-items:center;background:linear-gradient(135deg,#4a90e2,#8b5cf6);border-radius:25px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:25px;padding:10px 20px}.beni-badge-icon{font-size:1rem}.beni-main-title{color:#2b2436!important;font-size:1.7rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:justify}.beni-title-accent{color:#2b2436!important;display:block}.beni-main-description{color:#2b2436!important;font-size:.8rem;line-height:1.6;margin:0 auto;max-width:600px;text-align:justify}.beni-features-section{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;text-align:justify}.beni-feature-highlight{align-items:flex-start;background:#fffc;border:1px solid #4a90e21a;border-radius:18px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.beni-feature-highlight:hover{background:#fff;transform:translateX(10px)}.beni-feature-visual{flex-shrink:0}.beni-feature-orb{align-items:center;border-radius:18px;display:flex;font-size:1.6rem;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.beni-orb-health{background:linear-gradient(135deg,#4a90e226,#3b82f61a)}.beni-orb-cost{background:linear-gradient(135deg,#22c55e26,#16a34a1a)}.beni-orb-analytics{background:linear-gradient(135deg,#8b45ff26,#7c3aed1a)}.beni-orb-compliance{background:linear-gradient(135deg,#f59e0b26,#d977061a)}.beni-orb-aura{animation:beni-orb-pulse 3s ease-in-out infinite;background:inherit;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.beni-feature-content{flex:1 1}.beni-feature-content h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:8px}.beni-feature-content p{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:15px}.beni-feature-stats{display:flex;flex-wrap:wrap;gap:8px}.beni-stat-tag{background:#4a90e21a;border-radius:12px;color:#4a90e2;font-size:.8rem;font-weight:600;padding:6px 12px}.beni-action-section{background:linear-gradient(135deg,#fff,#fff);border:1px solid #4a90e21a;border-radius:20px;padding:30px;text-align:center}.beni-action-content h4{color:#1e293b;font-size:1.4rem;font-weight:600;margin-bottom:8px}.beni-action-content p{color:#64748b;font-size:1rem;margin-bottom:25px}.beni-action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.beni-cta-primary{align-items:center;background:linear-gradient(135deg,#4a90e2,#8b5cf6);border:none;border-radius:25px;box-shadow:0 6px 20px #4a90e24d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.beni-cta-primary:hover{box-shadow:0 8px 25px #4a90e266;transform:translateY(-3px)}.beni-cta-sparkle{animation:beni-sparkle-rotate 2s linear infinite}.beni-cta-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.beni-cta-primary:hover .beni-cta-glow{left:100%}.beni-cta-secondary{align-items:center;background:#0000;border:2px solid #4a90e24d;border-radius:25px;color:#4a90e2;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:13px 28px;transition:all .3s ease}.beni-cta-secondary:hover{background:#4a90e21a;border-color:#4a90e2;transform:translateY(-2px)}.beni-cta-arrow{transition:transform .3s ease}.beni-cta-secondary:hover .beni-cta-arrow{transform:translateX(3px)}@keyframes beni-bg-pulse{0%,to{opacity:.08}50%{opacity:.12}}@keyframes beni-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes beni-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes beni-glow{0%,to{opacity:.1}50%{opacity:.2}}@keyframes beni-live-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes beni-dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes beni-ring-fill{0%{opacity:0;transform:rotate(45deg) scale(.8)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes beni-progress-grow{0%{width:0}}@keyframes beni-glow-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes beni-sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes beni-bar-grow{0%{width:0}}@keyframes beni-orb-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.beni-optimization-hub{background:linear-gradient(135deg,#fff,#fff 50%,#fff);margin-top:-110px;overflow:hidden;padding:100px 0;position:relative}.beni-hub-container{background-color:#fff;margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.beni-hub-bg{animation:beni-hub-shift 12s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#8b45ff0f 0,#0000 50%),radial-gradient(circle at 70% 80%,#06b6d40d 0,#0000 50%);left:0;top:0}.beni-hub-bg,.beni-hub-particles{height:100%;position:absolute;width:100%}.beni-hub-particles{animation:beni-particles-float 25s linear infinite;background-image:linear-gradient(45deg,#0000 49%,#8b45ff05 50%,#0000 51%);background-size:50px 50px}.beni-hub-layout{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:1.2fr .8fr}.beni-hub-main{position:relative}.beni-hub-header{margin-bottom:50px;padding:0 20px;text-align:center}.beni-hub-badge{align-items:center;background:#8b45ff1a;border:1px solid #8b45ff33;border-radius:20px;color:#8b5cf6;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:25px;padding:8px 18px}.beni-hub-dot{animation:beni-hub-pulse 2s ease-in-out infinite;background:#8b5cf6;border-radius:50%;height:6px;width:6px}.beni-hub-title{color:#2b2436!important;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:justify}.beni-hub-accent{color:#2b2436!important;display:block}.beni-hub-description{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px;text-align:justify}.beni-kpi-section{margin-bottom:50px}.beni-kpi-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.beni-kpi-card{background:#fff;border:1px solid #8b45ff1a;border-radius:20px;box-shadow:0 10px 40px #8b45ff14;padding:30px;text-align:center;transition:all .3s ease}.beni-kpi-card:hover{box-shadow:0 20px 50px #8b45ff26;transform:translateY(-5px)}.beni-kpi-visual{margin-bottom:20px}.beni-kpi-chart{height:100px;margin:0 auto;position:relative;width:100px}.beni-chart-ring{border:4px solid #e2e8f0;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.beni-chart-ring:before{background:#8b5cf6;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:8px}.beni-chart-value{color:#8b5cf6;font-size:1.4rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.beni-kpi-content h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:10px}.beni-kpi-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:15px}.beni-kpi-trend{align-items:center;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.beni-trend-positive{background:#22c55e1a;color:#22c55e}.beni-trend-icon{font-size:1rem}.beni-portfolio-section{background:#fff;border:1px solid #8b45ff1a;border-radius:24px;box-shadow:0 15px 50px #8b45ff1a;padding:40px}.beni-section-header{margin-bottom:40px;text-align:center}.beni-section-header h3{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:10px}.beni-section-header p{color:#64748b;font-size:1.1rem;margin:0}.beni-portfolio-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}.beni-portfolio-card{background:#f8fafc;border:1px solid #8b45ff1a;border-radius:18px;padding:25px;transition:all .3s ease}.beni-portfolio-card:hover{background:#fff;box-shadow:0 8px 30px #8b45ff26;transform:translateY(-3px)}.beni-portfolio-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.beni-portfolio-category{color:#1e293b;font-size:1.1rem;font-weight:600}.beni-portfolio-badge{align-items:center;background:#8b45ff1a;border-radius:12px;color:#8b5cf6;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.beni-trend-indicator{border-radius:50%;height:6px;width:6px}.beni-trend-indicator.up{animation:beni-indicator-pulse 2s ease-in-out infinite;background:#22c55e}.beni-trend-indicator.stable{background:#64748b}.beni-portfolio-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.beni-portfolio-metric{background:#fff;border:1px solid #8b45ff1a;border-radius:12px;padding:12px;text-align:center}.beni-metric-label{color:#64748b;display:block;font-size:.75rem;margin-bottom:4px}.beni-metric-value{color:#1e293b;display:block;font-size:1rem;font-weight:600}.beni-roi-high{color:#22c55e}.beni-portfolio-progress{margin-bottom:20px}.beni-progress-info{align-items:center;color:#64748b;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.beni-progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.beni-progress-fill{animation:beni-portfolio-grow 1.5s ease-out;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:3px;height:100%}.beni-portfolio-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.beni-portfolio-btn{align-items:center;background:#0000;border:2px solid #8b45ff4d;border-radius:12px;color:#8b5cf6;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.beni-portfolio-btn:hover{background:#8b45ff1a;border-color:#8b5cf6;transform:translateY(-2px)}.beni-btn-arrow{transition:transform .3s ease}.beni-portfolio-btn:hover .beni-btn-arrow{transform:translateX(3px)}.beni-rec-count{align-items:center;background:#8b45ff1a;border-radius:12px;color:#8b5cf6;display:flex;font-size:.8rem;gap:8px;padding:6px 12px}.beni-rec-number{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;width:20px}.beni-recommendations-sidebar{position:relative}.beni-sidebar-card{background:#fff;border:1px solid #8b45ff1a;border-radius:24px;box-shadow:0 20px 60px #8b45ff1a;overflow:hidden}.beni-sidebar-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #8b45ff1a;flex-wrap:wrap;justify-content:space-between;padding:30px}.beni-ai-title,.beni-sidebar-header{align-items:center;display:flex;gap:15px}.beni-ai-icon{font-size:2rem}.beni-ai-title h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin-bottom:4px;text-align:justify}.beni-ai-title p{color:#64748b;font-size:.9rem;margin:0;text-align:justify}.beni-apply-all{padding:10px 20px}.beni-apply-all:hover{box-shadow:0 4px 15px #8b45ff4d}.beni-recommendations-list{display:flex;flex-direction:column;gap:20px;max-height:600px;overflow-y:auto;padding:25px;text-align:justify}.beni-rec-item{border:1px solid;border-radius:16px;padding:20px;transition:all .3s ease}.beni-rec-priority-high{background:linear-gradient(135deg,#fff8e1,#fff3cd);border-color:#f59e0b33}.beni-rec-priority-medium{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e933}.beni-rec-priority-low{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e33}.beni-rec-item:hover{box-shadow:0 5px 20px #0000001a;transform:translateX(5px)}.beni-rec-main{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.beni-rec-icon{flex-shrink:0;font-size:1.3rem;margin-top:2px}.beni-rec-content h4{font-size:1rem;margin-bottom:6px}.beni-rec-content p{font-size:.85rem;line-height:1.4;margin-bottom:12px}.beni-tag{border-radius:8px;font-size:.75rem;font-weight:600;padding:4px 8px}.beni-tag-high{background:#f59e0b33;color:#d97706}.beni-tag-medium{background:#0ea5e933;color:#0284c7}.beni-tag-low{background:#22c55e33;color:#16a34a}.beni-rec-action{border:none;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.beni-action-primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.beni-action-secondary{background:#0000;border:1px solid #8b45ff4d;color:#8b5cf6}.beni-rec-action:hover{box-shadow:0 3px 10px #8b45ff4d;transform:translateY(-2px)}.beni-quick-actions{background:#f8fafc;padding:25px}.beni-quick-actions h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:center}.beni-actions-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.beni-quick-action{align-items:center;background:#fff;flex-direction:column;gap:8px;padding:15px 10px;text-align:center}.beni-quick-action:hover{background:#8b45ff0d;box-shadow:0 4px 12px #8b45ff26}.beni-action-icon{margin-bottom:4px}.beni-quick-action span:last-child{color:#475569;font-size:.75rem;font-weight:500}@keyframes beni-hub-shift{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes beni-particles-float{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes beni-hub-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes beni-indicator-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes beni-portfolio-grow{0%{width:0}}@media (max-width:1200px){.beni-content-layout,.beni-hub-layout{gap:40px;grid-template-columns:1fr}.beni-categories-grid,.beni-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.beni-intelligence-platform,.beni-optimization-hub{padding:80px 0}.beni-hub-container,.beni-platform-container{padding:0 15px}.beni-content-card,.beni-intelligence-card{padding:25px}.beni-dashboard-header{align-items:flex-start;flex-direction:column}.beni-live-badge{align-self:flex-start}.beni-metric-display{align-items:flex-start;flex-direction:column}.beni-categories-grid,.beni-rec-metrics{grid-template-columns:1fr}.beni-main-title{font-size:2.3rem}.beni-hub-title{font-size:2.5rem}.beni-kpi-grid{grid-template-columns:1fr}.beni-portfolio-metrics{grid-template-columns:repeat(2,1fr)}.beni-feature-highlight{flex-direction:column;gap:15px;text-align:center}.beni-action-buttons{align-items:center;flex-direction:column}.beni-cta-primary,.beni-cta-secondary{justify-content:center;max-width:280px;width:100%}.beni-sidebar-header{align-items:flex-start;flex-direction:column}.beni-apply-all{align-self:flex-end}.beni-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.beni-main-title{font-size:2rem}.beni-hub-title{font-size:2.2rem}.beni-metric-score{font-size:3.2rem}.beni-actions-grid,.beni-portfolio-metrics{grid-template-columns:1fr}.beni-rec-actions{flex-direction:column}.beni-rec-action{justify-content:center;width:100%}}.beni-quick-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #8b45ff1a;padding:30px}.beni-quick-actions-header{margin-bottom:30px;text-align:center}.beni-quick-actions-header h4{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:8px}.beni-quick-actions-header p{color:#64748b;font-size:.95rem;margin:0}.beni-actions-categories{display:flex;flex-direction:column;gap:25px}.beni-action-category{background:#fff;border:1px solid #8b45ff1a;border-radius:16px;box-shadow:0 4px 15px #8b45ff0d;padding:20px}.beni-category-title{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin-bottom:20px}.beni-category-icon{font-size:1.2rem}.beni-actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.beni-quick-action{align-items:flex-start;background:#f8fafc;border:1px solid #8b45ff1a;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:18px;position:relative;text-align:left;transition:all .3s ease;width:100%}.beni-quick-action:hover{background:#fff;border-color:#8b5cf6;box-shadow:0 6px 20px #8b45ff26;transform:translateY(-2px)}.beni-action-icon{flex-shrink:0;font-size:1.4rem;margin-top:2px}.beni-action-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.beni-action-title{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.3}.beni-action-desc{color:#64748b;font-size:.8rem;line-height:1.4}.beni-action-badge{background:#8b45ff1a;border-radius:8px;color:#8b5cf6;font-size:.7rem;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.beni-rec-stats{grid-gap:12px;border-top:1px solid #8b45ff1a;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:15px}.beni-stat{background:#fff9;border:1px solid #8b45ff1a;border-radius:10px;padding:10px;text-align:center}.beni-stat-value{display:block;margin-bottom:2px}.beni-rec-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.beni-action-tertiary{background:#0000;border:1px solid #64748b4d;border-radius:10px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.beni-action-tertiary:hover{background:#64748b1a;border-color:#64748b;transform:translateY(-1px)}.beni-action-arrow,.beni-action-sparkle{margin-left:6px;transition:transform .3s ease}.beni-rec-action:hover .beni-action-arrow{transform:translateX(3px)}.beni-rec-action:hover .beni-action-sparkle{animation:beni-sparkle-rotate 1s ease-in-out}.beni-quick-stats{border-top:1px solid #8b45ff1a;margin-top:25px;padding-top:25px}.beni-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.beni-quick-stat{align-items:center;background:#fff;border:1px solid #8b45ff1a;border-radius:12px;display:flex;gap:12px;padding:15px;transition:all .3s ease}.beni-quick-stat:hover{box-shadow:0 4px 12px #8b45ff1a;transform:translateY(-2px)}.beni-stat-icon{flex-shrink:0;font-size:1.3rem}.beni-stat-content{display:flex;flex-direction:column;gap:2px}.beni-stat-value{color:#8b5cf6;font-size:1.1rem;font-weight:700;line-height:1}.beni-stat-label{color:#64748b;font-size:.75rem;font-weight:500}.beni-apply-all{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 15px #8b45ff4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.beni-apply-all:hover{box-shadow:0 6px 20px #8b45ff66;transform:translateY(-2px)}.beni-apply-icon{transition:transform .3s ease}.beni-apply-all:hover .beni-apply-icon{transform:translateY(-2px)}.beni-rec-content h4{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:10px}.beni-rec-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:15px}.beni-rec-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}@media (max-width:1200px){.beni-actions-grid,.beni-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.beni-actions-grid,.beni-rec-stats,.beni-stats-grid{grid-template-columns:1fr}.beni-rec-actions{flex-direction:column}.beni-rec-action{justify-content:center;width:100%}.beni-sidebar-header{align-items:flex-start;flex-direction:column;gap:15px}.beni-apply-all{align-self:stretch;justify-content:center}}@media (max-width:480px){.beni-quick-actions{padding:20px}.beni-action-category,.beni-quick-action{padding:15px}.beni-rec-content h4{font-size:1rem}.beni-rec-content p{font-size:.85rem}}@keyframes beni-sparkle-rotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.hrv-benefits-section{background:#fff;color:#1a1a1a;min-height:100vh;overflow-x:hidden;position:relative}.hrv-status-badge{align-items:center;animation:hrv-fadeInUp 1s ease-out .2s backwards;background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:20px;color:#0ea5e9;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:30px;padding:8px 16px}.hrv-pulse-dot{animation:hrv-pulse 2s infinite;background:#0ea5e9;border-radius:50%;height:8px;width:8px}@keyframes hrv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.hrv-badge-text{font-weight:600}.hrv-features-grid{animation:hrv-fadeInUp 1s ease-out .3s backwards;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin-bottom:40px}.hrv-feature-item{align-items:center;display:flex;gap:12px}.hrv-feature-icon{animation:hrv-pulse 2s infinite;color:#0ea5e9;font-size:20px}.hrv-feature-title{color:#1a1a1a;font-size:16px;font-weight:600}.hrv-metrics-grid{animation:hrv-fadeInUp 1s ease-out 1.2s backwards;border-top:1px solid #f1f5f9;display:flex;gap:60px;justify-content:center;padding-top:40px}.hrv-metric-item{text-align:center}.hrv-metric-number{color:#0ea5e9;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}.hrv-metric-label{color:#64748b;font-size:1rem;font-weight:500}.hrv-dashboard-container{margin:40px auto 0;max-width:800px;position:relative;width:100%;z-index:5}.hrv-dashboard-image-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;overflow:hidden;position:relative;transform:perspective(1000px) rotateX(5deg);transition:all .5s cubic-bezier(.4,0,.2,1)}.hrv-dashboard-image-wrapper:hover{box-shadow:0 35px 70px #0ea5e966,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:perspective(1000px) rotateX(0deg) translateY(-10px)}.hrv-dashboard-image{display:block;height:auto;transition:transform .5s ease;width:100%}.hrv-dashboard-image-wrapper:hover .hrv-dashboard-image{transform:scale(1.02)}.hrv-dashboard-overlay{align-items:flex-end;background:linear-gradient(135deg,#000000b3,#0000004d 50%,#0000);display:flex;height:100%;left:0;opacity:0;padding:30px;position:absolute;top:0;transition:all .4s ease;width:100%}.hrv-dashboard-image-wrapper:hover .hrv-dashboard-overlay{opacity:1}.hrv-dashboard-content{transform:translateY(20px);transition:transform .4s ease}.hrv-dashboard-image-wrapper:hover .hrv-dashboard-content{transform:translateY(0)}.hrv-dashboard-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin-bottom:8px}.hrv-dashboard-content p{color:#ccc;font-size:16px;margin-bottom:12px}.hrv-dashboard-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;box-shadow:0 4px 15px #0ea5e966;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:6px 16px}.hrv-dashboard-container{animation:hrv-dashboardSlideUp 1s ease-out 1.2s both}@keyframes hrv-dashboardSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hrv-benefits-section .hrv-gradient-text.hrv-pink{color:#2b2436!important}.hrv-benefits-section .hrv-gradient-text.hrv-orange{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;background-clip:text}.hrv-benefits-section .hrv-ai-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#38bdf8);-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:768px){.hrv-metrics-grid{flex-wrap:wrap;gap:30px}.hrv-metric-item{flex:1 1;min-width:120px}.hrv-metric-number{font-size:2rem}.hrv-dashboard-container{margin:30px 20px 0;max-width:100%}.hrv-dashboard-image-wrapper{transform:none}.hrv-dashboard-image-wrapper:hover{transform:translateY(-5px)}.hrv-dashboard-overlay{padding:20px}.hrv-dashboard-content h3{font-size:20px}.hrv-dashboard-content p{font-size:14px}}@media (max-width:480px){.hrv-metrics-grid{gap:20px}.hrv-metric-number{font-size:1.8rem}.hrv-metric-label{font-size:.9rem}.hrv-dashboard-container{margin:20px 15px 0}.hrv-dashboard-overlay{padding:15px}.hrv-dashboard-content h3{font-size:18px}}body{color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5}.professional-offer-container{background:#fff;background:var(--bg-white);display:flex;flex-direction:column;min-height:100vh}.offer-header{background:#fff;background:var(--bg-white);border-bottom:3px solid #c62828;border-bottom:3px solid var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px 24px}.company-branding{align-items:center;display:flex;gap:16px}.company-logo{height:50px;object-fit:contain;width:auto}.company-text{display:flex;flex-direction:column}.company-name{color:#c62828;color:var(--primary-red);font-size:24px;line-height:1.2;margin:0}.company-tagline{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:500;margin-top:4px}.offer-status-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{font-size:13px;font-weight:600;letter-spacing:.3px;padding:6px 16px;text-transform:uppercase}.status-badge.sent_to_candidate{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#1e2330;color:var(--text-dark)}.status-badge.accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#059669;color:var(--success-green)}.status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#dc2626;color:var(--error-red)}.expiry-note{background:#f8fafc;background:var(--bg-light);border-left:3px solid #c62828;border-left:3px solid var(--primary-red);border-radius:6px;border-radius:var(--border-radius-sm);color:#64748b;color:var(--text-gray);font-size:12px;padding:4px 12px}.offer-main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:24px;width:100%}.content-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);display:flex;gap:8px;margin-bottom:32px;padding-bottom:4px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;color:#64748b;color:var(--text-gray);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.tab-btn.active,.tab-btn:hover{background:#f8fafc;background:var(--bg-light);color:#c62828;color:var(--primary-red)}.tab-btn.active{border-bottom-color:#c62828;border-bottom-color:var(--primary-red)}.tab-content{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:32px}.welcome-section h2{color:#1e2330;color:var(--text-dark);font-size:28px;font-weight:700;margin-bottom:12px}.welcome-message{color:#2d3548;color:var(--text-dark-light);font-size:16px;line-height:1.6;margin-bottom:32px}.welcome-message strong{color:#c62828;color:var(--primary-red);font-weight:600}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.overview-card{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.overview-card:hover{border-color:#ff5f52;border-color:var(--primary-red-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.overview-card:before{background:#c62828;background:var(--primary-red);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.card-icon{font-size:32px;margin-bottom:16px}.overview-card h4{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.overview-card p{color:#1e2330;color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:4px}.card-subtext{color:#64748b;color:var(--text-gray);font-size:13px;font-weight:500}.details-section h3{border-bottom:2px solid #c62828;border-bottom:2px solid var(--primary-red);color:#1e2330;color:var(--text-dark);display:inline-block;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-item{align-items:center;background:#f8fafc;background:var(--bg-light);border-left:3px solid #c62828;border-left:3px solid var(--primary-red);border-radius:6px;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:16px}.detail-label{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:500}.detail-value{font-size:15px}.compensation-tab h3,.detail-value{color:#1e2330;color:var(--text-dark);font-weight:600}.compensation-tab h3{font-size:20px;margin-bottom:24px}.salary-breakdown-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.salary-card{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);padding:24px;text-align:center}.salary-card.main{background:linear-gradient(135deg,#fff,#fff5f5);background:linear-gradient(135deg,var(--bg-white),#fff5f5);border:2px solid #c62828;border:2px solid var(--primary-red);overflow:hidden;position:relative}.salary-card.main:after{color:#c62828;color:var(--primary-red);content:"⭐";font-size:20px;position:absolute;right:16px;top:16px}.salary-card h4{color:#64748b;color:var(--text-gray);font-size:16px;font-weight:600;margin-bottom:16px}.salary-amount{color:#c62828;color:var(--primary-red);font-size:32px;font-weight:800;line-height:1;margin-bottom:8px}.salary-period{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:500}.salary-components{margin-top:32px}.salary-components h4{color:#1e2330;color:var(--text-dark);font-size:18px;font-weight:600;margin-bottom:20px}.components-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.component-item{align-items:center;background:#f8fafc;background:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.component-item:hover{background:#fff;background:var(--bg-white);border-color:#c62828;border-color:var(--primary-red)}.component-label{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:500}.component-value{font-size:16px}.benefits-tab h3,.component-value{color:#1e2330;color:var(--text-dark);font-weight:600}.benefits-tab h3{font-size:20px;margin-bottom:24px}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.benefit-card{align-items:flex-start;background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:16px;padding:20px;transition:all .3s ease}.benefit-card:hover{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:12px;color:#c62828;color:var(--primary-red);display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.benefit-content h4{color:#1e2330;color:var(--text-dark);font-size:16px;font-weight:600;margin-bottom:8px}.benefit-content p{color:#64748b;color:var(--text-gray);font-size:14px;line-height:1.5}.leave-policy-section{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-light);margin-top:40px;padding-top:32px}.leave-policy-section h4{color:#1e2330;color:var(--text-dark);font-size:18px;font-weight:600;margin-bottom:20px}.leave-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.leave-item{background:#f8fafc;background:var(--bg-light);border-left:4px solid #c62828;border-left:4px solid var(--primary-red);border-radius:8px;border-radius:var(--border-radius-md);padding:20px}.leave-type{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.leave-details{font-size:16px;font-weight:600}.action-header h3,.leave-details{color:#1e2330;color:var(--text-dark)}.action-header h3{font-size:24px;font-weight:700;margin-bottom:8px}.action-header p{color:#64748b;color:var(--text-gray);font-size:16px;margin-bottom:32px}.signature-preview-container{align-items:center;background:#f8fafc;background:var(--bg-light);border:2px dashed #cbd5e1;border:2px dashed var(--border-medium);border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:24px;margin-bottom:24px;padding:24px}.candidate-signature-image,.hr-signature-image{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius-sm);max-height:80px;max-width:200px;object-fit:contain;padding:8px}.signature-info{flex:1 1}.signature-name{color:#1e2330;color:var(--text-dark);font-size:18px;font-weight:700;margin-bottom:4px}.signature-designation{color:#c62828;color:var(--primary-red);font-size:14px;font-weight:600;margin-bottom:4px}.signature-company{color:#64748b;color:var(--text-gray);font-size:14px;margin-bottom:8px}.signature-statuss{background:#059669;background:var(--success-green);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.signature-required{background:#f8fafc;background:var(--bg-light);padding:40px}.add-signature-btn{align-items:center;background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.add-signature-btn:hover{background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.change-signature-btn{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);border-radius:6px;border-radius:var(--border-radius-sm);color:#c62828;color:var(--primary-red);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.change-signature-btn:hover{background:#c62828;background:var(--primary-red);color:#fff}.signature-instruction{color:#64748b;color:var(--text-gray);font-size:14px;margin-top:12px}.declarations-section{background:#f8fafc;background:var(--bg-light);border-radius:8px;border-radius:var(--border-radius-md);margin:32px 0;padding:24px}.declarations-section h4{color:#1e2330;color:var(--text-dark);font-size:18px;font-weight:600;margin-bottom:20px}.declaration-list{display:flex;flex-direction:column;gap:16px;text-align:justify}.declaration-item{align-items:flex-start;display:flex;gap:12px}.declaration-item input[type=checkbox]{accent-color:#c62828;accent-color:var(--primary-red);cursor:pointer;height:20px;margin-top:2px;width:20px}.declaration-item label{color:#2d3548;color:var(--text-dark-light);cursor:pointer;flex:1 1;font-size:14px;line-height:1.5}.action-buttons-section{display:flex;flex-direction:column;gap:24px;margin-top:32px}.primary-actions{display:flex;flex-wrap:wrap;gap:16px}.accept-btn,.download-btn,.reject-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:16px 32px;transition:all .3s ease}.download-btn{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);color:#c62828;color:var(--primary-red)}.download-btn:hover:not(:disabled){background:#c62828;background:var(--primary-red);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.accept-btn{background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));color:#fff}.accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.reject-btn{align-self:flex-start;background:#fff;background:var(--bg-white);border:2px solid #dc2626;border:2px solid var(--error-red);color:#dc2626;color:var(--error-red)}.reject-btn:hover:not(:disabled){background:#dc2626;background:var(--error-red);color:#fff;transform:translateY(-2px)}.accept-btn:disabled,.download-btn:disabled,.reject-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.offer-footer{background:#1e2330;background:var(--text-dark);color:#fff;margin-top:64px;padding:32px 24px}.contact-info{margin:0 auto;max-width:1200px}.contact-info h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.contact-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-details p{color:#cbd5e1;font-size:14px;margin-bottom:8px}.contact-details strong{color:#fff;font-weight:600}.professional-signature-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.signature-modal-content{background:#fff;background:var(--bg-white);border:3px solid #c62828;border:3px solid var(--primary-red);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.signature-modal-header{align-items:center;background:linear-gradient(135deg,#fff,#fff5f5);background:linear-gradient(135deg,var(--bg-white),#fff5f5);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;padding:24px}.signature-modal-header h3{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-size:24px;font-weight:700;gap:8px}.close-signature-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-gray);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-signature-btn:hover{background:#f1f5f9;background:var(--bg-gray);color:#c62828;color:var(--primary-red)}.signature-style-selector{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:20px 24px}.signature-style-selector p{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:600;margin-bottom:12px}.style-buttons{display:flex;flex-wrap:wrap;gap:12px}.style-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);color:#64748b;color:var(--text-gray);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.style-btn:hover{color:#c62828;color:var(--primary-red)}.style-btn.active,.style-btn:hover{border-color:#c62828;border-color:var(--primary-red)}.style-btn.active{background:#c62828;background:var(--primary-red);color:#fff}.signature-canvas-container{padding:24px}.canvas-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.canvas-label{color:#64748b;color:var(--text-gray);font-size:14px;font-weight:600}.generate-signature-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);border-radius:8px;border-radius:var(--border-radius-md);color:#c62828;color:var(--primary-red);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.generate-signature-btn:hover{background:#c62828;background:var(--primary-red);color:#fff}.professional-signature-canvas{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);cursor:crosshair;height:200px;touch-action:none;width:100%}.canvas-instructions{background:#f8fafc;background:var(--bg-light);border-radius:6px;border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:20px;margin-top:12px;padding:12px}.canvas-instructions p{align-items:center;color:#64748b;color:var(--text-gray);display:flex;font-size:13px;gap:4px;margin:0}.signature-modal-actions{background:#f8fafc;background:var(--bg-light);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-light);padding:24px}.signature-action-buttons{display:flex;gap:16px;justify-content:flex-end}.clear-signature-btn,.save-signature-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;min-width:180px;padding:12px 28px;transition:all .3s ease}.clear-signature-btn{background:#fff;background:var(--bg-white);border:2px solid #cbd5e1;border:2px solid var(--border-medium);color:#64748b;color:var(--text-gray)}.clear-signature-btn:hover{background:#f1f5f9;background:var(--bg-gray);border-color:#64748b;border-color:var(--text-gray)}.save-signature-btn{background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));color:#fff}.save-signature-btn:hover{background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirmation-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirmation-content{background:#fff;background:var(--bg-white);border:3px solid #c62828;border:3px solid var(--primary-red);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:500px;overflow:hidden;width:100%}.confirmation-header{background:linear-gradient(135deg,#fff,#fff5f5);background:linear-gradient(135deg,var(--bg-white),#fff5f5);padding:32px;text-align:center}.confirmation-icon{font-size:64px;margin-bottom:20px}.confirmation-header h3{color:#c62828;color:var(--primary-red);font-size:28px;font-weight:700;margin-bottom:12px}.confirmation-body{padding:32px;text-align:center}.confirmation-body p{color:#2d3548;color:var(--text-dark-light);font-size:16px;line-height:1.6;margin-bottom:16px}.confirmation-body ul{margin:24px auto;max-width:300px;text-align:left}.confirmation-body li{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-size:14px;gap:8px;margin-bottom:12px}.confirmation-actions{background:#f8fafc;background:var(--bg-light);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-light);padding:24px;text-align:center}.confirmation-ok-btn{background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 48px;transition:all .3s ease}.confirmation-ok-btn:hover{background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.reject-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reject-modal-content{background:#fff;background:var(--bg-white);border:3px solid #dc2626;border:3px solid var(--error-red);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:500px;overflow:hidden;width:100%}.reject-modal-header{align-items:center;background:linear-gradient(135deg,#fff,#fef2f2);background:linear-gradient(135deg,var(--bg-white),#fef2f2);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;padding:24px}.reject-modal-header h3{color:#dc2626;color:var(--error-red);font-size:24px;font-weight:700}.close-reject-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--text-gray);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-reject-btn:hover{background:#f1f5f9;background:var(--bg-gray);color:#dc2626;color:var(--error-red)}.reject-modal-body{padding:32px}.reject-modal-body p{color:#1e2330;color:var(--text-dark);font-size:16px;font-weight:500;margin-bottom:20px}.reject-modal-body textarea{border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);color:#1e2330;color:var(--text-dark);font-family:inherit;font-size:14px;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.reject-modal-body textarea:focus{border-color:#dc2626;border-color:var(--error-red);box-shadow:0 0 0 3px #dc26261a;outline:none}.reject-modal-actions{background:#f8fafc;background:var(--bg-light);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-light);display:flex;gap:16px;justify-content:flex-end;padding:24px}.cancel-reject-btn,.confirm-reject-btn{border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;font-size:15px;font-weight:600;min-width:140px;padding:12px 32px;transition:all .3s ease}.cancel-reject-btn{background:#fff;background:var(--bg-white);border:2px solid #cbd5e1;border:2px solid var(--border-medium);color:#64748b;color:var(--text-gray)}.cancel-reject-btn:hover{background:#f1f5f9;background:var(--bg-gray);border-color:#64748b;border-color:var(--text-gray)}.confirm-reject-btn{background:linear-gradient(135deg,#dc2626,#f87171);background:linear-gradient(135deg,var(--error-red),#f87171);color:#fff}.confirm-reject-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);background:linear-gradient(135deg,#b91c1c,var(--error-red));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirm-reject-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.loading-overlay{align-items:center;background:#fff;background:var(--bg-white);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.loading-content{max-width:400px;text-align:center}.loading-spinner{border:4px solid #f1f5f9;border:4px solid var(--bg-gray);border-top-color:var(--primary-red);height:60px;margin:0 auto 24px;width:60px}.loading-content h3{color:#1e2330;color:var(--text-dark);font-size:24px;font-weight:700;margin-bottom:12px}.loading-content p{color:#64748b;color:var(--text-gray);font-size:16px}.error-overlay{align-items:center;background:#fff;background:var(--bg-white);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.error-content{max-width:500px;text-align:center}.error-icon{color:#c62828;color:var(--primary-red);font-size:64px;margin-bottom:24px}.error-content h2{color:#1e2330;color:var(--text-dark);font-size:28px;font-weight:700;margin-bottom:16px}.error-message{background:#f8fafc;background:var(--bg-light);border-left:4px solid var(--primary-red);border-radius:8px;border-radius:var(--border-radius-md);color:#64748b;color:var(--text-gray);font-size:16px;line-height:1.6;margin-bottom:32px;padding:20px}.error-actions{flex-direction:column;gap:24px}.error-actions,.retry-btn{align-items:center;display:flex}.retry-btn{background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-support{color:#64748b;color:var(--text-gray);font-size:14px;text-align:center}.contact-support strong{color:#c62828;color:var(--primary-red);font-weight:600}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.offer-status-indicator{align-items:center}.company-branding{justify-content:center}.content-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;font-size:13px;min-width:120px;padding:10px 16px}.details-grid,.overview-grid,.salary-breakdown-section{grid-template-columns:1fr}.primary-actions{flex-direction:column}.accept-btn,.download-btn,.reject-btn{min-width:auto;width:100%}.contact-details{grid-template-columns:1fr}.signature-action-buttons,.style-buttons{flex-direction:column}.clear-signature-btn,.save-signature-btn{width:100%}.reject-modal-actions{flex-direction:column}.cancel-reject-btn,.confirm-reject-btn{width:100%}}@media (max-width:480px){.offer-main-content{padding:16px}.tab-content{padding:20px}.signature-preview-container{flex-direction:column;text-align:center}.canvas-header{align-items:flex-start;flex-direction:column;gap:12px}}@media print{.action-buttons-section,.change-signature-btn,.content-tabs,.offer-footer,.signature-required button{display:none!important}.professional-offer-container,.tab-content{box-shadow:none!important}.tab-content{border:none!important;padding:0!important}.offer-header{position:static!important}}.help-center{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.help-center__container{margin:0 auto;max-width:1200px;padding:0 20px}.help-center__hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0 60px;text-align:center}.help-center__hero-content{margin:0 auto;max-width:800px}.help-center__title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.help-center__subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.help-center__search{margin:0 auto;max-width:600px}.help-center__search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:12px 24px;position:relative;transition:all .3s ease}.help-center__search-container:focus-within{background:#ffffff26;border-color:#fff6;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.help-center__search-icon{color:#ffffffb3;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.help-center__search-input{background:#0000;border:none;color:#fff;font-size:1rem;outline:none;padding-left:40px;width:100%}.help-center__search-input::placeholder{color:#ffffffb3}.help-center__quick-help{background:#f8fafc;padding:80px 0}.help-center__section-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.help-center__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.help-center__card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.help-center__card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.help-center__card:hover:before{transform:scaleX(1)}.help-center__card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.help-center__card-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.help-center__card-icon--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.help-center__card-icon--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.help-center__card-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.help-center__card-icon--orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.help-center__card:hover .help-center__card-icon{transform:scale(1.1) rotate(5deg)}.help-center__card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.help-center__card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.help-center__card-link{align-items:center;color:#3b82f6;display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s ease}.help-center__card-link:hover{color:#1d4ed8;gap:.75rem}.help-center__popular{background:#fff;padding:80px 0}.help-center__articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.help-center__article-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;transition:all .3s ease}.help-center__article-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 12px 30px #0000001a;transform:translateY(-4px)}.help-center__article-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.help-center__article-content{flex:1 1;margin-bottom:1.5rem}.help-center__article-category{background:#dbeafe;border-radius:20px;color:#1d4ed8;display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.25rem .75rem}.help-center__article-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.help-center__article-meta{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.help-center__article-link{align-items:center;color:#3b82f6;display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s ease}.help-center__article-link:hover{color:#1d4ed8;gap:.75rem}.help-center__faq{background:#f8fafc;padding:80px 0}.help-center__faq-header{margin-bottom:3rem;text-align:center}.help-center__categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.help-center__category-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.help-center__category-btn:hover{color:#3b82f6;color:var(--category-color,#3b82f6)}.help-center__category-btn--active,.help-center__category-btn:hover{border-color:#3b82f6;border-color:var(--category-color,#3b82f6);transform:translateY(-2px)}.help-center__category-btn--active{background:#3b82f6;background:var(--category-color,#3b82f6);box-shadow:0 4px 12px #3b82f64d;color:#fff}.help-center__category-icon{font-size:1rem}.help-center__faq-list{margin:0 auto;max-width:800px}.help-center__faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.help-center__faq-item:hover{box-shadow:0 4px 20px #0000001a}.help-center__faq-question{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}.help-center__faq-question:hover{background:#f8fafc}.help-center__faq-question-content{align-items:center;display:flex;gap:1rem}.help-center__faq-popular{color:#f59e0b;font-size:.875rem}.help-center__faq-answer{border-top:1px solid #e2e8f0;padding:0 2rem 1.5rem}.help-center__faq-answer p{color:#64748b;line-height:1.7;margin-bottom:1.5rem}.help-center__faq-actions{display:flex;gap:1rem}.help-center__faq-action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.help-center__faq-action-btn:hover{background:#e2e8f0;color:#374151}.help-center__no-results{color:#64748b;padding:4rem 2rem;text-align:center}.help-center__no-results-icon{color:#cbd5e1;font-size:4rem;margin-bottom:1.5rem}.help-center__contact{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:80px 0}.help-center__contact-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.help-center__contact-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.help-center__contact-text p{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.help-center__contact-methods{display:flex;flex-direction:column;gap:1.5rem}.help-center__contact-method{align-items:flex-start;display:flex;gap:1rem}.help-center__contact-method-icon{color:#3b82f6;font-size:1.5rem;margin-top:.25rem}.help-center__contact-method h4{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.help-center__contact-method p{font-size:1rem;margin-bottom:.25rem;opacity:1}.help-center__contact-method span{font-size:.875rem;opacity:.7}.help-center__contact-actions{display:flex;flex-direction:column;gap:1rem}.help-center__contact-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.help-center__contact-btn--primary{background:#3b82f6;color:#fff}.help-center__contact-btn--primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.help-center__contact-btn--secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.help-center__contact-btn--secondary:hover{background:#fff3;transform:translateY(-2px)}@media (max-width:768px){.help-center__title{font-size:2.5rem}.help-center__contact-content{gap:2rem;grid-template-columns:1fr}.help-center__categories{align-items:center;flex-direction:column}.help-center__category-btn{justify-content:center;width:200px}}.blog{background:#f8fafc;min-height:100vh}.blog__container{margin:0 auto;max-width:1400px;padding:0 20px}.blog__hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0 80px;text-align:center}.blog__hero-content{margin:0 auto;max-width:800px}.blog__title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px #0000001a}.blog__subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.blog__search{margin:0 auto;max-width:700px}.blog__search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:flex;padding:8px 8px 8px 24px;transition:all .3s ease}.blog__search-container:focus-within{background:#ffffff26;border-color:#fff6;box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.blog__search-icon{color:#ffffffb3;font-size:1.1rem;margin-right:12px}.blog__search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;outline:none}.blog__search-input::placeholder{color:#ffffffb3}.blog__search-btn{align-items:center;background:#fff3;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.blog__search-btn:hover{background:#ffffff4d}.blog__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.blog__section-title{align-items:center;color:#1e293b;display:flex;font-size:2.5rem;font-weight:700;gap:1rem}.blog__posts-count{color:#64748b;font-size:1.5rem;font-weight:400}.blog__featured{background:#fff;padding:80px 0 40px}.blog__carousel-controls{display:flex;gap:.5rem}.blog__carousel-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.blog__carousel-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.blog__featured-carousel{border-radius:24px;box-shadow:0 20px 60px #0000001a;margin-bottom:2rem;overflow:hidden}.blog__featured-post{background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;position:relative}.blog__featured-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:3rem;position:absolute;right:0}.blog__featured-content{max-width:800px}.blog__featured-category{background:#3b82f6;border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.blog__featured-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.blog__featured-excerpt{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.blog__featured-meta{display:flex;gap:2rem;margin-bottom:2rem}.blog__meta-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.8}.blog__featured-actions{align-items:center;display:flex;gap:1.5rem}.blog__read-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.blog__read-btn:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.blog__action-buttons{display:flex;gap:.5rem}.blog__action-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.blog__action-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.blog__carousel-indicators{display:flex;gap:.5rem;justify-content:center}.blog__indicator{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.blog__indicator--active{background:#3b82f6;transform:scale(1.2)}.blog__main{padding:80px 0}.blog__layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr}.blog__sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.blog__sidebar-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.blog__sidebar-title{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.blog__categories{display:flex;flex-direction:column;gap:.5rem}.blog__category{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-align:left;transition:all .3s ease}.blog__category:hover{background:#f8fafc;transform:translateX(4px)}.blog__category--active{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.blog__category--active:hover{background:#2563eb;transform:translateX(4px)}.blog__category-content{align-items:center;display:flex;gap:.75rem}.blog__category-icon{font-size:1.125rem}.blog__category-name{font-weight:500}.blog__category-count{font-size:.875rem;opacity:.7}.blog__category--active .blog__category-count{opacity:.9}.blog__tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog__tag{align-items:center;background:#f1f5f9;border-radius:20px;color:#64748b;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .3s ease}.blog__tag:hover{background:#e2e8f0;color:#374151;transform:translateY(-1px)}.blog__newsletter{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;margin-bottom:40px;padding:2rem;text-align:center}.blog__newsletter h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.blog__newsletter p{font-size:.875rem;margin-bottom:1.5rem;opacity:.9}.blog__newsletter-form{display:flex;gap:.5rem}.blog__newsletter-form input{border:none;border-radius:8px;flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem}.blog__newsletter-form button{background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.blog__newsletter-form button:hover{background:#0f172a;transform:translateY(-1px)}.blog__posts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.blog__sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;outline:none;padding:.75rem 1rem}.blog__posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.blog__post-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;overflow:hidden;transition:all .3s ease}.blog__post-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.blog__post-image{height:200px;overflow:hidden;position:relative}.blog__post-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog__post-card:hover .blog__post-image img{transform:scale(1.05)}.blog__post-category{background:#3b82f6;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:1rem;letter-spacing:.5px;padding:.375rem 1rem;position:absolute;text-transform:uppercase;top:1rem}.blog__post-content{padding:2rem}.blog__post-meta{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.blog__author{align-items:center;display:flex;gap:.75rem}.blog__author img{border-radius:50%;height:40px;object-fit:cover;width:40px}.blog__author-name{color:#1e293b;display:block;font-size:.875rem;font-weight:600}.blog__author-role{color:#64748b;display:block;font-size:.75rem}.blog__post-date{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.375rem}.blog__post-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.blog__post-excerpt{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.blog__post-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.blog__post-stats{display:flex;gap:1rem}.blog__stat{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.375rem}.blog__post-actions{align-items:center;display:flex;gap:.5rem}.blog__read-more{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.blog__read-more:hover{background:#2563eb;gap:.75rem}.blog__post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog__post-tag{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.blog__cta{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:80px 0;text-align:center}.blog__cta-content{margin:0 auto;max-width:600px}.blog__cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog__cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.blog__cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.blog__cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.blog__cta-btn--primary{background:#3b82f6;color:#fff}.blog__cta-btn--primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.blog__cta-btn--secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.blog__cta-btn--secondary:hover{background:#fff3;transform:translateY(-2px)}@media (max-width:1024px){.blog__layout{gap:2rem;grid-template-columns:1fr}.blog__sidebar{position:static}.blog__featured-title{font-size:2rem}}@media (max-width:768px){.blog__title{font-size:2.5rem}.blog__posts-grid{grid-template-columns:1fr}.blog__search-container{flex-direction:column;gap:1rem;padding:1.5rem}.blog__featured-post{height:400px}.blog__featured-overlay{padding:2rem}.blog__featured-title{font-size:1.75rem}.blog__cta-buttons{align-items:center;flex-direction:column}.blog__cta-btn{max-width:300px;width:100%}}.blog__active-filters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem}.blog__active-filters span:first-child{color:#ffffffe6;font-weight:600}.blog__active-filter{align-items:center;background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.blog__active-filter button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:20px;justify-content:center;padding:0;transition:background .3s ease;width:20px}.blog__active-filter button:hover{background:#ffffff4d}.blog__clear-filters{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.blog__clear-filters:hover{background:#ffffff4d}.blog__modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.blog__modal-content{background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.blog__modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px;z-index:1000}.blog__modal-close:hover{background:#0003;color:#374151}.blog__modal-header{height:300px;overflow:hidden;position:relative}.blog__modal-image{height:100%;object-fit:cover}.blog__modal-meta{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.blog__modal-category{background:#3b82f6;border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.5rem 1.5rem;text-transform:uppercase}.blog__modal-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.blog__modal-author{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.blog__modal-author img{border-radius:50%;height:50px;object-fit:cover;width:50px}.blog__modal-stats{display:flex;gap:1.5rem}.blog__modal-stats span{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.9}.blog__modal-body{padding:2rem}.blog__article-content{color:#374151;line-height:1.8;margin-bottom:2rem}.blog__article-content h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:2rem 0 1rem}.blog__article-content h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem}.blog__article-content h4{color:#374151;font-size:1.25rem;font-weight:600;margin:1.25rem 0 .75rem}.blog__article-content p{margin-bottom:1rem}.blog__article-content li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.blog__article-content li:before{color:#3b82f6;content:"•";font-weight:700;left:.5rem;position:absolute}.blog__article-content br{margin-bottom:1rem}.blog__hiring-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:2rem}.blog__hiring-form h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.blog__hiring-form p{color:#64748b;margin-bottom:1.5rem}.blog__form{gap:1.5rem}.blog__form,.blog__form-group{display:flex;flex-direction:column}.blog__form-group{gap:.5rem}.blog__form-group label{color:#374151;font-size:.875rem;font-weight:600}.blog__form-group input,.blog__form-group select,.blog__form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.blog__form-group input:focus,.blog__form-group select:focus,.blog__form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.blog__form-submit{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.blog__form-submit:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.blog__modal-footer{align-items:center;background:#f8fafc;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.blog__modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog__modal-actions{display:flex;gap:.75rem}.blog__modal-actions .blog__action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.blog__modal-actions .blog__action-btn:hover{background:#f8fafc;border-color:#9ca3af}.blog__sort-options{display:flex;flex-direction:column;gap:.75rem}.blog__sort-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .3s ease}.blog__sort-option:hover{background:#f8fafc}.blog__sort-option input{margin:0}.blog__sort-option span{color:#374151;font-weight:500}.blog__tag--active{background:#3b82f6!important;color:#fff!important}.blog__no-results{color:#64748b;grid-column:1/-1;padding:4rem 2rem;text-align:center}.blog__no-results h3{color:#64748b;font-size:1.5rem;margin-bottom:1rem}.blog__no-results .blog__clear-filters{background:#3b82f6;border:none;color:#fff;margin-top:1rem}.blog__no-results .blog__clear-filters:hover{background:#2563eb}@media (max-width:768px){.blog__modal-overlay{padding:1rem}.blog__modal-content{max-height:95vh}.blog__modal-header{height:200px}.blog__modal-title{font-size:1.5rem}.blog__modal-body{padding:1.5rem}.blog__modal-footer{align-items:stretch;flex-direction:column;gap:1rem}.blog__modal-actions{justify-content:center}.blog__active-filters{align-items:flex-start;flex-direction:column}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.blog__modal-content{animation:modalFadeIn .3s ease-out}.blog__modal-image{height:300px;position:relative;width:100%}.blog__image-fallback{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:none;left:0;position:absolute;right:0;top:0}.blog__modal-image:not([style*=background-image]) .blog__image-fallback,.blog__modal-image[style*=undefined] .blog__image-fallback{display:block}.blog__author-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:50px;justify-content:center;position:relative;width:50px}.blog__author-fallback{display:none}.blog__author-avatar:not([style*=background-image]) .blog__author-fallback,.blog__author-avatar[style*=undefined] .blog__author-fallback{display:flex}:root{--primary-dark:#8e0000;--primary-light:#ff5f52;--text-color:#1e2330;--text-secondary:#64748b;--border-color:#e2e8f0;--shadow-sm:0 2px 8px #c6282814;--shadow-md:0 4px 16px #c628281f;--shadow-lg:0 8px 32px #c6282829;--shadow-xl:0 12px 48px #c6282833;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}body{background-color:var(--bg-white);color:var(--text-color);font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.chati-container{bottom:24px;font-family:Raleway,sans-serif;position:fixed;right:24px;z-index:9999}.chati-error-alert{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}.chati-error-content{align-items:center;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 32px #c6282829;box-shadow:var(--shadow-lg);color:#fff;color:var(--bg-white);display:flex;font-size:14px;font-weight:600;gap:12px;max-width:400px;padding:16px 24px}.chati-error-close{background:#fff3;border:none;border-radius:50%;color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:20px;height:24px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px}.chati-error-close:hover{background:#ffffff4d;transform:rotate(90deg)}.chati-floating-btn{align-items:center;animation:bounce 2s infinite;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:50px;box-shadow:0 12px 48px #c6282833;box-shadow:var(--shadow-xl);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:16px;font-weight:700;gap:12px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-floating-btn:hover{box-shadow:0 16px 56px #c628284d;transform:translateY(-4px) scale(1.05)}.chati-floating-btn:active{transform:translateY(-2px) scale(1.02)}.chati-btn-icon{align-items:center;display:flex;font-size:28px}.chati-btn-text{font-weight:700;letter-spacing:.5px;white-space:nowrap}.chati-notification-badge{align-items:center;animation:pulse 2s infinite;background:#fff;background:var(--bg-white);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#c62828;color:var(--primary-color);display:flex;font-size:12px;font-weight:800;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px}.chati-pulse-effect{animation:pulseEffect 2s infinite;background:#c62828;background:var(--primary-color);border-radius:50px;inset:0;opacity:0;position:absolute}.chati-window{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);bottom:24px;box-shadow:0 12px 48px #c6282833;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:680px;max-height:calc(100vh - 100px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:420px}.chati-window.chati-minimized{box-shadow:0 4px 16px #c628281f;box-shadow:var(--shadow-md);height:72px}.chati-header{align-items:center;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative}.chati-header:before{animation:headerGlow 8s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.chati-header-left{gap:16px;z-index:1}.chati-avatar,.chati-header-left{align-items:center;display:flex;position:relative}.chati-avatar{background:#fff;background:var(--bg-white);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#c62828;color:var(--primary-color);font-size:24px;height:48px;justify-content:center;width:48px}.chati-status-indicator{animation:pulse 2s infinite;background:#22c55e;border:2px solid #fff;border:2px solid var(--bg-white);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chati-header-info{gap:4px}.chati-header-info,.chati-title{display:flex;flex-direction:column}.chati-title{gap:2px}.chati-title-main{color:#fff;color:var(--bg-white);font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1.2}.chati-title-sub{color:#ffffffe6;font-size:13px;font-weight:500;letter-spacing:.5px}.chati-status{align-items:center;color:#ffffffd9;display:flex;font-size:12px;font-weight:500;gap:6px}.chati-status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}.chati-status-text{letter-spacing:.3px}.chati-header-actions{display:flex;gap:8px;position:relative;z-index:1}.chati-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.chati-action-btn:hover{background:#ffffff40;transform:scale(1.1)}.chati-action-btn:active{transform:scale(.95)}.chati-welcome-banner{align-items:center;background:linear-gradient(135deg,#c628280d,#c6282805);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.chati-welcome-content{align-items:center;display:flex;gap:16px}.chati-welcome-icon{animation:glow 2s ease-in-out infinite;color:#c62828;color:var(--primary-color);font-size:28px}.chati-welcome-text h4{color:#1e2330;color:var(--text-color);font-size:16px;font-weight:700;letter-spacing:.3px;margin-bottom:4px}.chati-welcome-text p{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500}.chati-welcome-date{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px}.chati-messages-container{background:#f8fafc;background:var(--bg-light);display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.chati-messages-container::-webkit-scrollbar{width:6px}.chati-messages-container::-webkit-scrollbar-track{background:#0000}.chati-messages-container::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:10px}.chati-messages-container::-webkit-scrollbar-thumb:hover{background:#c62828;background:var(--primary-color)}.chati-messages{gap:20px;padding:24px}.chati-message,.chati-messages{display:flex;flex-direction:column}.chati-message{animation:messageSlide .3s ease-out;gap:12px}.chati-message-content{align-items:flex-start;display:flex;gap:12px}.chati-message-user .chati-message-content{flex-direction:row-reverse}.chati-message-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:50%;box-shadow:0 2px 8px #c6282814;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white);display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.chati-user-avatar{background:linear-gradient(135deg,#64748b,#475569)}.chati-message-bubble{border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #c6282814;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;max-width:75%;padding:16px 20px}.chati-message-bot .chati-message-bubble{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-top-left-radius:4px}.chati-message-user .chati-message-bubble{background:#fff;border-top-right-radius:4px;color:#fff;color:var(--bg-white);margin-left:auto}.chati-message-greeting .chati-message-bubble{background:linear-gradient(135deg,#c6282814,#c628280a);border:2px solid #c6282833}.chati-message-help .chati-message-bubble{background:linear-gradient(135deg,#c628280d,#c6282805);border:1px solid #c6282826}.chati-message-text{font-size:14px;font-weight:500;letter-spacing:.2px;line-height:1.6}.chati-message-text p{margin:8px 0}.chati-message-text p:first-child{margin-top:0}.chati-message-text p:last-child{margin-bottom:0}.chati-message-user .chati-message-text{color:#fff;color:var(--bg-white);font-weight:600}.chati-message-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:4px}.chati-message-time{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px}.chati-message-user .chati-message-time{color:#fffc}.chati-message-type{border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.chati-message-type-greeting,.chati-message-type-help{background:#c628281a;color:#c62828;color:var(--primary-color)}.chati-message-type-benefits,.chati-message-type-leave,.chati-message-type-onboarding,.chati-message-type-payroll,.chati-message-type-performance,.chati-message-type-policies{background:#c6282814;color:#c62828;color:var(--primary-color)}.chati-quick-replies{animation:fadeInUp .4s ease-out .3s both;display:flex;flex-wrap:wrap;gap:8px;padding-left:48px}.chati-quick-reply-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-color);border-radius:20px;color:#c62828;color:var(--primary-color);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:13px;font-weight:700;gap:6px;letter-spacing:.3px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-quick-reply-btn:hover:not(:disabled){background:#c62828;background:var(--primary-color);box-shadow:0 4px 16px #c628281f;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateY(-2px)}.chati-quick-reply-btn:active:not(:disabled){transform:translateY(0)}.chati-quick-reply-btn:disabled{cursor:not-allowed;opacity:.5}.chati-quick-reply-icon{font-size:10px}.chati-typing-indicator{align-items:center;animation:fadeIn .3s ease-out;display:flex;gap:12px}.chati-typing-avatar{align-items:center;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;color:var(--bg-white);flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.chati-typing-avatar,.chati-typing-content{box-shadow:0 2px 8px #c6282814;box-shadow:var(--shadow-sm);display:flex}.chati-typing-content{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);border-top-left-radius:4px;flex-direction:column;gap:6px;padding:12px 20px}.chati-typing-dots{align-items:center;display:flex;gap:4px}.chati-typing-dots span{animation:typingDot 1.4s ease-in-out infinite;background:#c62828;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.chati-typing-dots span:nth-child(2){animation-delay:.2s}.chati-typing-dots span:nth-child(3){animation-delay:.4s}.chati-typing-text{color:#64748b;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px}.chati-suggested-topics{background:#fff;background:var(--bg-white);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding:24px}.chati-topics-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.chati-topics-icon{color:#c62828;color:var(--primary-color);font-size:20px}.chati-topics-header h4{color:#1e2330;color:var(--text-color);font-size:16px;font-weight:700;letter-spacing:.3px}.chati-topics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.chati-topic-card{background:#f8fafc;background:var(--bg-light);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-topic-card:hover{background:#fff;background:var(--bg-white);border-color:#c62828;border-color:var(--primary-color);box-shadow:0 4px 16px #c628281f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.chati-topic-card:active{transform:translateY(-2px)}.chati-topic-icon{color:#c62828;color:var(--primary-color);font-size:24px}.chati-topic-content h5{color:#1e2330;color:var(--text-color);font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:4px}.chati-topic-content p{color:#64748b;color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.4}.chati-topic-arrow{color:#c62828;color:var(--primary-color);font-size:12px;opacity:0;position:absolute;right:12px;top:12px;transform:translateX(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-topic-card:hover .chati-topic-arrow{opacity:1;transform:translateX(0)}.chati-history-prompt{background:#f8fafc;background:var(--bg-light);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding:16px 24px;text-align:center}.chati-history-btn{background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:20px;box-shadow:0 2px 8px #c6282814;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-history-btn:hover{box-shadow:0 4px 16px #c628281f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.chati-history-btn:active{transform:translateY(0)}.chati-input-container{background:#fff;background:var(--bg-white);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);padding:20px 24px}.chati-input-form{display:flex;flex-direction:column;gap:12px}.chati-input-wrapper{background:#f8fafc;background:var(--bg-light);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:12px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-input-wrapper:focus-within{background:#fff;background:var(--bg-white);border-color:#c62828;border-color:var(--primary-color);box-shadow:0 0 0 4px #c6282814}.chati-input{background:#0000;border:none;color:#1e2330;color:var(--text-color);flex:1 1;font-family:Raleway,sans-serif;font-size:14px;font-weight:500;letter-spacing:.2px;outline:none}.chati-input::placeholder{color:#64748b;color:var(--text-secondary);font-weight:500}.chati-input:disabled{cursor:not-allowed;opacity:.6}.chati-input-actions{align-items:center;display:flex;gap:8px}.chati-help-btn{background:#0000;border:none;color:#64748b;color:var(--text-secondary);font-size:20px;height:auto;padding:8px;width:auto}.chati-help-btn:hover{background:#0000;color:#c62828;color:var(--primary-color);transform:scale(1.1)}.chati-send-btn{align-items:center;background:linear-gradient(135deg,#c62828,#8e0000);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:20px;box-shadow:0 2px 8px #c6282814;box-shadow:var(--shadow-sm);color:#fff;color:var(--bg-white);cursor:pointer;display:flex;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-send-btn:hover:not(:disabled){box-shadow:0 4px 16px #c628281f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.chati-send-btn:active:not(:disabled){transform:translateY(0)}.chati-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chati-send-text{font-weight:700;letter-spacing:.5px}.chati-quick-questions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chati-quick-label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px}.chati-quick-btn{background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:16px;color:#1e2330;color:var(--text-color);cursor:pointer;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chati-quick-btn:hover:not(:disabled){background:#c628280d;border-color:#c62828;border-color:var(--primary-color);color:#c62828;color:var(--primary-color)}.chati-quick-btn:disabled{cursor:not-allowed;opacity:.5}.chati-footer{margin-top:12px;text-align:center}.chati-footer-text{color:#64748b;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes pulseEffect{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes typingDot{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 4px #c62828);filter:drop-shadow(0 0 4px var(--primary-color));opacity:1}50%{filter:drop-shadow(0 0 8px #c62828);filter:drop-shadow(0 0 8px var(--primary-color));opacity:.8}}@keyframes headerGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.chati-container,.chati-window{bottom:16px;right:16px}.chati-window{height:calc(100vh - 120px);width:calc(100vw - 32px)}.chati-floating-btn{padding:14px 24px}.chati-btn-text{font-size:14px}.chati-header{padding:16px 20px}.chati-messages{padding:20px 16px}.chati-message-bubble{max-width:85%}.chati-topics-grid{grid-template-columns:1fr}.chati-input-container{padding:16px 20px}.chati-quick-questions{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.chati-floating-btn{border-radius:40px;padding:12px 20px}.chati-btn-icon{font-size:24px}.chati-btn-text{font-size:13px}.chati-header{padding:14px 16px}.chati-title-main{font-size:16px}.chati-title-sub{font-size:12px}.chati-messages{gap:16px;padding:16px 12px}.chati-message-bubble{max-width:90%;padding:14px 16px}.chati-message-text{font-size:13px}.chati-input-container{padding:14px 16px}.chati-send-text{display:none}}@media print{.chati-container{display:none}}.community-container{background-color:#fff;margin:0 auto 60px;max-width:1400px;padding:0}.community-headers{background-image:url(https://images.unsplash.com/photo-1511632765486-a01980e01a18?w=1920&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:60px;padding:100px 40px;position:relative;text-align:center}.community-headers:before{background:linear-gradient(135deg,#c62828e6,#1e2330d9);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.community-headers h1,.community-headers p{position:relative;z-index:2}.community-headers h1{color:#fafafa;font-size:3.5rem;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.community-content{padding:0 60px 40px}.community-section{background-color:#fafafa;border-left:6px solid #c62828;border-radius:12px;box-shadow:0 3px 10px #00000014;margin-bottom:50px;padding:40px;transition:all .3s ease}.community-section:hover{border-left-width:8px;box-shadow:0 5px 20px #c6282826;transform:translateX(8px)}.community-section h2{border-bottom:3px solid #1e2330;color:#c62828;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-align:justify}.community-section h3{color:#1e2330;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;margin-top:25px;text-align:justify}.community-section p{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:1.9;margin-bottom:18px;text-align:justify}.community-section ul{margin-bottom:20px;margin-left:30px;margin-top:20px}.community-section ul li{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:2;margin-bottom:12px;padding-left:15px;position:relative;text-align:justify}.community-section ul li:before{color:#c62828;content:"▸";font-size:1.2rem;font-weight:700;left:-15px;position:absolute}.community-footer{background-color:#1e2330;color:#fff;margin-top:60px;padding:40px;text-align:center}.community-footer p{font-size:1rem;font-weight:400;letter-spacing:.5px;opacity:.95}@media (max-width:1024px){.community-content{padding:0 40px 40px}.community-section{padding:35px}}@media (max-width:768px){.community-header{padding:80px 30px}.community-header h1{font-size:2.5rem;letter-spacing:2px}.community-content{padding:0 30px 30px}.community-section{margin-bottom:35px;padding:30px 25px}.community-section h2{font-size:1.7rem}.community-section h3{font-size:1.3rem}.community-section p,.community-section ul li{font-size:1rem}}@media (max-width:480px){.community-header{padding:60px 20px}.community-header h1{font-size:2rem;letter-spacing:1.5px}.last-updated{font-size:.95rem}.community-content{padding:0 20px 20px}.community-section{margin-bottom:30px;padding:25px 20px}.community-section h2{font-size:1.5rem}.community-section h3{font-size:1.2rem}.contact-info{padding:20px}.community-footer{padding:30px 20px}}.security-container{background-color:#fff;margin:0 auto 70px;max-width:1300px;padding:0}.security-headers{background-image:url(https://images.unsplash.com/photo-1563986768609-322da13575f3?w=1920&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:60px;padding:100px 40px;position:relative;text-align:center}.security-headers:before{background:linear-gradient(135deg,#c62828e6,#1e2330d9);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.security-headers h1,.security-headers p{position:relative;z-index:2}.security-headers h1{color:#fafafa;font-size:3.5rem;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.security-content{padding:0 60px 40px}.security-section{background-color:#fafafa;border-left:6px solid #c62828;border-radius:12px;box-shadow:0 3px 10px #00000014;margin-bottom:50px;padding:40px;transition:all .3s ease}.security-section:hover{border-left-width:8px;box-shadow:0 5px 20px #c6282826;transform:translateX(8px)}.security-section h2{border-bottom:3px solid #1e2330;color:#c62828;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-align:justify}.security-section h3{color:#1e2330;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;margin-top:25px;text-align:justify}.security-section p{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:1.9;margin-bottom:18px;text-align:justify}.security-section ul{margin-bottom:20px;margin-left:30px;margin-top:20px}.security-section ul li{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:2;margin-bottom:12px;padding-left:15px;position:relative;text-align:justify}.security-section ul li:before{color:#c62828;content:"▸";font-size:1.2rem;font-weight:700;left:-15px;position:absolute}.security-footer{background-color:#1e2330;color:#fff;margin-top:60px;padding:40px;text-align:center}.security-footer p{font-size:1rem;font-weight:400;letter-spacing:.5px;opacity:.95}@media (max-width:1024px){.security-content{padding:0 40px 40px}.security-section{padding:35px}}@media (max-width:768px){.security-header{padding:80px 30px}.security-header h1{font-size:2.5rem;letter-spacing:2px}.security-content{padding:0 30px 30px}.security-section{margin-bottom:35px;padding:30px 25px}.security-section h2{font-size:1.7rem}.security-section h3{font-size:1.3rem}.security-section p,.security-section ul li{font-size:1rem}}@media (max-width:480px){.security-header{padding:60px 20px}.security-header h1{font-size:2rem;letter-spacing:1.5px}.last-updated{font-size:.95rem}.security-content{padding:0 20px 20px}.security-section{margin-bottom:30px;padding:25px 20px}.security-section h2{font-size:1.5rem}.security-section h3{font-size:1.2rem}.contact-info{padding:20px}.security-footer{padding:30px 20px}}.privacy-container{background-color:#fff;margin:0 auto 50px;max-width:1400px;padding:0}.privacy-headers{background-image:url(https://images.unsplash.com/photo-1557804506-669a67965ba0?w=1920&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:60px;padding:100px 40px;position:relative;text-align:center}.privacy-headers:before{background:linear-gradient(135deg,#c62828e6,#1e2330d9);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.privacy-headers h1,.privacy-headers p{position:relative;z-index:2}.privacy-headers h1{color:#fafafa;font-size:3.5rem;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.privacy-content{padding:0 60px 40px}.privacy-section{background-color:#fafafa;border-left:6px solid #c62828;border-radius:12px;box-shadow:0 3px 10px #00000014;margin-bottom:50px;padding:40px;transition:all .3s ease}.privacy-section:hover{border-left-width:8px;box-shadow:0 5px 20px #c6282826;transform:translateX(8px)}.privacy-section h2{border-bottom:3px solid #1e2330;color:#c62828;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-align:justify}.privacy-section h3{color:#1e2330;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;margin-top:25px;text-align:justify}.privacy-section p{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:1.9;margin-bottom:18px;text-align:justify}.privacy-section ul{margin-bottom:20px;margin-left:30px;margin-top:20px}.privacy-section ul li{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:2;margin-bottom:12px;padding-left:15px;position:relative;text-align:justify}.privacy-section ul li:before{color:#c62828;content:"▸";font-size:1.2rem;font-weight:700;left:-15px;position:absolute}.privacy-footer{background-color:#1e2330;color:#fff;margin-top:60px;padding:40px;text-align:center}.privacy-footer p{font-size:1rem;font-weight:400;letter-spacing:.5px;opacity:.95}@media (max-width:1024px){.privacy-content{padding:0 40px 40px}.privacy-section{padding:35px}}@media (max-width:768px){.privacy-header{padding:80px 30px}.privacy-header h1{font-size:2.5rem;letter-spacing:2px}.privacy-content{padding:0 30px 30px}.privacy-section{margin-bottom:35px;padding:30px 25px}.privacy-section h2{font-size:1.7rem}.privacy-section h3{font-size:1.3rem}.privacy-section p,.privacy-section ul li{font-size:1rem}}@media (max-width:480px){.privacy-header{padding:60px 20px}.privacy-header h1{font-size:2rem;letter-spacing:1.5px}.last-updated{font-size:.95rem}.privacy-content{padding:0 20px 20px}.privacy-section{margin-bottom:30px;padding:25px 20px}.privacy-section h2{font-size:1.5rem}.privacy-section h3{font-size:1.2rem}.contact-info{padding:20px}.privacy-footer{padding:30px 20px}}:root{--hrc-cookie-primary:#6366f1;--hrc-cookie-primary-dark:#4f46e5;--hrc-cookie-secondary:#ec4899;--hrc-cookie-accent:#f59e0b;--hrc-cookie-success:#10b981;--hrc-cookie-error:#ef4444;--hrc-cookie-warning:#f59e0b;--hrc-cookie-bg-primary:#fff;--hrc-cookie-bg-secondary:#f8fafc;--hrc-cookie-bg-tertiary:#f1f5f9;--hrc-cookie-text-primary:#1e293b;--hrc-cookie-text-secondary:#64748b;--hrc-cookie-text-tertiary:#94a3b8;--hrc-cookie-border-light:#e2e8f0;--hrc-cookie-border-medium:#cbd5e1;--hrc-cookie-border-dark:#94a3b8;--hrc-cookie-radius:12px;--hrc-cookie-radius-lg:16px;--hrc-cookie-radius-xl:20px;--hrc-cookie-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--hrc-cookie-shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hrc-cookie-policy{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.hrc-cookie-header{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--hrc-cookie-primary),var(--hrc-cookie-primary-dark));color:#fff;margin-top:30px;padding:4rem 0 2rem;text-align:center}.hrc-cookie-header-content{margin:0 auto;max-width:1200px;padding:0 2rem}.hrc-cookie-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.hrc-cookie-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin:0 0 .5rem}.hrc-cookie-subtitle{font-size:1.125rem;margin:0;opacity:.9}.hrc-cookie-container{margin:0 auto;max-width:1500px;padding:2rem}.hrc-cookie-content{background:#fff;background:var(--hrc-cookie-bg-primary);border-radius:20px;border-radius:var(--hrc-cookie-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--hrc-cookie-shadow-lg);overflow:hidden}.hrc-cookie-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--hrc-cookie-border-light);padding:2rem}.hrc-cookie-section:last-child{border-bottom:none}.hrc-cookie-section h2{font-size:1.75rem;font-weight:700}.hrc-cookie-section h2,.hrc-cookie-section h3{color:#1e293b;color:var(--hrc-cookie-text-primary);margin:0 0 1rem}.hrc-cookie-section h3{font-size:1.5rem;font-weight:600}.hrc-cookie-section h4{color:#1e293b;color:var(--hrc-cookie-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.hrc-cookie-section p{color:#64748b;color:var(--hrc-cookie-text-secondary);line-height:1.6;margin:0 0 1rem}.hrc-cookie-summary{background:#f8fafc;background:var(--hrc-cookie-bg-secondary);border-radius:16px;border-radius:var(--hrc-cookie-radius-lg);padding:1.5rem}.hrc-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.hrc-summary-item{align-items:flex-start;background:#fff;background:var(--hrc-cookie-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--hrc-cookie-border-light);border-radius:12px;border-radius:var(--hrc-cookie-radius);display:flex;gap:1rem;padding:1rem}.hrc-summary-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--hrc-cookie-primary),var(--hrc-cookie-primary-dark));border-radius:12px;border-radius:var(--hrc-cookie-radius);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.hrc-summary-content{flex:1 1}.hrc-summary-content h4{margin:0 0 .25rem}.hrc-summary-content p{color:#64748b;color:var(--hrc-cookie-text-secondary);font-size:.875rem;margin:0 0 .5rem}.hrc-summary-status{border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.hrc-summary-required{background:#ef44441a;color:#ef4444;color:var(--hrc-cookie-error)}.hrc-summary-active{background:#10b9811a;color:#10b981;color:var(--hrc-cookie-success)}.hrc-summary-inactive{background:#64748b1a;color:#94a3b8;color:var(--hrc-cookie-text-tertiary)}.hrc-cookie-controls{background:#f8fafc;background:var(--hrc-cookie-bg-secondary);border-radius:16px;border-radius:var(--hrc-cookie-radius-lg);margin-top:1.5rem;padding:1.5rem}.hrc-cookie-controls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.hrc-cookie-bulk-actions{display:flex;gap:1rem}.hrc-cookie-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--hrc-cookie-radius);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.hrc-cookie-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--hrc-cookie-primary),var(--hrc-cookie-primary-dark));color:#fff}.hrc-cookie-btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--hrc-cookie-shadow-lg);transform:translateY(-2px)}.hrc-cookie-btn-secondary{background:#fff;background:var(--hrc-cookie-bg-primary);border:1px solid #cbd5e1;border:1px solid var(--hrc-cookie-border-medium);color:#1e293b;color:var(--hrc-cookie-text-primary)}.hrc-cookie-btn-secondary:hover{background:#f1f5f9;background:var(--hrc-cookie-bg-tertiary);border-color:#94a3b8;border-color:var(--hrc-cookie-border-dark)}.hrc-cookie-types{display:flex;flex-direction:column;gap:1rem}.hrc-cookie-type{background:#fff;background:var(--hrc-cookie-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--hrc-cookie-border-light);border-radius:12px;border-radius:var(--hrc-cookie-radius);overflow:hidden}.hrc-cookie-type-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.hrc-cookie-type-info{display:flex;flex:1 1;gap:1rem}.hrc-cookie-type-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--hrc-cookie-primary),var(--hrc-cookie-primary-dark));border-radius:12px;border-radius:var(--hrc-cookie-radius);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.hrc-cookie-type-details{flex:1 1}.hrc-cookie-type-details h4{margin:0 0 .5rem}.hrc-cookie-type-details p{color:#64748b;color:var(--hrc-cookie-text-secondary);margin:0 0 .75rem}.hrc-cookie-examples{color:#94a3b8;color:var(--hrc-cookie-text-tertiary);font-size:.875rem}.hrc-cookie-examples strong{color:#64748b;color:var(--hrc-cookie-text-secondary)}.hrc-cookie-always-active,.hrc-cookie-toggle{align-items:center;display:flex}.hrc-cookie-always-active{color:#10b981;color:var(--hrc-cookie-success);font-size:.875rem;font-weight:600;gap:.5rem}.hrc-cookie-switch{display:inline-block;height:34px;position:relative;width:60px}.hrc-cookie-switch input{height:0;opacity:0;width:0}.hrc-cookie-slider{background-color:#cbd5e1;background-color:var(--hrc-cookie-border-medium);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.hrc-cookie-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.hrc-cookie-switch input:checked+.hrc-cookie-slider{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--hrc-cookie-primary),var(--hrc-cookie-primary-dark))}.hrc-cookie-switch input:checked+.hrc-cookie-slider:before{transform:translateX(26px)}.hrc-cookie-save-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--hrc-cookie-border-light);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.hrc-cookie-save-note{color:#94a3b8;color:var(--hrc-cookie-text-tertiary);font-size:.875rem;margin:.75rem 0 0}.hrc-cookie-table-container{margin-top:1rem;overflow-x:auto}.hrc-cookie-table{background:#fff;background:var(--hrc-cookie-bg-primary);border-collapse:collapse;border-radius:12px;border-radius:var(--hrc-cookie-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--hrc-cookie-shadow);overflow:hidden;width:100%}.hrc-cookie-table td,.hrc-cookie-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--hrc-cookie-border-light);padding:1rem;text-align:left}.hrc-cookie-table th{background:#f8fafc;background:var(--hrc-cookie-bg-secondary);color:#1e293b;color:var(--hrc-cookie-text-primary);font-weight:600}.hrc-cookie-table td{color:#64748b;color:var(--hrc-cookie-text-secondary)}.hrc-cookie-table code{background:#f8fafc;background:var(--hrc-cookie-bg-secondary);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.875rem;padding:.25rem .5rem}.hrc-cookie-duration{color:#1e293b;color:var(--hrc-cookie-text-primary);font-weight:600}.hrc-cookie-badge{border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.hrc-cookie-badge-essential{background:#ef44441a;color:#ef4444;color:var(--hrc-cookie-error)}.hrc-cookie-badge-analytics{background:#10b9811a;color:#10b981;color:var(--hrc-cookie-success)}.hrc-cookie-badge-marketing{background:#f59e0b1a;color:#f59e0b;color:var(--hrc-cookie-warning)}.hrc-cookie-badge-preferences{background:#6366f11a;color:#6366f1;color:var(--hrc-cookie-primary)}.hrc-browser-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.hrc-browser-item{background:#f8fafc;background:var(--hrc-cookie-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--hrc-cookie-border-light);border-radius:12px;border-radius:var(--hrc-cookie-radius);padding:1rem}.hrc-browser-item h4{color:#6366f1;color:var(--hrc-cookie-primary);margin:0 0 .5rem}.hrc-browser-item p{color:#64748b;color:var(--hrc-cookie-text-secondary);font-size:.875rem;margin:0}.hrc-contact-info{background:#f8fafc;background:var(--hrc-cookie-bg-secondary);border-radius:12px;border-radius:var(--hrc-cookie-radius);margin-top:1rem;padding:1.5rem}.hrc-contact-info p{margin:.5rem 0}.hrc-contact-info strong{color:#1e293b;color:var(--hrc-cookie-text-primary)}.hrc-policy-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:80px}.hrc-policy-link{align-items:center;background:#f8fafc;background:var(--hrc-cookie-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--hrc-cookie-border-light);border-radius:12px;border-radius:var(--hrc-cookie-radius);color:#1e293b;color:var(--hrc-cookie-text-primary);display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.hrc-policy-link:hover{background:#f1f5f9;background:var(--hrc-cookie-bg-tertiary);border-color:#6366f1;border-color:var(--hrc-cookie-primary);color:#6366f1;color:var(--hrc-cookie-primary);transform:translateY(-2px)}@media (max-width:768px){.hrc-cookie-container{padding:1rem}.hrc-cookie-section{padding:1.5rem}.hrc-cookie-title{font-size:2rem}.hrc-cookie-controls-header{align-items:flex-start;flex-direction:column;gap:1rem}.hrc-cookie-bulk-actions{justify-content:space-between;width:100%}.hrc-cookie-type-header{flex-direction:column;gap:1rem}.hrc-cookie-type-info{flex-direction:column;text-align:center}.hrc-cookie-type-icon{align-self:center}.hrc-browser-controls,.hrc-summary-grid{grid-template-columns:1fr}.hrc-policy-links{flex-direction:column}}@media (max-width:480px){.hrc-cookie-header{padding:3rem 0 1.5rem}.hrc-cookie-title{font-size:1.75rem}.hrc-cookie-subtitle{font-size:1rem}}body{background-color:#fff;color:#1e2330;font-family:Raleway,sans-serif}.terms-container{background-color:#fff;margin:0 auto 50px;max-width:1400px;padding:0}.terms-headers{background-image:url(https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=1920&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;margin-bottom:60px;padding:100px 40px;position:relative;text-align:center}.terms-headers:before{background:linear-gradient(135deg,#c62828e6,#1e2330d9);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.terms-headers h1,.terms-headers p{position:relative;z-index:2}.terms-headers h1{color:#fafafa;font-size:3.5rem;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.last-updated{color:#fafafa;font-size:1.1rem;font-weight:400;letter-spacing:1px;opacity:.95}.terms-content{padding:0 60px 40px}.terms-section{background-color:#fafafa;border-left:6px solid #c62828;border-radius:12px;box-shadow:0 3px 10px #00000014;margin-bottom:50px;padding:40px;transition:all .3s ease}.terms-section:hover{border-left-width:8px;box-shadow:0 5px 20px #c6282826;transform:translateX(8px)}.terms-section h2{border-bottom:3px solid #1e2330;color:#c62828;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-align:justify}.terms-section h3{color:#1e2330;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;margin-top:25px;text-align:justify}.terms-section p{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:1.9;margin-bottom:18px;text-align:justify}.terms-section ul{margin-bottom:20px;margin-left:30px;margin-top:20px}.terms-section ul li{color:#1e2330;font-size:1.05rem;font-weight:400;line-height:2;margin-bottom:12px;padding-left:15px;position:relative;text-align:justify}.terms-section ul li:before{color:#c62828;content:"▸";font-size:1.2rem;font-weight:700;left:-15px;position:absolute}.contact-info{background-color:#fff;border:2px solid #1e2330;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:30px}.contact-info p{color:#1e2330;font-size:1.05rem;margin-bottom:15px;text-align:left}.contact-info strong{color:#c62828;font-weight:700;margin-right:8px}.terms-footer{background-color:#1e2330;color:#fff;margin-top:60px;padding:40px;text-align:center}.terms-footer p{font-size:1rem;font-weight:400;letter-spacing:.5px;opacity:.95}@media (max-width:1024px){.terms-content{padding:0 40px 40px}.terms-section{padding:35px}}@media (max-width:768px){.terms-header{padding:80px 30px}.terms-header h1{font-size:2.5rem;letter-spacing:2px}.terms-content{padding:0 30px 30px}.terms-section{margin-bottom:35px;padding:30px 25px}.terms-section h2{font-size:1.7rem}.terms-section h3{font-size:1.3rem}.terms-section p,.terms-section ul li{font-size:1rem}}@media (max-width:480px){.terms-header{padding:60px 20px}.terms-header h1{font-size:2rem;letter-spacing:1.5px}.last-updated{font-size:.95rem}.terms-content{padding:0 20px 20px}.terms-section{margin-bottom:30px;padding:25px 20px}.terms-section h2{font-size:1.5rem}.terms-section h3{font-size:1.2rem}.contact-info{padding:20px}.terms-footer{padding:30px 20px}}:root{--dark-text:#1e2330;--white-bg:#fff;--light-bg:#f8f9fa;--text-primary:#1e2330;--text-secondary:#6b7280;--text-muted:#9ca3af;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6;--purple-color:#8b5cf6;--teal-color:#14b8a6;--indigo-color:#6366f1;--orange-color:#f97316;--hover-bg:#f3f4f6}.hr-analytics{color:#1e2330;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin-top:90px;min-height:100vh}.hr-analytics,.hr-analytics-header{background:#fff;background:var(--white-bg)}.hr-analytics-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);box-shadow:0 1px 3px #0000000d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hr-analytics-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1600px}.hr-analytics-title-section{flex:1 1;min-width:250px}.hr-analytics-title{align-items:center;color:#1e2330;color:var(--dark-text);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.hr-analytics-title-icon{color:#c62828;color:var(--primary-red);font-size:1.5rem}.hr-analytics-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.95rem}.hr-analytics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.hr-analytics-filter-group{display:flex;gap:.75rem}.hr-analytics-filter{background:#fff;background:var(--white-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;color:#1e2330;color:var(--dark-text);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.hr-analytics-filter:hover{background:#f3f4f6;background:var(--hover-bg);border-color:#c62828;border-color:var(--primary-red)}.hr-analytics-filter:focus{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 0 0 3px #c628281a;outline:none}.hr-analytics-action-group{display:flex;gap:.75rem}.hr-analytics-action-btn{align-items:center;background:#1e2330;background:var(--dark-text);border:2px solid #1e2330;border:2px solid var(--dark-text);border-radius:8px;color:#fff;color:var(--white-bg);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.hr-analytics-action-btn:hover{background:#0f1419;border-color:#0f1419;box-shadow:0 4px 8px #1e233033;transform:translateY(-1px)}.hr-analytics-action-btn-primary{background:#c62828;background:var(--primary-red);border-color:#c62828;border-color:var(--primary-red);color:#fff}.hr-analytics-action-btn-primary:hover{background:#b71c1c;border-color:#b71c1c;color:#fff}.hr-analytics-action-btn:disabled{cursor:not-allowed;opacity:.5}.hr-analytics-action-btn .spin{animation:spin 1s linear infinite}.hr-analytics-tabs{background:#fff;background:var(--white-bg);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;padding:0 2rem}.hr-analytics-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s;white-space:nowrap}.hr-analytics-tab:hover{background:#f3f4f6;background:var(--hover-bg);color:#1e2330;color:var(--dark-text)}.hr-analytics-tab.active{border-bottom-color:#c62828;border-bottom-color:var(--primary-red);color:#c62828;color:var(--primary-red)}.hr-analytics-content{background:#f8f9fa;background:var(--light-bg);margin:0 auto;max-width:1600px;padding:2rem}.hr-analytics-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.hr-analytics-metric-card{background:#fff;background:var(--white-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.hr-analytics-metric-card:hover{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 8px 16px #c628281a;transform:translateY(-2px)}.hr-analytics-metric-header{display:flex;gap:1rem}.hr-analytics-metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.hr-analytics-metric-icon-blue{background:#3b82f61a;color:#3b82f6}.hr-analytics-metric-icon-green{background:#10b9811a;color:#10b981;color:var(--success-color)}.hr-analytics-metric-icon-purple{background:#8b5cf61a;color:#8b5cf6;color:var(--purple-color)}.hr-analytics-metric-icon-orange{background:#f973161a;color:#f97316;color:var(--orange-color)}.hr-analytics-metric-icon-teal{background:#14b8a61a;color:#14b8a6;color:var(--teal-color)}.hr-analytics-metric-icon-indigo{background:#6366f11a;color:#6366f1;color:var(--indigo-color)}.hr-analytics-metric-icon-red{background:#c628281a;color:#c62828;color:var(--primary-red)}.hr-analytics-metric-info{flex:1 1}.hr-analytics-metric-title{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.hr-analytics-metric-value{color:#1e2330;color:var(--dark-text);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.hr-analytics-metric-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.hr-analytics-metric-change.positive{color:#10b981;color:var(--success-color)}.hr-analytics-metric-change.negative{color:#c62828;color:var(--primary-red)}.hr-analytics-charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.hr-analytics-chart-card{background:#fff;background:var(--white-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;overflow:hidden}.hr-analytics-chart-header{align-items:center;background:#f8f9fa;background:var(--light-bg);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.hr-analytics-chart-title{color:#1e2330;color:var(--dark-text);font-size:1.125rem;font-weight:700}.hr-analytics-chart-actions{display:flex;gap:.5rem}.hr-analytics-chart-action{align-items:center;background:#fff;background:var(--white-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:6px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.hr-analytics-chart-action:hover{background:#f3f4f6;background:var(--hover-bg);border-color:#c62828;border-color:var(--primary-red);color:#c62828;color:var(--primary-red)}.hr-analytics-chart-content{padding:1.5rem}.hr-analytics-chart-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px}.hr-analytics-chart-placeholder p{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.hr-analytics-chart-bars{align-items:flex-end;display:flex;gap:8px;height:200px;justify-content:space-between;width:100%}.hr-analytics-chart-bar{background:linear-gradient(0deg,#c62828,#ef5350);background:linear-gradient(to top,var(--primary-red),#ef5350);border-radius:4px 4px 0 0;cursor:pointer;flex:1 1;min-height:20px;transition:all .3s}.hr-analytics-chart-bar:hover{background:linear-gradient(0deg,#b71c1c,#c62828);background:linear-gradient(to top,#b71c1c,var(--primary-red));transform:scaleY(1.05)}.hr-analytics-pie-chart{background:conic-gradient(#c62828 0 35%,#1e2330 35% 57%,#10b981 57% 72%,#f59e0b 72% 80%,#8b5cf6 80% 100%);background:conic-gradient(var(--primary-red) 0 35%,var(--dark-text) 35% 57%,var(--success-color) 57% 72%,var(--warning-color) 72% 80%,var(--purple-color) 80% 100%);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:200px;margin:1rem auto;width:200px}.hr-analytics-demographics{width:100%}.hr-analytics-demo-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.hr-analytics-demo-chart{display:flex;flex-direction:column;gap:1rem}.hr-analytics-demo-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 1fr 60px}.hr-analytics-demo-label{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.hr-analytics-demo-bar{background:#f8f9fa;background:var(--light-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;height:28px;overflow:hidden}.hr-analytics-demo-fill{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(to right,var(--primary-red),#ef5350);border-radius:8px;height:100%;transition:width .5s ease}.hr-analytics-demo-value{color:#1e2330;color:var(--dark-text);font-size:.875rem;font-weight:700;text-align:right}.hr-analytics-performance{width:100%}.hr-analytics-perf-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.hr-analytics-perf-distribution{display:flex;flex-direction:column;gap:1.5rem}.hr-analytics-perf-category{display:flex;flex-direction:column;gap:.5rem}.hr-analytics-perf-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600}.hr-analytics-perf-bar{background:#f8f9fa;background:var(--light-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;height:32px;overflow:hidden}.hr-analytics-perf-fill{border-radius:8px;height:100%;transition:width .5s ease}.hr-analytics-perf-high{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(to right,var(--success-color),#34d399)}.hr-analytics-perf-medium{background:linear-gradient(90deg,#1e2330,#3d4554);background:linear-gradient(to right,var(--dark-text),#3d4554)}.hr-analytics-perf-low{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(to right,var(--primary-red),#ef5350)}.hr-analytics-perf-value{color:#1e2330;color:var(--dark-text);font-size:1rem;font-weight:700}.hr-analytics-skills-list{display:flex;flex-direction:column;gap:1rem}.hr-analytics-skill-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:40px 1fr 150px}.hr-analytics-skill-rank{align-items:center;background:#c62828;background:var(--primary-red);border-radius:8px;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.hr-analytics-skill-name{color:#1e2330;color:var(--dark-text);font-weight:600}.hr-analytics-skill-bar{background:#f8f9fa;background:var(--light-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;height:24px;overflow:hidden}.hr-analytics-skill-fill{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(to right,var(--primary-red),#ef5350);border-radius:8px;height:100%;transition:width .5s ease}.hr-analytics-training-metric{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.hr-analytics-training-value{color:#c62828;color:var(--primary-red);font-size:4rem;font-weight:700;margin-bottom:.5rem}.hr-analytics-training-label{color:#6b7280;color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:1.5rem}.hr-analytics-training-progress{background:#f8f9fa;background:var(--light-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;height:16px;max-width:300px;overflow:hidden;width:100%}.hr-analytics-training-fill{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(to right,var(--primary-red),#ef5350);border-radius:12px;height:100%;transition:width .5s ease}.hr-analytics-costs{width:100%}.hr-analytics-costs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.hr-analytics-cost-breakdown{display:flex;flex-direction:column;gap:1.25rem}.hr-analytics-cost-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 100px 1fr}.hr-analytics-cost-category{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600}.hr-analytics-cost-amount{color:#1e2330;color:var(--dark-text);font-size:1rem;font-weight:700}.hr-analytics-cost-bar{background:#f8f9fa;background:var(--light-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;height:28px;overflow:hidden}.hr-analytics-cost-fill{background:linear-gradient(90deg,#c62828,#ef5350);background:linear-gradient(to right,var(--primary-red),#ef5350);border-radius:8px;height:100%;transition:width .5s ease}.hr-analytics-trends{width:100%}.hr-analytics-trends-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.hr-analytics-trend-chart{align-items:flex-end;display:flex;justify-content:center;min-height:250px;padding:1rem 0;position:relative}.hr-analytics-trend-bars{align-items:flex-end;display:flex;gap:6px;height:200px;justify-content:space-between;width:100%}.hr-analytics-trend-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.hr-analytics-trend-bar{border-radius:4px 4px 0 0;cursor:pointer;min-height:20px;transition:all .3s;width:100%}.hr-analytics-trend-bar-hiring{background:linear-gradient(0deg,#10b981,#34d399);background:linear-gradient(to top,var(--success-color),#34d399)}.hr-analytics-trend-bar-hiring:hover{background:linear-gradient(0deg,#059669,#10b981);background:linear-gradient(to top,#059669,var(--success-color));transform:scaleY(1.05)}.hr-analytics-trend-bar-turnover{background:linear-gradient(0deg,#c62828,#ef5350);background:linear-gradient(to top,var(--primary-red),#ef5350)}.hr-analytics-trend-bar-turnover:hover{background:linear-gradient(0deg,#b71c1c,#c62828);background:linear-gradient(to top,#b71c1c,var(--primary-red));transform:scaleY(1.05)}.hr-analytics-trend-label{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-weight:600}.hr-analytics-trend-line{height:200px;position:relative;width:100%}.hr-analytics-trend-point{background:#c62828;background:var(--primary-red);border:3px solid #fff;border:3px solid var(--white-bg);border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:12px;position:absolute;transform:translate(-50%,50%);transition:all .2s;width:12px}.hr-analytics-trend-point:hover{background:#b71c1c;box-shadow:0 0 12px #c62828;box-shadow:0 0 12px var(--primary-red);height:16px;width:16px}.hr-analytics-loading{align-items:center;background:#fff;background:var(--white-bg);color:#1e2330;color:var(--dark-text);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.hr-analytics-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#c62828;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-red);height:48px;margin-bottom:1rem;width:48px}.hr-analytics-loading p{color:#6b7280;color:var(--text-secondary);font-size:.95rem;font-weight:600}@media (max-width:1200px){.hr-analytics-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hr-analytics-charts-row{grid-template-columns:1fr}}@media (max-width:768px){.hr-analytics-header{padding:1rem}.hr-analytics-header-content{align-items:stretch;flex-direction:column}.hr-analytics-controls{flex-direction:column}.hr-analytics-action-group,.hr-analytics-filter-group{width:100%}.hr-analytics-action-btn,.hr-analytics-filter{flex:1 1}.hr-analytics-tabs{padding:0 1rem}.hr-analytics-content{padding:1rem}.hr-analytics-demo-grid,.hr-analytics-demo-item,.hr-analytics-metrics-grid,.hr-analytics-perf-grid,.hr-analytics-trends-grid{grid-template-columns:1fr}.hr-analytics-demo-item{gap:.5rem}.hr-analytics-demo-value{text-align:left}}.hrcopilot-integration{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.integration-header{margin-bottom:3rem;text-align:center}.integration-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.integration-subtitle{color:#6b7280;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.integration-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;padding-bottom:1rem}.tab-button{background:#0000;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.tab-button:hover{background-color:#f9fafb;color:#374151}.tab-button.active{background-color:#eef2ff;color:#6366f1}.tab-button.active:after{background:#6366f1;border-radius:50%;bottom:-1rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.integration-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.integration-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s ease}.integration-card:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.integration-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.integration-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.integration-badge{border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.integration-badge--connected{background-color:#d1fae5;color:#065f46}.integration-badge--pending{background-color:#fef3c7;color:#92400e}.integration-badge--available{background-color:#e0e7ff;color:#3730a3}.integration-card-body{flex:1 1;margin-bottom:1.5rem}.integration-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.integration-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.integration-meta{align-items:center;color:#9ca3af;display:flex;font-size:.875rem}.integration-sync{align-items:center;display:flex;gap:.5rem}.integration-card-footer{margin-top:auto}.integration-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;text-transform:none;transition:all .3s ease;width:100%}.integration-btn--connect{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.integration-btn--connect:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.integration-btn--disconnect{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.integration-btn--disconnect:hover{background-color:#fee2e2}.integration-btn--pending{background-color:#fffbeb;border:1px solid #fed7aa;color:#d97706;cursor:not-allowed}.integration-empty{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.integration-empty h3{color:#374151;font-size:1.5rem;margin-bottom:.5rem}@media (max-width:768px){.hrcopilot-integration{padding:1rem}.integration-title{font-size:2rem}.integration-tabs{align-items:center;flex-direction:column}.integration-grid{grid-template-columns:1fr}.tab-button{max-width:300px;width:100%}}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(-2px)}}.integration-card:hover{animation:cardFloat .3s ease-out forwards}.integration-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.integration-btn:focus,.tab-button:focus{outline:2px solid #6366f1;outline-offset:2px}.payment-container{align-items:center;background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin-top:70px;min-height:100vh;padding:40px 20px}.payment-header{animation:fadeInDown .6s ease-out;color:#1e2330;margin-bottom:30px}.payment-header h1{color:#c62828;font-size:2.5rem;font-weight:700;margin-bottom:10px}.payment-header p{color:#1e2330;font-size:1.1rem;margin:5px 0}.user-email-display{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:25px;color:#1e2330;display:inline-block;margin-top:15px;padding:10px 20px}.user-email-display strong{color:#c62828;font-weight:600}.payment-card{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 20px #c628281a;max-width:600px;padding:40px;width:100%}.plan-summary{background:#fff;border:2px solid #c62828;border-radius:15px;margin-bottom:30px;padding:30px;text-align:center}.plan-summary h3{color:#c62828;font-size:1.8rem;font-weight:700;margin-bottom:15px}.plan-price{color:#c62828;font-size:3rem;font-weight:800;margin:15px 0}.converted-price{color:#1e2330;font-size:1.2rem;margin-bottom:15px;opacity:.7}.billing-email{border-top:2px solid #f5f5f5;color:#1e2330;font-size:.95rem;margin-top:15px;padding-top:15px}.payment-cancelled,.payment-failed,.payment-pending,.payment-success{animation:fadeIn .5s ease-out}.paypal-loading{padding:40px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#c62828;margin:0 auto 20px}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:10px;color:#c62828;font-weight:500;margin-bottom:20px;padding:15px}.paypal-button-container{margin:30px 0;min-height:150px}#paypal-button-container{margin:0 auto;max-width:400px}.payment-security{margin-top:30px}.security-badges{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:15px}.security-badge{background:#c62828;border-radius:25px;box-shadow:0 4px 15px #c6282833;color:#fff;font-size:.9rem;font-weight:600;padding:10px 20px}.security-text{color:#1e2330;font-size:.9rem;line-height:1.6;opacity:.8}.success-icon{animation:bounceIn .8s ease-out;margin-bottom:20px}.payment-success h3{color:#c62828;font-weight:700;margin-bottom:15px}.payment-success p{color:#1e2330;font-size:1.1rem;margin:10px 0}.email-notification{background:#f5f5f5;border-left:4px solid #c62828;border-radius:10px;color:#1e2330;margin:20px 0;padding:15px}.email-notification strong{color:#c62828}.db-success{color:#c62828}.db-success,.redirect-notice{font-weight:600;margin:15px 0}.redirect-notice{background:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;color:#1e2330;padding:12px}.receipt-section{background:#fff;border:2px solid #c62828;border-radius:15px;margin:30px 0;padding:25px}.receipt-section h4{color:#c62828;font-size:1.4rem;font-weight:700;margin-bottom:20px}.receipt-details{gap:12px}.receipt-row{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:12px 15px}.receipt-row span:first-child{color:#1e2330;font-weight:500;opacity:.8}.receipt-row strong{color:#c62828;font-weight:700}.receipt-row span{color:#1e2330}.order-id{font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.success-actions{flex-direction:column;gap:15px;margin-top:30px}.go-to-dashboard-btn,.go-to-hiring-form-btn,.retry-payment-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;text-align:center;transition:all .3s ease}.go-to-dashboard-btn.primary{background:#c62828;box-shadow:0 4px 15px #c628284d;color:#fff}.go-to-dashboard-btn.primary:hover{background:#b71c1c;box-shadow:0 6px 20px #c6282866;transform:translateY(-2px)}.go-to-hiring-form-btn.secondary{background:#fff;border:2px solid #c62828;color:#c62828}.go-to-hiring-form-btn.secondary:hover{background:#c62828;color:#fff;transform:translateY(-2px)}.failed-icon{animation:shake .5s ease-out;font-size:5rem;margin-bottom:20px}.payment-failed h3{color:#c62828;font-weight:700;margin-bottom:15px}.payment-failed p{color:#1e2330;font-size:1.1rem;margin:10px 0 30px}.retry-payment-btn{background:#c62828;box-shadow:0 4px 15px #c628284d;color:#fff}.retry-payment-btn:hover{background:#b71c1c;box-shadow:0 6px 20px #c6282866;transform:translateY(-2px)}.cancelled-icon{font-size:5rem;margin-bottom:20px}.payment-cancelled h3{color:#c62828;font-weight:700;margin-bottom:15px}.payment-cancelled p{color:#1e2330;font-size:1.1rem;margin:10px 0 30px}.payment-loading{align-items:center;background:#fff;color:#1e2330;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.payment-loading p{color:#1e2330;font-size:1.2rem;margin-top:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@media (max-width:768px){.payment-container{padding:20px 15px}.payment-header h1{font-size:2rem}.payment-card{padding:25px}.plan-summary{padding:20px}.plan-price{font-size:2.5rem}.receipt-row{flex-direction:column;gap:5px;text-align:left}.success-actions{gap:12px}.go-to-dashboard-btn,.go-to-hiring-form-btn,.retry-payment-btn{font-size:1rem;padding:12px 20px}.security-badges{align-items:center;flex-direction:column}}@media (max-width:480px){.payment-header h1{font-size:1.6rem}.payment-card{padding:20px}.plan-price{font-size:2rem}.cancelled-icon,.failed-icon,.success-icon{font-size:3.5rem}}.journey-evolution-wrapper{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);overflow:hidden;padding:100px 0;position:relative}.journey-evolution-wrapper:before{animation:journey-evolution-bg-pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes journey-evolution-bg-pulse{0%,to{opacity:.5}50%{opacity:.8}}.journey-evolution-container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:2}.journey-evolution-header{margin-bottom:80px;position:relative;text-align:center}.journey-evolution-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:50px;display:inline-flex;gap:8px;margin-bottom:30px;overflow:hidden;padding:8px 20px;position:relative}.journey-evolution-badge-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;font-size:.9rem;font-weight:600;letter-spacing:1px}.journey-evolution-badge-sparkle{animation:journey-evolution-sparkle-spin 2s linear infinite;color:gold}@keyframes journey-evolution-sparkle-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.journey-evolution-badge-glow{animation:journey-evolution-badge-shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes journey-evolution-badge-shimmer{0%{left:-100%}to{left:100%}}.journey-evolution-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.journey-evolution-gradient-text{-webkit-text-fill-color:#0000;animation:journey-evolution-gradient-shift 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);-webkit-background-clip:text;background-size:300% 300%}@keyframes journey-evolution-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.journey-evolution-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.journey-evolution-title-underline{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:2px;height:4px;margin:0 auto;overflow:hidden;position:relative;width:100px}.journey-evolution-title-underline:after{animation:journey-evolution-underline-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes journey-evolution-underline-shimmer{0%{left:-100%}to{left:100%}}.journey-evolution-progress{margin:40px auto 0;max-width:400px}.journey-evolution-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden;width:100%}.journey-evolution-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;position:relative;transition:width .5s ease}.journey-evolution-progress-fill:after{animation:journey-evolution-progress-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.journey-evolution-progress-text{color:#fff9;font-size:.9rem;text-align:center}.journey-evolution-timeline{margin:100px 0;position:relative}.journey-evolution-timeline-glow{background:linear-gradient(180deg,#667eea,#764ba2 50%,#f093fb);filter:blur(10px);height:100%;left:50%;opacity:.3;position:absolute;transform:translateX(-50%);width:4px}.journey-evolution-timeline-line{background:linear-gradient(180deg,#0000,#667eeacc 20%,#764ba2cc 50%,#f093fbcc 80%,#0000);height:100%;left:50%;position:absolute;transform:translateX(-50%);width:2px}.journey-evolution-milestone{align-items:center;animation:journey-evolution-milestone-entrance .8s ease forwards;animation-delay:var(--delay);cursor:pointer;display:flex;justify-content:space-between;margin:120px 0;opacity:0;position:relative;transform:translateY(50px)}@keyframes journey-evolution-milestone-entrance{to{opacity:1;transform:translateY(0)}}.journey-evolution-milestone-left{flex-direction:row}.journey-evolution-milestone-right{flex-direction:row-reverse}.journey-evolution-milestone-active{z-index:10}.journey-evolution-milestone-active .journey-evolution-marker-outer{box-shadow:0 0 30px #667eea80;transform:scale(1.2)}.journey-evolution-marker{left:50%;position:absolute;transform:translateX(-50%);z-index:20}.journey-evolution-marker-outer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;height:80px;transition:all .3s ease;width:80px}.journey-evolution-marker-inner,.journey-evolution-marker-outer{align-items:center;border-radius:50%;display:flex;justify-content:center;position:relative}.journey-evolution-marker-inner{background:linear-gradient(135deg,#667eea,#764ba2);height:50px;overflow:hidden;width:50px}.journey-evolution-marker-icon{color:#fff;font-size:1.2rem;z-index:2}.journey-evolution-marker-ripple{animation:journey-evolution-ripple 2s linear infinite;border:2px solid #ffffff4d;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes journey-evolution-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.journey-evolution-marker-pulse{animation:journey-evolution-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:100%;opacity:.3;position:absolute;width:100%}@keyframes journey-evolution-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.journey-evolution-marker-year{bottom:-30px;color:#fffc;font-size:.9rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.journey-evolution-content-side{flex:0 1 45%;position:relative}.journey-evolution-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.journey-evolution-milestone-active .journey-evolution-card{background:#ffffff14;border-color:#667eea4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.journey-evolution-card-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.journey-evolution-card:hover .journey-evolution-card-shine{left:100%}.journey-evolution-card-glow{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);border-radius:22px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.journey-evolution-milestone-active .journey-evolution-card-glow{opacity:.3}.journey-evolution-card-content{position:relative;z-index:2}.journey-evolution-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.journey-evolution-year-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;overflow:hidden;padding:8px 16px;position:relative}.journey-evolution-year-text{color:#fff;font-size:.9rem;font-weight:700;position:relative;z-index:2}.journey-evolution-year-sparkle{animation:journey-evolution-sparkle 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4px}.journey-evolution-highlight-tag{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:15px;color:gold;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;overflow:hidden;padding:6px 12px;position:relative}.journey-evolution-highlight-shimmer{animation:journey-evolution-highlight-shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7004d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.journey-evolution-milestone-counter{color:#ffffff80;font-size:.8rem;font-weight:600}.journey-evolution-card-title{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:15px}.journey-evolution-card-description{color:#ffffffb3;line-height:1.6;margin-bottom:25px}.journey-evolution-stats{display:flex;gap:20px;margin-bottom:25px}.journey-evolution-stat-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex:1 1;gap:12px;padding:15px}.journey-evolution-stat-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.journey-evolution-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#fff;display:block;font-size:1.5rem;font-weight:700}.journey-evolution-stat-label{color:#fff9;display:block;font-size:.8rem;margin-top:2px}.journey-evolution-achievements{margin-bottom:25px}.journey-evolution-achievements-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin-bottom:15px}.journey-evolution-achievements-underline{background:linear-gradient(90deg,#667eea,#0000);border-radius:1px;flex:1 1;height:2px}.journey-evolution-achievements-list{list-style:none;margin:0;padding:0}.journey-evolution-achievement-item{align-items:flex-start;color:#fffc;display:flex;gap:12px;padding:8px 0}.journey-evolution-achievement-check{color:#10b981;flex-shrink:0;margin-top:2px}.journey-evolution-technologies{margin-bottom:25px}.journey-evolution-technologies-title{color:#fffc;font-size:.9rem;font-weight:600;margin-bottom:10px}.journey-evolution-tech-tags{display:flex;flex-wrap:wrap;gap:8px}.journey-evolution-tech-tag{background:#667eea1a;border:1px solid #667eea4d;border-radius:15px;color:#667eea;font-size:.8rem;font-weight:500;padding:4px 12px}.journey-evolution-card-footer{border-top:1px solid #ffffff1a;padding-top:20px}.journey-evolution-card-decorline{background:linear-gradient(90deg,#667eea,#764ba2);height:2px;margin-bottom:20px;overflow:hidden;position:relative;width:50px}.journey-evolution-card-decorline:after{animation:journey-evolution-decorline-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.journey-evolution-card-actions{align-items:center;display:flex;justify-content:space-between}.journey-evolution-learn-more{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.journey-evolution-learn-more:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.journey-evolution-arrow-container{transition:transform .3s ease}.journey-evolution-learn-more:hover .journey-evolution-arrow-container{transform:translateX(3px)}.journey-evolution-share{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.journey-evolution-share:hover{background:#fff3;color:#fff}.journey-evolution-image-side{flex:0 1 45%}.journey-evolution-image-container{position:relative}.journey-evolution-image-wrapper{border-radius:15px;box-shadow:0 20px 40px #0000004d;overflow:hidden;position:relative;transition:all .3s ease}.journey-evolution-milestone-active .journey-evolution-image-wrapper{box-shadow:0 25px 50px #0006;transform:scale(1.02)}.journey-evolution-image-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.journey-evolution-image-frame{border:2px solid #ffffff1a;border-radius:17px;bottom:-2px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:3}.journey-evolution-image{display:block;height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.journey-evolution-image-wrapper:hover .journey-evolution-image{transform:scale(1.05)}.journey-evolution-image-badge{background:#ffffffe6;border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#667eea;height:40px;right:15px;top:15px;width:40px;z-index:4}.journey-evolution-image-badge,.journey-evolution-image-hover{align-items:center;display:flex;justify-content:center;position:absolute}.journey-evolution-image-hover{background:#667eeacc;bottom:0;color:#fff;font-weight:600;left:0;opacity:0;right:0;top:0;transition:opacity .3s ease;z-index:5}.journey-evolution-image-wrapper:hover .journey-evolution-image-hover{opacity:1}.journey-evolution-image-caption{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:8px;margin-top:15px}.journey-evolution-caption-icon{font-size:1rem}.journey-evolution-image-stats{display:flex;gap:15px;margin-top:15px}.journey-evolution-image-stat{flex:1 1;text-align:center}.journey-evolution-image-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#fff;display:block;font-size:1.2rem;font-weight:700}.journey-evolution-image-stat-label{color:#fff9;display:block;font-size:.7rem;margin-top:2px}.journey-evolution-footer{margin-top:100px;position:relative;text-align:center}.journey-evolution-footer-sparkles{display:flex;justify-content:space-around;left:0;position:absolute;right:0;top:0}.journey-evolution-sparkle{animation:journey-evolution-sparkle-fall 3s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;opacity:0;width:4px}.journey-evolution-sparkle:first-child{animation-delay:0s}.journey-evolution-sparkle:nth-child(2){animation-delay:1s}.journey-evolution-sparkle:nth-child(3){animation-delay:2s}@keyframes journey-evolution-sparkle-fall{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1}to{opacity:0;transform:translateY(100px)}}.journey-evolution-footer-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;overflow:hidden;padding:60px 40px;position:relative}.journey-evolution-footer-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:15px}.journey-evolution-footer-text{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto 40px;max-width:500px}.journey-evolution-footer-stats{display:flex;gap:40px;justify-content:center;margin-bottom:40px}.journey-evolution-footer-stat{text-align:center}.journey-evolution-footer-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#fff;display:block;font-size:2rem;font-weight:800;margin-bottom:5px}.journey-evolution-footer-stat-label{color:#fff9;display:block;font-size:.9rem}.journey-evolution-footer-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.journey-evolution-cta-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.journey-evolution-cta-shimmer{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.journey-evolution-cta-primary:hover .journey-evolution-cta-shimmer{left:100%}.journey-evolution-cta-primary:hover{box-shadow:0 15px 30px #667eea66;transform:translateY(-3px)}.journey-evolution-cta-arrow{transition:transform .3s ease}.journey-evolution-cta-primary:hover .journey-evolution-cta-arrow{transform:translateX(5px)}.journey-evolution-cta-secondary{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:16px 24px;transition:all .3s ease}.journey-evolution-cta-secondary:hover{background:#fff3;transform:translateY(-2px)}.journey-evolution-scroll-indicator{color:#ffffff80;font-size:.9rem;margin-top:40px}.journey-evolution-scroll-arrow{animation:journey-evolution-scroll-bounce 2s ease-in-out infinite;border-bottom:2px solid #ffffff80;border-right:2px solid #ffffff80;height:20px;margin:0 auto 10px;transform:rotate(45deg);width:20px}@keyframes journey-evolution-scroll-bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(-10px)}60%{transform:rotate(45deg) translateY(-5px)}}@media (max-width:1024px){.journey-evolution-milestone-left,.journey-evolution-milestone-right{flex-direction:column;gap:40px;text-align:center}.journey-evolution-content-side,.journey-evolution-image-side{flex:1 1;width:100%}.journey-evolution-marker{left:auto;margin-bottom:20px;position:relative;transform:none}.journey-evolution-timeline-line{left:50px}}@media (max-width:768px){.journey-evolution-title{font-size:2.5rem}.journey-evolution-stats{flex-direction:column}.journey-evolution-footer-stats{flex-direction:column;gap:20px}.journey-evolution-footer-actions{align-items:center;flex-direction:column}.journey-evolution-cta-primary,.journey-evolution-cta-secondary{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}.team-values-wrapper{background-color:#fff;margin-left:30px;margin-top:-90px;overflow:hidden;padding:100px 0;width:100%}.team-values-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto 80px;max-width:1400px;padding:0 40px}.values-content-section{max-width:600px}.values-header{margin-bottom:50px}.values-subtitle{color:#666;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.values-subtitle,.values-title{font-family:Raleway,sans-serif;text-align:justify}.values-title{display:flex;flex-direction:column;font-size:52px;font-weight:800;line-height:1.2;margin-bottom:20px}.values-title-highlight{color:#c94449;margin-bottom:5px}.values-title-dark{color:#3d4450}.values-description{color:#555;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.8;text-align:justify}.values-slider-wrapper{position:relative}.values-cards-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);min-height:280px}.value-card{align-items:center;display:flex;flex-direction:column;opacity:0;text-align:center}.value-card,.value-card.slide-in{animation:slideIn .6s ease forwards}.value-card:nth-child(2){animation-delay:.2s}.value-icon-circle{align-items:center;border-radius:50%;color:#fff;display:flex;height:90px;justify-content:center;margin-bottom:20px;transition:transform .3s ease;width:90px}.value-card:hover .value-icon-circle{transform:scale(1.1)}.value-card-title{color:#3d4450;font-family:Raleway,sans-serif;font-size:24px;font-weight:700;margin-bottom:12px}.value-card-description{color:#666;font-family:Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.7}.slider-dots{display:flex;gap:12px;justify-content:center;margin-top:40px}.dot{background-color:#d0d0d0;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot:hover{background-color:#a0a0a0;transform:scale(1.2)}.dot.active{background-color:#c94449;border-radius:6px;width:32px}.values-image-section{align-items:center;display:flex;justify-content:center}.organic-shape-wrapper{max-width:650px;position:relative;width:100%}.team-values-image{display:block;height:auto;transition:transform .5s ease;width:100%}.organic-shape-wrapper:hover .team-values-image{transform:scale(1.02)}@media (max-width:1200px){.team-values-container{gap:60px}.values-title{font-size:44px}.organic-shape-wrapper{max-width:550px}}@media (max-width:968px){.team-values-wrapper{padding:70px 0}.team-values-container{gap:50px;grid-template-columns:1fr;padding:0 30px}.values-content-section{max-width:100%}.values-title{font-size:38px}.organic-shape-wrapper{margin:0 auto;max-width:500px}}@media (max-width:640px){.team-values-wrapper{padding:50px 0}.team-values-container{padding:0 20px}.values-title{font-size:32px}.values-cards-grid{gap:30px;grid-template-columns:1fr;min-height:240px}.value-icon-circle{height:80px;width:80px}.value-card-title{font-size:22px}.value-card-description{font-size:14px}.organic-shape-wrapper{max-width:400px}}@media (max-width:480px){.values-title{font-size:28px}.value-icon-circle{height:70px;width:70px}.value-card-title{font-size:20px}.organic-shape-wrapper{max-width:320px}}.jobportal{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.jobportal__container{margin:0 auto;max-width:1400px;padding:0 20px}.jobportal__hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:100px 0 60px;position:relative}.jobportal__hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.jobportal__hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.jobportal__hero-title{animation:jobportalTitleSlide 1s ease-out;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.jobportal__highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text}.jobportal__hero-subtitle{animation:jobportalSubtitleSlide 1s ease-out .2s both;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.jobportal__search{animation:jobportalSearchSlide 1s ease-out .4s both;margin:0 auto 3rem;max-width:700px}.jobportal__search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;padding:8px;transition:all .3s ease}.jobportal__search-container:focus-within{background:#fff3;border-color:#fff6;box-shadow:0 20px 40px #00000026;transform:translateY(-2px)}.jobportal__search-icon{align-self:center;color:#fffc;font-size:1.2rem;margin:0 16px}.jobportal__search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1.1rem;outline:none;padding:12px 0}.jobportal__search-input::placeholder{color:#ffffffb3}.jobportal__filter-toggle{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.jobportal__filter-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.jobportal__quick-stats{animation:jobportalStatsFade 1s ease-out .6s both;color:#fff;display:flex;gap:3rem;justify-content:center}.jobportal__stat{text-align:center}.jobportal__stat-number{font-size:2.5rem;margin-bottom:.5rem}.jobportal__stat-label{letter-spacing:.5px;opacity:.8;text-transform:uppercase}.jobportal__main{padding:80px 0}.jobportal__content-header{align-items:center;animation:jobportalHeaderSlide .8s ease-out;display:flex;justify-content:space-between;margin-bottom:3rem}.jobportal__section-title{font-size:2.5rem;font-weight:700;gap:1rem}.jobportal__job-count{color:#64748b;font-size:1.5rem;font-weight:400}.jobportal__sort-controls{align-items:center;color:#64748b;display:flex;font-weight:500;gap:1rem}.jobportal__sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.jobportal__sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.jobportal__jobs-grid{grid-gap:2rem;animation:jobportalGridAppear .8s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.jobportal__job-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.jobportal__job-card:before{background:linear-gradient(90deg,#0000,#3b82f60a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.jobportal__job-card:hover:before{left:100%}.jobportal__job-card:hover{border-color:#3b82f6;box-shadow:0 25px 50px #00000026;transform:translateY(-8px) scale(1.02)}.jobportal__job-card--featured{background:linear-gradient(135deg,#fff,#f0fdf4);border:2px solid #10b981}.jobportal__job-card--urgent{background:linear-gradient(135deg,#fff,#fef2f2);border:2px solid #ef4444}.jobportal__featured-badge{animation:jobportalPulse 2s infinite;background:#10b981;right:1rem}.jobportal__featured-badge,.jobportal__urgent-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;text-transform:uppercase;top:1rem}.jobportal__urgent-badge{animation:jobportalPulse 1.5s infinite;background:#ef4444;left:1rem}.jobportal__job-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.jobportal__company-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.jobportal__job-basic{flex:1 1}.jobportal__job-title{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.jobportal__company-name{font-size:.875rem;font-weight:500}.jobportal__save-icon{background:none;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .3s ease}.jobportal__save-icon:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.jobportal__save-icon--saved{color:#ef4444}.jobportal__job-meta{gap:1rem}.jobportal__meta-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.jobportal__job-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;line-height:1.6;margin-bottom:1.5rem;overflow:hidden}.jobportal__job-footer{align-items:center;display:flex;justify-content:space-between}.jobportal__job-stats{display:flex;gap:1rem}.jobportal__stat{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;font-weight:500;gap:.375rem}.jobportal__view-job{align-items:center;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.jobportal__view-job:hover{background:#2563eb;gap:.75rem;transform:translateX(4px)}.jobportal__filter-panel{background:#fff;box-shadow:-5px 0 30px #0000001a;height:100vh;overflow-y:auto;padding:2rem;position:fixed;right:-400px;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:380px;z-index:1000}.jobportal__filter-panel--open{right:0}.jobportal__filter-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.jobportal__filter-header h3{color:#1e293b;font-size:1.5rem;font-weight:700}.jobportal__filter-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .3s ease}.jobportal__filter-close:hover{background:#f1f5f9;color:#374151}.jobportal__filter-group{margin-bottom:1.5rem}.jobportal__filter-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.jobportal__filter-group input,.jobportal__filter-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.jobportal__filter-group input:focus,.jobportal__filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.jobportal__clear-filters{background:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.jobportal__clear-filters:hover{background:#475569;transform:translateY(-2px)}.jobportal__modal-overlay{align-items:center;animation:jobportalModalFade .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.jobportal__modal-content{animation:jobportalModalSlide .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:24px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.jobportal__modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-46.5rem;top:0;transition:all .3s ease;width:40px;z-index:1000}.jobportal__modal-close:hover{background:#0003;color:#374151;transform:rotate(90deg)}.jobportal__modal-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #f1f5f9;border-radius:24px 24px 0 0;padding:2.5rem 2.5rem 2rem}.jobportal__modal-company{align-items:flex-start;display:flex;gap:1.5rem}.jobportal__company-info{flex:1 1}.jobportal__modal-title{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.jobportal__company-name{color:#64748b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.jobportal__job-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.jobportal__job-meta span{align-items:center;color:#64748b;display:flex;font-weight:500;gap:.5rem}.jobportal__modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.jobportal__save-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.jobportal__save-btn:hover{border-color:#ef4444;color:#ef4444;transform:translateY(-2px)}.jobportal__save-btn--saved{background:#ef44440d;border-color:#ef4444;color:#ef4444}.jobportal__apply-btn{background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.jobportal__apply-btn:hover{background:#059669;box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.jobportal__modal-body{padding:2rem 2.5rem}.jobportal__modal-section{margin-bottom:2.5rem}.jobportal__section-title{color:#1e293b;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.jobportal__job-description{color:#64748b;font-size:1.1rem;line-height:1.7}.jobportal__requirements-list{list-style:none;padding:0}.jobportal__requirement-item{align-items:flex-start;color:#475569;display:flex;gap:1rem;line-height:1.6;margin-bottom:1rem}.jobportal__check-icon{color:#10b981;flex-shrink:0;margin-top:.25rem}.jobportal__benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.jobportal__benefit-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.jobportal__benefit-card:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px)}.jobportal__benefit-icon{color:#3b82f6;font-size:1.25rem}.jobportal__stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.jobportal__stat-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.jobportal__stat-icon{color:#3b82f6;font-size:1.5rem}.jobportal__stat-number{color:#fff;display:block;font-size:1.5rem;font-weight:700}.jobportal__stat-label{color:#fff;display:block;font-size:.875rem;font-weight:500}.jobportal__modal-footer{background:#f8fafc;border-radius:0 0 24px 24px;border-top:1px solid #f1f5f9;padding:1.5rem 2.5rem}.jobportal__footer-actions{align-items:center;display:flex;justify-content:space-between}.jobportal__secondary-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.jobportal__secondary-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.jobportal__primary-btn{align-items:center;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.jobportal__primary-btn:hover{background:#2563eb;box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.jobportal__no-results{color:#64748b;grid-column:1/-1;padding:4rem 2rem;text-align:center}.jobportal__no-results-icon{animation:jobportalBounce 2s infinite;font-size:4rem;margin-bottom:1.5rem}.jobportal__no-results h3{color:#64748b;font-size:1.5rem;margin-bottom:1rem}.jobportal__clear-search{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.jobportal__clear-search:hover{background:#2563eb;transform:translateY(-2px)}.jobportal__cta{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#000;padding:80px 0;text-align:center}.jobportal__cta-content{margin:0 auto;max-width:600px}.jobportal__cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.jobportal__cta-content p{font-size:1.125rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.jobportal__cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.jobportal__cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.jobportal__cta-btn--primary{background:#3b82f6;color:#fff}.jobportal__cta-btn--primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.jobportal__cta-btn--secondary{background:#3b82f6;border:2px solid #fff3;color:#fff}.jobportal__cta-btn--secondary:hover{background:#2563eb;transform:translateY(-2px)}@keyframes jobportalTitleSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes jobportalSubtitleSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes jobportalSearchSlide{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes jobportalStatsFade{0%{opacity:0}to{opacity:1}}@keyframes jobportalHeaderSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes jobportalGridAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes jobportalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes jobportalModalFade{0%{opacity:0}to{opacity:1}}@keyframes jobportalModalSlide{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes jobportalBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1024px){.jobportal__jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.jobportal__hero-title{font-size:3rem}}@media (max-width:768px){.jobportal__hero-title{font-size:2.5rem}.jobportal__jobs-grid{grid-template-columns:1fr}.jobportal__search-container{flex-direction:column;gap:1rem;padding:1.5rem}.jobportal__content-header{align-items:flex-start;flex-direction:column;gap:1rem}.jobportal__quick-stats{gap:1.5rem}.jobportal__stat-number{font-size:2rem}.jobportal__filter-panel{right:-100%;width:100%}.jobportal__modal-content{margin:1rem;max-height:95vh}.jobportal__cta-buttons{align-items:center;flex-direction:column}.jobportal__cta-btn{max-width:300px;width:100%}}@media (max-width:480px){.jobportal__container{padding:0 15px}.jobportal__hero{padding:80px 0 40px}.jobportal__job-card{padding:1.5rem}.jobportal__modal-header{padding:2rem 1.5rem 1.5rem}.jobportal__modal-body{padding:1.5rem}.jobportal__modal-company{flex-direction:column;text-align:center}.jobportal__footer-actions{flex-direction:column;gap:1rem}.jobportal__footer-actions button{justify-content:center;width:100%}}.jobportal__header-content{flex:1 1}.jobportal__section-subtitle{color:#64748b;font-size:1.1rem;line-height:1.5;margin-top:.5rem}.jobportal__experience-badge{background:#e0f2fe;border-radius:12px;color:#0369a1;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.jobportal__company-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.jobportal__company-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.jobportal__company-stat{color:#475569;font-size:.9rem}.jobportal__company-mission{border-left:3px solid #3b82f6;color:#374151;font-style:italic;padding-left:1rem}.jobportal__job-overview{background:#f0fdf4;border-left:4px solid #10b981;border-radius:12px;color:#374151;font-size:1.1rem;line-height:1.7;padding:1.5rem}.jobportal__primary-actions{display:flex;gap:1rem}.jobportal__cta-btn--outline{background:#0000;border:2px solid #ffffff4d;color:#fff}.jobportal__cta-btn--outline:hover{background:#ffffff1a;border-color:#ffffff80}.jobportal__featured-badge,.jobportal__urgent-badge{align-items:center;display:flex;gap:.5rem}.jobportal__section-title{align-items:center;display:flex;gap:.75rem}@media (max-width:768px){.jobportal__primary-actions{flex-direction:column}.jobportal__company-stats{grid-template-columns:1fr}.jobportal__cta-buttons{align-items:center;flex-direction:column}.jobportal__cta-btn{justify-content:center;max-width:300px;width:100%}}.hrspam-policy-container{background:linear-gradient(135deg,#fff,#fff 50%,#fff);color:#1e293b;font-family:Inter,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.hrspam-bg-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.hrspam-orb{animation:hrspamOrbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.1;position:absolute}.hrspam-orb-1{animation-delay:0s;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;left:5%;top:10%;width:400px}.hrspam-orb-2{animation-delay:-8s;background:linear-gradient(135deg,#10b981,#06b6d4);height:300px;right:10%;top:60%;width:300px}.hrspam-orb-3{animation-delay:-15s;background:linear-gradient(135deg,#ec4899,#f97316);bottom:20%;height:250px;left:15%;width:250px}.hrspam-grid-overlay{animation:hrspamGridPulse 8s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#6366f108 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b98108 0,#0000 50%)}.hrspam-floating-shapes,.hrspam-grid-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.hrspam-shape{animation:hrspamShapeFloat 18s ease-in-out infinite;background:linear-gradient(135deg,#6366f114,#a855f714);border-radius:12px;position:absolute}.hrspam-shape-1{animation-delay:0s;height:80px;right:8%;top:20%;width:80px}.hrspam-shape-2{animation-delay:-6s;bottom:30%;height:60px;left:8%;width:60px}.hrspam-shape-3{animation-delay:-12s;height:100px;right:20%;top:60%;width:100px}.hrspam-particles{bottom:0;left:0;position:absolute;right:0;top:0}.hrspam-particle{animation:hrspamParticleFloat 15s ease-in-out infinite;animation-delay:var(--delay);background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;height:var(--size);left:var(--x);opacity:.1;position:absolute;top:var(--y);width:var(--size)}.hrspam-content-wrapper{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.hrspam-policy-header{padding:100px 0 60px;text-align:center}.hrspam-header-content{margin:0 auto;max-width:900px}.hrspam-badge-wrapper{margin-bottom:24px}.hrspam-security-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border:1.5px solid #6366f133;border-radius:30px;color:#4f46e5;display:inline-flex;font-size:15px;font-weight:600;gap:10px;overflow:hidden;padding:12px 24px;position:relative}.hrspam-badge-glow{animation:hrspamGlowSlide 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f126,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.hrspam-badge-pulse{animation:hrspamPulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.hrspam-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:3.75rem;font-weight:800;line-height:1.1;margin-bottom:24px}.hrspam-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.hrspam-header-description{color:#475569;font-size:1.25rem;font-weight:500;line-height:1.7;margin-bottom:50px}.hrspam-security-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.hrspam-stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;border:1.5px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:30px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrspam-stat-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.hrspam-stat-glow{animation:hrspamGlowSlide 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f114,#0000);left:-100%;top:0}.hrspam-stat-glow,.hrspam-stat-pulse{height:100%;position:absolute;width:100%}.hrspam-stat-pulse{animation:hrspamPulseRing 3s ease-in-out infinite;background:inherit;border-radius:20px;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}.hrspam-stat-icon{font-size:2.5rem;margin-bottom:16px}.hrspam-stat-value{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:6px}.hrspam-stat-label{color:#64748b;font-size:.95rem;font-weight:600}.hrspam-trust-indicators{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.hrspam-trust-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:12px;color:#475569;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px}.hrspam-trust-icon{font-size:1rem}.hrspam-policy-nav{margin:50px 0 40px}.hrspam-nav-container{grid-gap:8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;border:1.5px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #00000014;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:8px}.hrspam-nav-tab{background:#0000;border:none;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px 16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrspam-nav-tab:hover{background:#6366f10d;transform:translateY(-2px)}.hrspam-nav-active{background:#ffffffe6;box-shadow:0 4px 20px #0000001a}.hrspam-tab-content{align-items:center;display:flex;gap:12px}.hrspam-tab-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.hrspam-tab-text{text-align:left}.hrspam-tab-label{color:#1e293b;display:block;font-size:1rem;font-weight:700;margin-bottom:2px}.hrspam-tab-desc{color:#64748b;display:block;font-size:.8rem;font-weight:500}.hrspam-tab-indicator{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px;bottom:6px;height:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:24px}.hrspam-nav-active .hrspam-tab-indicator{opacity:1}.hrspam-tab-glow{background:linear-gradient(90deg,#0000,#6366f11a,#0000);height:100%;left:-100%;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s ease;width:100%}.hrspam-nav-active .hrspam-tab-glow{left:100%}.hrspam-policy-main{margin-bottom:80px}.hrspam-tab-content{animation:hrspamFadeIn .6s ease-out}.hrspam-section-header{margin-bottom:50px;text-align:center}.hrspam-section-header h2{color:#1e293b;font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:16px}.hrspam-section-header p{color:#475569;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.hrspam-system-architecture{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;border:1.5px solid #ffffffe6;border-radius:24px;box-shadow:0 8px 32px #00000014;margin-bottom:40px;padding:40px}.hrspam-architecture-visual{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:600px}.hrspam-arch-layer{align-items:center;background:#fffc;border:1px solid #ffffffe6;border-radius:16px;display:flex;gap:20px;padding:24px;position:relative;transition:all .3s ease}.hrspam-arch-layer:hover{border-color:#6366f133;transform:translateX(10px)}.hrspam-layer-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;display:flex;flex-shrink:0;font-size:2rem;height:70px;justify-content:center;width:70px}.hrspam-layer-content h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:6px}.hrspam-layer-content p{color:#64748b;font-size:.95rem;margin:0}.hrspam-layer-connector{background:linear-gradient(180deg,#6366f1,#8b5cf6);bottom:-30px;height:30px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.hrspam-arch-layer:last-child .hrspam-layer-connector{display:none}.hrspam-features-showcase{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.hrspam-feature-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;border:1.5px solid #ffffffe6;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.hrspam-feature-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.hrspam-feature-active{border-color:#6366f166;transform:translateY(-8px) scale(1.02)}.hrspam-feature-visual{height:80px;margin-bottom:20px;position:relative;width:80px}.hrspam-feature-orb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .4s ease;width:100%}.hrspam-feature-card:hover .hrspam-feature-orb{transform:rotate(135deg)}.hrspam-feature-icon{align-items:center;display:flex;font-size:2rem;height:100%;justify-content:center;position:relative;z-index:2}.hrspam-feature-ripple{animation:hrspamRipple 3s ease-in-out infinite;border:2px solid #6366f1;border-radius:20px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);width:100%}.hrspam-feature-sparkles{bottom:0;left:0;position:absolute;right:0;top:0}.hrspam-sparkle{animation:hrspamSparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;opacity:0;position:absolute;width:6px}.hrspam-sparkle:first-child{left:20%;top:10%}.hrspam-sparkle:nth-child(2){right:10%;top:20%}.hrspam-sparkle:nth-child(3){bottom:10%;left:30%}.hrspam-feature-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:12px}.hrspam-feature-content p{color:#475569;line-height:1.6;margin-bottom:20px}.hrspam-feature-metric{align-items:center;display:flex;gap:12px}.hrspam-metric-value{color:#059669;font-size:1.125rem;font-weight:700;white-space:nowrap}.hrspam-metric-bar{background:#6366f11a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.hrspam-metric-fill{animation:hrspamMetricFill 2s ease-out;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%}.hrspam-feature-glow{animation:hrspamGlowSlide 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f10d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes hrspamOrbFloat{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translate(-15px,15px) rotate(180deg)}75%{transform:translate(10px,-10px) rotate(270deg)}}@keyframes hrspamGridPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes hrspamShapeFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(8px) rotate(240deg)}}@keyframes hrspamParticleFloat{0%,to{opacity:.1;transform:translate(0)}25%{opacity:.2;transform:translate(10px,-10px)}50%{opacity:.15;transform:translate(-5px,5px)}75%{opacity:.1;transform:translate(5px,-5px)}}@keyframes hrspamGlowSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes hrspamPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes hrspamPulseRing{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes hrspamFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hrspamRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes hrspamSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes hrspamMetricFill{0%{width:0}}@media (max-width:1024px){.hrspam-main-title{font-size:3.25rem}.hrspam-nav-container{grid-template-columns:repeat(2,1fr)}.hrspam-features-showcase{grid-template-columns:1fr}.hrspam-system-architecture{padding:30px}}@media (max-width:768px){.hrspam-content-wrapper{padding:0 16px}.hrspam-policy-header{padding:80px 0 40px}.hrspam-main-title{font-size:2.75rem}.hrspam-nav-container{grid-template-columns:1fr}.hrspam-security-stats{grid-template-columns:repeat(2,1fr)}.hrspam-trust-indicators{align-items:center;flex-direction:column}.hrspam-architecture-visual{gap:20px}.hrspam-arch-layer{flex-direction:column;gap:16px;text-align:center}.hrspam-layer-connector{bottom:-20px;height:20px}}@media (max-width:480px){.hrspam-main-title{font-size:2.25rem}.hrspam-header-description{font-size:1.125rem}.hrspam-security-stats{grid-template-columns:1fr}.hrspam-section-header h2{font-size:2.25rem}.hrspam-feature-card{padding:24px}.hrspam-system-architecture{padding:20px}}.pricoh-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:70px auto 0;max-width:1200px;padding:30px 20px}.pricoh-header{border-bottom:1px solid #eaeaea;margin-bottom:40px;padding-bottom:30px;text-align:center}.pricoh-header-content{margin:0 auto;max-width:800px}.pricoh-main-title{color:#1a1a1a;font-size:3rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.pricoh-header-subtitle{color:#666;font-size:1.125rem;line-height:1.6;margin-bottom:25px}.pricoh-user-email-badge{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;display:inline-flex;font-size:.95rem;gap:8px;padding:10px 20px}.pricoh-email-label{color:#0369a1;font-weight:600}.pricoh-email-value{color:#0c4a6e;font-weight:500}.pricoh-guest-notice{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:20px;color:#92400e;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px}.pricoh-guest-icon{font-size:1.2rem}.pricoh-trial-ended-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:16px;margin-bottom:40px;padding:24px}.pricoh-trial-ended-content{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:800px}.pricoh-warning-icon{flex-shrink:0;font-size:2rem}.pricoh-warning-text{flex:1 1}.pricoh-warning-title{color:#92400e;font-size:1.5rem;font-weight:700;justify-content:center;margin-bottom:8px;text-align:center}.pricoh-warning-desc{color:#78350f;line-height:1.6;margin-bottom:12px}.pricoh-trial-account-info{background:#fffc;border-radius:8px;color:#78350f;display:inline-block;padding:10px 16px}.pricoh-pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px}.pricoh-pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;display:flex;flex-direction:column;height:100%;padding:32px;position:relative;transition:all .3s ease}.pricoh-pricing-card:hover{border-color:#3b82f6;box-shadow:0 20px 40px #0000001a;transform:translateY(-5px)}.pricoh-pricing-card--popular{border-color:#3b82f6;border-width:3px}.pricoh-pricing-card-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;font-size:.875rem;font-weight:700;left:50%;letter-spacing:.5px;padding:8px 24px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricoh-card-header{flex:1 1;margin-bottom:30px}.pricoh-plan-name{color:#1a1a1a;font-size:1.75rem;font-weight:800;margin-bottom:8px}.pricoh-plan-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:24px}.pricoh-price-section{text-align:center}.pricoh-price-main{align-items:flex-start;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.pricoh-price-currency{color:#1a1a1a;font-size:1.5rem;font-weight:600;padding-top:8px}.pricoh-price-amount{color:#1a1a1a;font-size:3.5rem;font-weight:800;line-height:1}.pricoh-price-period{color:#666;font-size:1rem;margin-bottom:16px}.pricoh-monthly-equivalent{background:#f0f9ff;border-radius:12px;color:#0369a1;display:inline-block;font-weight:600;margin-bottom:16px;padding:8px 16px}.pricoh-savings-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px}.pricoh-card-footer{margin-top:auto}.pricoh-upgrade-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:10px;justify-content:center;padding:18px 24px;transition:all .3s ease;width:100%}.pricoh-upgrade-button:hover:not(:disabled){box-shadow:0 10px 20px #3b82f64d;transform:translateY(-2px)}.pricoh-upgrade-button--highlight{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pricoh-upgrade-button:disabled{cursor:not-allowed;opacity:.7}.pricoh-button-spinner{animation:pricoh-spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes pricoh-spin{to{transform:rotate(1turn)}}.pricoh-login-warning{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:12px;text-align:center}.pricoh-features-section{background:#f8fafc;border-radius:20px;margin-bottom:60px;padding:48px 32px}.pricoh-features-header{margin-bottom:40px;text-align:center}.pricoh-features-title{color:#1a1a1a;font-size:2.25rem;font-weight:800;margin-bottom:12px}.pricoh-features-subtitle{color:#666;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.pricoh-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.pricoh-feature-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:16px 20px;transition:all .2s ease}.pricoh-feature-item:hover{border-color:#3b82f6;transform:translateY(-2px)}.pricoh-feature-icon{color:#10b981;flex-shrink:0;font-size:1.25rem;font-weight:700}.pricoh-feature-text{color:#1a1a1a;font-size:1rem;font-weight:500}.pricoh-faq-section{margin-bottom:60px}.pricoh-faq-header{margin-bottom:40px;text-align:center}.pricoh-faq-title{color:#1a1a1a;font-size:2.25rem;font-weight:800;margin-bottom:12px}.pricoh-faq-subtitle{color:#666;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.pricoh-faq-list{margin:0 auto;max-width:800px}.pricoh-faq-item{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.pricoh-faq-item--active{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.pricoh-faq-question{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:24px}.pricoh-question-text{color:#1a1a1a;flex:1 1;font-size:1.125rem;font-weight:600;margin:0}.pricoh-faq-icon{align-items:center;color:#3b82f6;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:400;height:24px;justify-content:center;margin-left:20px;transition:transform .3s ease;width:24px}.pricoh-faq-icon--open{transform:rotate(45deg)}.pricoh-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.pricoh-faq-answer--open{max-height:500px}.pricoh-answer-text{color:#666;font-size:1rem;line-height:1.7;margin:0;padding:0 24px 24px}.pricoh-support-section{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;margin-bottom:40px;padding:48px 32px;text-align:center}.pricoh-support-content{margin:0 auto;max-width:600px}.pricoh-support-title{color:#fff;font-size:2rem;font-weight:800;justify-content:center;margin-bottom:12px}.pricoh-support-subtitle{font-size:1.125rem;line-height:1.6;margin-bottom:32px;opacity:.9}.pricoh-contact-options{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.pricoh-contact-link{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:12px;padding:16px 28px;text-decoration:none;transition:all .3s ease}.pricoh-contact-link:hover{background:#fff3;transform:translateY(-2px)}.pricoh-contact-icon{font-size:1.5rem}.pricoh-back-to-login{text-align:center}.pricoh-back-button{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#666;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.pricoh-back-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.pricoh-back-arrow{font-size:1.25rem}.pricoh-login-prompt{align-items:center;display:flex;justify-content:center;min-height:80vh}.pricoh-prompt-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:480px;padding:48px;text-align:center;width:100%}.pricoh-prompt-header{margin-bottom:32px}.pricoh-prompt-title{color:#1a1a1a;font-size:2rem;font-weight:800;margin-bottom:12px}.pricoh-prompt-subtitle{color:#666;font-size:1.125rem;line-height:1.6}.pricoh-selected-plan-info{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:28px}.pricoh-plan-badge-prompt{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;display:inline-block;font-size:1.125rem;font-weight:700;margin-bottom:20px;padding:10px 24px}.pricoh-plan-price-prompt{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:16px}.pricoh-currency{color:#1a1a1a;font-size:1.5rem;font-weight:600}.pricoh-amount{color:#1a1a1a;font-size:3rem;font-weight:800}.pricoh-period{color:#666;font-size:1.125rem}.pricoh-savings-badge-prompt{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px}.pricoh-user-email-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;font-size:.95rem;margin-bottom:32px;padding:16px}.pricoh-prompt-buttons{display:flex;flex-direction:column;gap:16px}.pricoh-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;padding:18px 24px;transition:all .3s ease}.pricoh-btn-primary:hover{box-shadow:0 10px 20px #3b82f64d;transform:translateY(-2px)}.pricoh-btn-secondary{background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 24px;transition:all .3s ease}.pricoh-btn-secondary:hover{border-color:#3b82f6;color:#3b82f6}@media (max-width:768px){.pricoh-main-title{font-size:2.5rem}.pricoh-pricing-grid{gap:24px;grid-template-columns:1fr}.pricoh-trial-ended-content{flex-direction:column;gap:16px;text-align:center}.pricoh-features-grid{grid-template-columns:1fr}.pricoh-contact-options{align-items:center;flex-direction:column}.pricoh-contact-link{justify-content:center;width:100%}.pricoh-prompt-content{margin:20px;padding:32px 24px}}@media (max-width:480px){.pricoh-container{padding:20px 16px}.pricoh-main-title{font-size:2rem}.pricoh-faq-title,.pricoh-features-title{font-size:1.75rem}.pricoh-price-amount{font-size:2.75rem}.pricoh-faq-question{padding:20px 16px}.pricoh-answer-text{padding:0 16px 20px}}.applications-container{background:#f8f9fa;min-height:100vh;padding:20px}.applications-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.applications-header h1{color:#333;margin:0 0 15px}.applications-stats{color:#666;display:flex;font-size:14px;gap:20px}.applications-stats span{background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;padding:5px 15px}.applications-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.applications-table{border-collapse:collapse;width:100%}.applications-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:15px;text-align:left}.applications-table td{border-bottom:1px solid #e9ecef;padding:15px}.applications-table tr:hover{background:#f8f9fa}.candidate-info{display:flex;flex-direction:column}.candidate-name{color:#333;font-weight:500}.candidate-email{color:#666;font-size:12px;margin-top:2px}.position-info{display:flex;flex-direction:column}.job-title{color:#2c5aa0;font-weight:500}.department{color:#666;font-size:12px;margin-top:2px}.status-badge{padding:5px 12px;text-transform:capitalize}.status-pending{background:#fff3cd;color:#856404}.status-accepted{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-shortlisted{background:#cce5ff;color:#004085}.offer-sent{color:#28a745;font-weight:500}.offer-pending{color:#ffc107;font-weight:500}.action-buttons{gap:10px}.btn-view{background:#6c757d}.btn-generate,.btn-view{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-generate{background:#2c5aa0}.btn-generate:disabled{background:#adb5bd;cursor:not-allowed}.loading{align-items:center;color:#666;display:flex;font-size:18px;height:200px;justify-content:center}@media (max-width:768px){.applications-container{padding:10px}.applications-table{font-size:14px}.applications-table td,.applications-table th{padding:10px}.action-buttons{flex-direction:column;gap:5px}.applications-stats{flex-wrap:wrap;gap:10px}}.templates-modal{max-height:90vh;max-width:1200px;width:95%}.template-controls{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.search-box input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px 15px;width:100%}.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.category-btn{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .3s}.category-btn.active{background:#2c5aa0;border-color:#2c5aa0;color:#fff}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:60vh;overflow-y:auto;padding:10px}.template-card{background:#fff;border:2px solid #e9ecef;border-left:4px solid;border-radius:10px;cursor:pointer;padding:15px;position:relative;transition:all .3s}.template-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.template-card.selected{background:#f0f7ff;border-color:#2c5aa0!important}.template-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.template-name{color:#333;font-weight:700}.template-category{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.template-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:15px}.template-preview-container{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:15px;min-height:180px;overflow:hidden;padding:12px}.template-preview{font-size:11px;line-height:1.3}.template-preview.corporate .preview-header{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:10px;margin-bottom:10px;padding-bottom:10px}.company-logo-placeholder{background:#2c5aa0;border-radius:4px;height:30px;width:30px}.company-name{color:#2c5aa0;font-weight:700}.preview-title{color:#333;font-weight:700;margin:10px 0;text-align:center}.template-preview.startup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:15px}.preview-header-modern{margin-bottom:15px;text-align:center}.company-name-modern{font-size:14px;font-weight:700;margin-bottom:5px}.tagline{font-size:10px;opacity:.9}.modern-details{background:#ffffff1a;border-radius:6px;margin-top:10px;padding:8px}.template-preview.legal{border:1px solid #cbd5e0;padding:10px}.preview-header-legal{border-bottom:2px solid #4a5568;margin-bottom:10px;padding-bottom:5px}.ref-number{color:#666;font-size:9px;text-align:right}.legal-notes{color:#666;font-size:9px;margin-top:8px}.template-preview.creative{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;padding:15px;text-align:center}.creative-title{font-size:14px;font-weight:700;margin-bottom:5px}.creative-role{background:#fff3;border-radius:5px;font-size:12px;font-weight:700;margin:8px 0;padding:5px}.template-preview.internship{background:#e6fffa;border-radius:8px;padding:12px}.internship-badge{background:#38b2ac;border-radius:12px;color:#fff;display:inline-block;font-size:10px;margin-bottom:8px;padding:2px 8px}.template-features{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.feature-tag{background:#e9ecef;color:#666}.feature-tag,.template-selected-indicator{border-radius:12px;font-size:11px;padding:3px 8px}.template-selected-indicator{background:#2c5aa0;color:#fff;font-weight:500;position:absolute;right:10px;top:10px}.selected-template-preview{background:#f8f9fa;border-left:4px solid #2c5aa0;border-radius:10px;margin-top:20px;padding:20px}.template-notes{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:15px;padding:15px}.template-notes ul{color:#495057;margin:10px 0 0 20px}.template-notes li{margin-bottom:5px}.modal-footer{border-top:1px solid #dee2e6;gap:10px;padding:20px}.primary-btn{background:#2c5aa0;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px}.primary-btn:disabled{background:#ccc;cursor:not-allowed}.secondary-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}@media (max-width:768px){.templates-modal{margin:10px;width:98%}.templates-grid{grid-template-columns:1fr}.category-filters{overflow-x:auto;padding-bottom:10px}}:root{--primary-red:#c62828;--primary-red-light:#ff5f52;--primary-red-dark:#8e0000;--text-dark-light:#2d3548;--text-gray:#64748b;--text-light:#94a3b8;--bg-light:#f8fafc;--bg-gray:#f1f5f9;--bg-red-light:#ffebee;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-red:#ef9a9a;--success-green:#059669;--warning-orange:#d97706;--error-red:#dc2626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.offer-letter-modal{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#fff,#ffebee);background:linear-gradient(135deg,var(--bg-white),var(--bg-red-light));border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);justify-content:space-between;padding:24px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#1e2330;color:var(--text-dark);font-size:24px;font-weight:700;gap:10px;margin:0}.close-btn{align-items:center;border-radius:50%;color:#64748b;color:var(--text-gray);display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#f1f5f9;background:var(--bg-gray);color:#c62828;color:var(--primary-red)}.modal-body{flex:1 1;overflow-y:auto;padding:0}.modal-body>div{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:30px}.modal-body>div:last-child{border-bottom:none}h3{align-items:center;border-bottom:2px solid #c62828;border-bottom:2px solid var(--primary-red);display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:24px;padding-bottom:12px}h3,h4{color:#1e2330;color:var(--text-dark)}h4{font-size:16px;font-weight:600;margin-bottom:16px}.signatures-section{background:linear-gradient(135deg,#fff,#ffebee);background:linear-gradient(135deg,var(--bg-white),var(--bg-red-light))}.signatures-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.signature-item{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);padding:20px;transition:all .3s ease}.signature-item:hover{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.signature-item h4{color:#1e2330;color:var(--text-dark);font-size:16px;font-weight:600;margin-bottom:15px}.signature-preview{text-align:center}.signature-preview img{background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius-sm);margin-bottom:12px;max-height:100px;max-width:200px;padding:5px}.add-signature-btn,.change-signature-btn{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);border-radius:6px;border-radius:var(--border-radius-sm);color:#c62828;color:var(--primary-red);cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:10px;padding:12px;text-align:center;transition:all .3s ease;width:100%}.add-signature-btn:hover,.change-signature-btn:hover{background:#c62828;background:var(--primary-red);color:#fff;color:var(--bg-white);transform:translateY(-1px)}.signature-required{background:#ffebee;background:var(--bg-red-light);border:2px dashed #c62828;border:2px dashed var(--primary-red);border-radius:8px;border-radius:var(--border-radius-md);padding:30px 20px;text-align:center}.signature-note{color:#64748b;color:var(--text-gray);font-size:12px;font-style:italic;margin-top:8px}.signature-status{color:#059669;color:var(--success-green);font-size:12px;font-weight:600;margin-top:8px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-size:14px;font-weight:600;gap:4px;margin-bottom:8px}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius-sm);color:#1e2330;color:var(--text-dark);font-size:14px;padding:12px 16px;transition:all .2s ease}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 0 0 3px #c628281a;outline:none}input:read-only{background:#f8fafc;background:var(--bg-light);cursor:not-allowed}textarea{min-height:100px;resize:vertical}.template-selector{width:100%}.template-dropdown{align-items:center;display:flex;gap:8px}.template-dropdown select{flex:1 1}.edit-template-btn{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #c62828;border:1px solid var(--primary-red);border-radius:6px;border-radius:var(--border-radius-sm);color:#c62828;color:var(--primary-red);cursor:pointer;display:flex;font-size:16px;justify-content:center;min-width:44px;padding:11px 14px;transition:all .2s ease}.edit-template-btn:hover{background:#c62828;background:var(--primary-red);color:#fff;color:var(--bg-white)}.template-preview{font-size:12px;margin-top:8px;padding:8px 12px}.salary-breakup-section{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--bg-light),var(--bg-white));border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);margin-top:20px;padding:20px}.calculate-btn{background:#c62828;background:var(--primary-red);border:none;border-radius:6px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.calculate-btn:hover{background:#8e0000;background:var(--primary-red-dark);transform:translateY(-1px)}.template-management-section{background:#f8fafc;background:var(--bg-light);border-radius:8px;border-radius:var(--border-radius-md);margin-top:20px;padding:20px;text-align:center}.template-manager-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);border-radius:8px;border-radius:var(--border-radius-md);color:#c62828;color:var(--primary-red);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.template-manager-btn:hover{background:#c62828;background:var(--primary-red);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white);transform:translateY(-2px)}.process-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;border-radius:var(--border-radius-md);margin-top:20px;padding:24px}.process-info h4{align-items:center;color:#92400e;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.process-info ol{color:#78350f;margin-left:20px}.process-info li{font-size:14px;margin-bottom:8px;padding-left:8px}.modal-footer{background:#f8fafc;background:var(--bg-light);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-light);bottom:0;display:flex;gap:16px;justify-content:flex-end;padding:24px 30px;position:-webkit-sticky;position:sticky;z-index:10}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:12px 32px;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));color:#fff}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-btn{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-red);color:#c62828;color:var(--primary-red)}.secondary-btn:hover:not(:disabled){background:#c62828;background:var(--primary-red);color:#fff;transform:translateY(-2px)}.primary-btn:disabled,.secondary-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.template-manager-modal,.terms-manager-modal{animation:modalAppear .3s ease;max-height:80vh;max-width:800px}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.template-section-selector{margin-bottom:24px}.template-section-selector select{background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius-sm);color:#1e2330;color:var(--text-dark);font-size:14px;padding:12px;width:100%}.template-section-selector optgroup{color:#c62828;color:var(--primary-red);font-weight:600}.template-section-selector option{padding:8px}.template-list,.terms-template-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:300px;overflow-y:auto;padding:10px}.template-item,.terms-template-item{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);padding:20px;transition:all .2s ease}.template-item:hover,.terms-template-item:hover{border-color:#c62828;border-color:var(--primary-red);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.template-item.default,.terms-template-item.default{background:linear-gradient(135deg,#fff,#ffebee);background:linear-gradient(135deg,var(--bg-white),var(--bg-red-light));border:2px solid #c62828;border:2px solid var(--primary-red)}.template-item.active,.terms-template-item.active{background:linear-gradient(135deg,#fff,#d1fae5);background:linear-gradient(135deg,var(--bg-white),#d1fae5);border:2px solid #059669;border:2px solid var(--success-green)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.template-name{color:#1e2330;color:var(--text-dark);font-size:16px;font-weight:600}.default-badge{background:#c62828;background:var(--primary-red);border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.template-value{line-height:1.5}.template-preview,.template-value{background:#f8fafc;background:var(--bg-light);border-left:3px solid #c62828;border-left:3px solid var(--primary-red);border-radius:6px;border-radius:var(--border-radius-sm);color:#64748b;color:var(--text-gray);font-size:13px;margin-bottom:16px;padding:12px}.template-preview{line-height:1.4}.template-actions{flex-wrap:wrap;gap:8px}.delete-btn,.save-template-btn,.set-default-btn,.use-btn{border:none;border-radius:6px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.set-default-btn{background:#fff;background:var(--bg-white);border:1px solid #c62828;border:1px solid var(--primary-red);color:#c62828;color:var(--primary-red)}.set-default-btn:hover:not(:disabled){background:#c62828;background:var(--primary-red);color:#fff}.set-default-btn:disabled{cursor:not-allowed;opacity:.5}.delete-btn{background:#fff;background:var(--bg-white);border:1px solid #dc2626;border:1px solid var(--error-red);color:#dc2626;color:var(--error-red)}.delete-btn:hover{background:#dc2626;background:var(--error-red);color:#fff}.use-btn{background:#c62828;background:var(--primary-red);border:1px solid #c62828;border:1px solid var(--primary-red);color:#fff}.use-btn:hover{background:#8e0000;background:var(--primary-red-dark)}.add-template-form{background:#f8fafc;background:var(--bg-light);border:2px dashed #cbd5e1;border:2px dashed var(--border-medium);border-radius:8px;border-radius:var(--border-radius-md);padding:20px}.add-template-form h4{color:#c62828;color:var(--primary-red);margin-bottom:16px}.add-template-form .form-group{margin-bottom:16px}.add-template-form input,.add-template-form textarea{width:100%}.add-btn{background:#c62828;background:var(--primary-red);border:none;border-radius:6px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-btn:hover{background:#8e0000;background:var(--primary-red-dark);transform:translateY(-1px)}.terms-template-item .template-actions{justify-content:flex-start}.custom-terms-section textarea{margin-bottom:16px;width:100%}.terms-actions{display:flex;justify-content:flex-end}.save-template-btn{background:linear-gradient(135deg,#c62828,#ff5f52);background:linear-gradient(135deg,var(--primary-red),var(--primary-red-light));font-size:14px;padding:12px 24px}.save-template-btn:hover:not(:disabled){background:linear-gradient(135deg,#8e0000,#c62828);background:linear-gradient(135deg,var(--primary-red-dark),var(--primary-red));transform:translateY(-1px)}.save-template-btn:disabled{cursor:not-allowed;opacity:.5}.signature-modal{max-width:600px}.signature-instructions{margin-bottom:20px;text-align:center}.signature-instructions p{color:#64748b;color:var(--text-gray);font-size:14px}.signature-canvas-container{background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-md);margin-bottom:24px;overflow:hidden}.signature-canvas{cursor:crosshair;display:block;height:200px;width:100%}.signature-actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width:768px){.modal-content{max-height:95vh}.modal-body>div{padding:20px}.form-grid,.signatures-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.primary-btn,.secondary-btn{min-width:auto;width:100%}.template-actions{flex-direction:column}.delete-btn,.set-default-btn,.use-btn{width:100%}}@media (max-width:480px){.modal-header{padding:16px}.modal-header h2{font-size:20px}h3{font-size:18px}.modal-body>div,.modal-footer{padding:16px}}.modal-body::-webkit-scrollbar,.template-list::-webkit-scrollbar,.terms-template-list::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track,.template-list::-webkit-scrollbar-track,.terms-template-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-light)}.modal-body::-webkit-scrollbar-thumb,.template-list::-webkit-scrollbar-thumb,.terms-template-list::-webkit-scrollbar-thumb{background:#c62828;background:var(--primary-red);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.template-list::-webkit-scrollbar-thumb:hover,.terms-template-list::-webkit-scrollbar-thumb:hover{background:#8e0000;background:var(--primary-red-dark)}.manager-team-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.page-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;gap:20px;margin-bottom:30px;padding:20px}.back-button,.page-header{align-items:center;display:flex}.back-button{background:#e5e7eb;border:none;border-radius:8px;cursor:pointer;font-weight:500;gap:8px;padding:10px 20px;transition:background .3s}.back-button:hover{background:#d1d5db}.page-header h1{color:#1e293b;font-size:28px;margin:0}.manager-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px;padding:30px}.manager-basic-info{align-items:center;display:flex;gap:30px;margin-bottom:30px}.manager-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 16px #667eea4d;color:#fff;display:flex;font-size:40px;font-weight:700;height:100px;justify-content:center;width:100px}.manager-details h2{color:#1e293b;font-size:32px;margin:0 0 15px}.manager-meta{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.meta-item{display:flex;flex-direction:column}.meta-item .label{color:#64748b;font-size:14px;font-weight:500;margin-bottom:4px}.meta-item .value{color:#1e293b;font-size:16px;font-weight:600}.team-stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;padding:20px;text-align:center}.stat-number{color:#667eea;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:14px;font-weight:500}.controls-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.search-container{flex:1 1;position:relative}.search-input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:12px 20px 12px 40px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#94a3b8;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.filters-container{display:flex;gap:10px}.filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px}.actions-container{display:flex;gap:10px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.export-btn{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.export-btn:hover{background:linear-gradient(135deg,#059669,#10b981)}.print-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.print-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6)}.team-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px;overflow:hidden}.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 30px}.table-header h3{color:#1e293b;margin:0}.team-table{border-collapse:collapse;width:100%}.team-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:15px 20px;text-align:left;-webkit-user-select:none;user-select:none}.team-table th.sortable:hover{background:#e2e8f0}.team-table td{border-bottom:1px solid #f1f5f9;padding:15px 20px;vertical-align:middle}.team-table tr:hover{background:#f8fafc}.employee-id{background:#f1f5f9;border-radius:4px;color:#475569;font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:4px 8px}.employee-cell{gap:15px}.avatar,.employee-cell{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:40px;justify-content:center;transition:transform .3s;width:40px}.avatar:hover{transform:scale(1.1)}.employee-info .name{color:#1e293b;font-weight:600;margin-bottom:4px}.employee-info .role{color:#64748b;font-size:12px}.department-badge{background:#dbeafe;color:#1d4ed8;padding:4px 12px}.department-badge,.status-badge{border-radius:20px;font-size:12px;font-weight:500}.status-badge{display:inline-block;padding:6px 12px}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.email-link{color:#3b82f6;text-decoration:none}.email-link:hover{text-decoration:underline}.action-buttons{gap:8px}.btn-email,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s}.btn-view{background:#e0e7ff;color:#4f46e5}.btn-view:hover{background:#c7d2fe}.btn-email{background:#f0f9ff;color:#0c4a6e}.btn-email:hover{background:#e0f2fe}.no-data .empty-state{padding:50px;text-align:center}.empty-icon{color:#cbd5e1;font-size:60px;margin-bottom:15px}.no-data p{color:#64748b;margin-bottom:15px}.reset-filters-btn{background:#e2e8f0;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px}.reset-filters-btn:hover{background:#cbd5e1}.footer-stats{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.stat-summary{display:flex;justify-content:space-around}.summary-item{align-items:center;flex-direction:column}.summary-item .label{color:#64748b;font-size:14px;margin-bottom:5px}.summary-item .value{color:#667eea;font-size:24px;font-weight:700}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.error-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.error-container h2{color:#dc2626;margin-bottom:20px}.subscription-container{margin:0 auto;max-width:1200px;padding:20px}.subscription-header{margin-bottom:40px;text-align:center}.subscription-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.subscription-header p{color:#666;font-size:1.1rem}.current-subscription-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:40px;padding:30px}.current-subscription-card h3{font-size:1.5rem;margin:0 0 20px}.status-details{align-items:center;display:flex;gap:20px}.status-icon{font-size:3rem}.status-ended,.status-none,.status-paid,.status-trial{align-items:center;display:flex;flex:1 1;gap:20px}.status-ended h4,.status-none h4,.status-paid h4,.status-trial h4{font-size:1.3rem;margin:0 0 5px}.status-note{font-size:.9rem;margin-top:5px;opacity:.9}.cancel-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;margin-left:auto;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#ffffff4d}.plans-section{margin-bottom:60px}.plans-section h2{color:#333;font-size:2rem;margin-bottom:10px;text-align:center}.plans-subtitle{color:#666;margin-bottom:40px;text-align:center}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.plan-card{border:2px solid #e1e1e1;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px;transition:all .3s ease}.plan-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.plan-card.popular{border-color:#667eea;transform:scale(1.05)}.plan-card.current{border-color:#4caf50}.popular-badge{background:#667eea}.current-badge,.popular-badge{color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:5px 15px;top:-12px;transform:translateX(-50%)}.current-badge{background:#4caf50;border-radius:20px;position:absolute}.plan-header{margin-bottom:25px}.plan-header h3{color:#333;font-size:1.5rem;margin:0 0 15px}.plan-price{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.plan-price .currency{font-size:1.5rem;vertical-align:super}.plan-price .duration{color:#666;font-size:1rem;font-weight:400}.plan-discount{align-items:center;display:flex;gap:10px;justify-content:center}.original-price{color:#999}.discount-percent{background:#ff6b6b;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:3px 10px}.plan-features{margin:25px 0}.feature-item{border-bottom:1px solid #eee;color:#555;font-size:.95rem;padding:10px 0}.feature-item:last-child{border-bottom:none}.plan-select-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.plan-select-btn:hover{opacity:.9;transform:translateY(-2px)}.plan-select-btn.current-btn{background:#4caf50;cursor:default}.plan-select-btn.current-btn:hover{opacity:1;transform:none}.payment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{animation:slideUp .3s ease;background:#fff;border-radius:15px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.payment-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.payment-modal-header h3{color:#333;margin:0}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;line-height:1}.payment-modal-content{padding:30px}.order-summary{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px}.order-summary h4{color:#333;margin:0 0 15px}.summary-details{display:flex;flex-direction:column;gap:10px}.summary-item{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;padding:5px 0}.summary-item:last-child{border-bottom:none}.amount-total{color:#667eea;font-size:1.2rem;font-weight:700}.summary-item.discount{color:#4caf50;font-weight:600}.payment-methods h4{color:#333;margin:0 0 20px}.method-options{display:flex;flex-direction:column;gap:15px}.method-btn{align-items:center;background:#fff;border:2px solid #e1e1e1;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s ease}.method-btn:hover{border-color:#667eea;transform:translateY(-2px)}.paypal-btn{color:#003087}.upi-btn{color:#6fcf97}.card-btn{color:#333}.method-icon{font-size:1.2rem}.payment-status{background:#f8f9fa;border-radius:10px;color:#666;margin:20px 0;padding:15px;text-align:center}.payment-security{margin-top:20px}.security-note{color:#666;font-size:.9rem}.faq-section{background:#f8f9fa;border-radius:15px;margin-top:60px;padding:40px}.faq-section h2{color:#333;margin-bottom:30px;text-align:center}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.faq-item h4{color:#333;font-size:1.1rem;margin:0 0 10px}.faq-item p{color:#666;line-height:1.6;margin:0}.subscription-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{border:5px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.plan-card.popular{transform:none}.status-details{align-items:flex-start;flex-direction:column}.cancel-btn{margin-left:0;margin-top:15px}.faq-grid{grid-template-columns:1fr}}:root{--primary-color:#c62828;--primary-hover:#b71c1c;--primary-light:#c628281a;--text-dark:#1e2330;--text-light:#6b7280;--bg-white:#fff;--bg-light:#f9fafb;--border-color:#e5e7eb;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--gold:#fbbf24;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--border-radius:12px}.hr-pricing-page{background:linear-gradient(135deg,#c628281a,#fff);background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-white) 100%);color:#1e2330;color:var(--text-dark);font-family:Raleway,sans-serif;margin-top:60px;min-height:100vh;padding:3rem 2rem}.hr-pricing-header{animation:fadeInDown .6s ease;margin-bottom:3rem;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hr-pricing-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c62828,#d32f2f);background:linear-gradient(135deg,var(--primary-color) 0,#d32f2f 100%);-webkit-background-clip:text;background-clip:text;color:#1e2330;color:var(--text-dark);font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.hr-pricing-header p{color:#6b7280;color:var(--text-light);font-size:1.25rem;font-weight:500;margin-bottom:2rem}.user-info{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#1e2330;color:var(--text-dark);display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:.875rem 1.5rem}.user-info strong{font-weight:800}.change-email-btn,.user-info strong{color:#c62828;color:var(--primary-color)}.change-email-btn{background:#c628281a;background:var(--primary-light);border:1px solid #c62828;border:1px solid var(--primary-color);border-radius:20px;cursor:pointer;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:700;margin-left:.5rem;padding:.375rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.change-email-btn:hover{background:#c62828;background:var(--primary-color);color:#fff;color:var(--bg-white);transform:scale(1.05)}.user-warning{align-items:center;background:linear-gradient(135deg,#ef44441a,#f871710d);border:2px solid #ef4444;border:2px solid var(--error);border-radius:50px;color:#ef4444;color:var(--error);display:inline-flex;font-size:.9375rem;font-weight:700;gap:.75rem;margin-top:1rem;padding:.875rem 1.5rem}.login-btn-small,.set-email-btn{border-radius:20px;cursor:pointer;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:700;margin:0 .5rem;padding:.375rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.set-email-btn{background:#ef4444;background:var(--error);border:none;color:#fff;color:var(--bg-white)}.login-btn-small{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-color);color:#c62828;color:var(--primary-color)}.login-btn-small:hover,.set-email-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:scale(1.05)}.debug-info{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#6b7280;color:var(--text-light);font-family:monospace;font-size:.75rem;margin:1rem auto 0;max-width:600px;padding:1rem;text-align:left;white-space:pre-wrap}.billing-toggle{animation:fadeIn .6s ease .2s backwards;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin:0 auto 3rem;max-width:400px;padding:.5rem}.billing-toggle,.billing-toggle button{display:flex;gap:.5rem;justify-content:center}.billing-toggle button{align-items:center;background:#0000;border:none;border-radius:50px;color:#1e2330;color:var(--text-dark);cursor:pointer;flex:1 1;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.billing-toggle button:hover:not(:disabled){background:#c628281a;background:var(--primary-light);color:#c62828;color:var(--primary-color)}.billing-toggle button.active{background:#c62828;background:var(--primary-color);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#fff;color:var(--bg-white)}.billing-toggle button:disabled{cursor:not-allowed;opacity:.5}.save-badge{background:#10b981;background:var(--success);border-radius:12px;color:#fff;color:var(--bg-white);font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.plans-container{grid-gap:2rem;animation:fadeIn .6s ease .4s backwards;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 4rem;max-width:1200px}.plan-card{animation:slideUp .6s ease;background:#fff;background:var(--bg-white);border:3px solid #e5e7eb;border:3px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);cursor:pointer;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.plan-card:hover{box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.plan-card.selected,.plan-card:hover{border-color:#c62828;border-color:var(--primary-color)}.plan-card.selected{border-width:4px;box-shadow:0 0 0 4px #c628281a;box-shadow:0 0 0 4px var(--primary-light)}.plan-card.highlighted{background:linear-gradient(135deg,#fbbf240d,#fff);background:linear-gradient(135deg,#fbbf240d 0,var(--bg-white) 100%);border-color:#fbbf24;border-color:var(--gold)}.plan-card.highlighted.selected{border-color:#c62828;border-color:var(--primary-color)}.popular-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--gold) 0,#f59e0b 100%);border-radius:20px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#1e2330;color:var(--text-dark);display:flex;font-size:.75rem;font-weight:800;gap:.5rem;letter-spacing:.05em;padding:.5rem 1.25rem;position:absolute;right:20px;text-transform:uppercase;top:-15px}.plan-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.plan-header h3{color:#1e2330;color:var(--text-dark);font-size:2rem;font-weight:800;margin-bottom:.5rem}.plan-description{color:#6b7280;color:var(--text-light);font-size:.9375rem;font-weight:500;margin-bottom:1.5rem}.plan-price{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.price-amount{color:#c62828;color:var(--primary-color);font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.price-period{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:600}.savings{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.original-price{color:#6b7280;color:var(--text-light);font-size:1.125rem;font-weight:600;text-decoration:line-through}.save-percent{background:#10b981;background:var(--success);border-radius:20px;color:#fff;color:var(--bg-white);font-size:.875rem;font-weight:800;padding:.375rem .875rem;text-transform:uppercase}.plan-features{display:flex;flex-direction:column}.feature-item{align-items:flex-start;display:flex;font-size:.9375rem;gap:.75rem;line-height:1.6}.feature-icon{color:#10b981;color:var(--success);flex-shrink:0;font-size:1.125rem;margin-top:.125rem}.payment-section{animation:fadeIn .6s ease .6s backwards;background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);margin:0 auto;max-width:900px;padding:3rem}.payment-header{margin-bottom:2.5rem;text-align:center}.payment-header h3{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-size:2rem;font-weight:800;gap:.75rem;justify-content:center;margin-bottom:.5rem}.payment-header p{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:500}.order-summary{background:#f9fafb;background:var(--bg-light);border-left:4px solid #c62828;border-left:4px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.order-summary h4{color:#1e2330;color:var(--text-dark);font-size:1.25rem;font-weight:800;margin-bottom:1.5rem}.order-details{display:flex;flex-direction:column;gap:1rem}.order-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.order-item:last-child{border-bottom:none}.order-item span:first-child{color:#6b7280;color:var(--text-light);font-weight:600}.order-item span:last-child{color:#1e2330;color:var(--text-dark);font-weight:700}.order-total{color:#c62828;color:var(--primary-color);font-size:1.5rem;font-weight:800}.user-email{font-family:monospace;font-size:.9375rem}.user-email.missing{color:#ef4444;color:var(--error);font-weight:800}.paypal-container{margin-top:2rem}.login-prompt{background:linear-gradient(135deg,#f59e0b1a,#fff);background:linear-gradient(135deg,#f59e0b1a 0,var(--bg-white) 100%);border:2px solid #f59e0b;border:2px solid var(--warning);border-radius:12px;border-radius:var(--border-radius);padding:3rem 2rem;text-align:center}.warning-icon{font-size:4rem;margin-bottom:1rem}.login-prompt h4{color:#1e2330;color:var(--text-dark);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.login-prompt p{color:#6b7280;color:var(--text-light);font-size:1rem;margin-bottom:2rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.login-btn-primary,.set-email-btn-primary{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.set-email-btn-primary{background:#f59e0b;background:var(--warning);color:#fff;color:var(--bg-white)}.login-btn-primary{background:#c62828;background:var(--primary-color);color:#fff;color:var(--bg-white)}.login-btn-primary:hover,.set-email-btn-primary:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.paypal-error{background:linear-gradient(135deg,#ef44441a,#fff);background:linear-gradient(135deg,#ef44441a 0,var(--bg-white) 100%);border:2px solid #ef4444;border:2px solid var(--error);border-radius:12px;border-radius:var(--border-radius);padding:2rem;text-align:center}.cancelled-icon,.error-icon,.failed-icon{font-size:4rem;margin-bottom:1rem}.paypal-error h4{color:#ef4444;color:var(--error);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.paypal-error p{color:#6b7280;color:var(--text-light);margin-bottom:1.5rem}.paypal-loading{padding:3rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;color:#c62828;color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.paypal-loading p{color:#6b7280;color:var(--text-light);font-size:1rem;font-weight:600}.paypal-ready{margin-bottom:2rem;text-align:center}.paypal-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.paypal-logo img{height:30px}.paypal-logo span{color:#003087;font-size:1.5rem;font-weight:800}.paypal-instruction{color:#6b7280;color:var(--text-light);font-size:1rem;margin-bottom:.5rem}.email-note{color:#1e2330;color:var(--text-dark);font-size:.9375rem;font-weight:600}.email-note strong{color:#c62828;color:var(--primary-color)}.error-message{align-items:center;background:linear-gradient(135deg,#ef44441a,#fff);background:linear-gradient(135deg,#ef44441a 0,var(--bg-white) 100%);border:2px solid #ef4444;border:2px solid var(--error);border-radius:12px;border-radius:var(--border-radius);color:#ef4444;color:var(--error);display:flex;font-weight:600;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.clear-error-btn{background:#ef4444;background:var(--error);border:none;border-radius:6px;color:#fff;color:var(--bg-white);cursor:pointer;font-family:Raleway,sans-serif;font-size:.875rem;font-weight:700;padding:.375rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.clear-error-btn:hover{transform:scale(1.05)}.paypal-button-wrapper{margin:2rem 0;min-height:150px}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;color:#fff;color:var(--bg-white);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.processing-overlay .spinner{color:#fff;color:var(--bg-white);font-size:4rem}.processing-overlay p{font-size:1.25rem;font-weight:700;margin-top:1rem}.processing-note{font-size:.9375rem;font-weight:500;opacity:.8}.payment-security{background:#f9fafb;background:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);margin-top:2rem;padding:1.5rem;text-align:center}.security-text{align-items:center;color:#10b981;color:var(--success);display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.security-subtext{color:#6b7280;color:var(--text-light);font-size:.875rem}.payment-success{animation:fadeIn .6s ease;padding:3rem 2rem;text-align:center}.success-icon{animation:scaleUp .5s ease;font-size:5rem;margin-bottom:1rem}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.payment-success h3{color:#10b981;color:var(--success);font-size:2rem;font-weight:800;margin-bottom:1rem}.payment-success>p{color:#6b7280;color:var(--text-light);font-size:1.125rem;margin-bottom:2rem}.receipt-section{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin:2rem 0;padding:2rem;text-align:left}.receipt-section h4{color:#1e2330;color:var(--text-dark);font-size:1.25rem;font-weight:800;margin-bottom:1.5rem;text-align:center}.receipt-details{display:flex;flex-direction:column;gap:1rem}.receipt-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;font-size:.9375rem;justify-content:space-between;padding:.75rem 0}.receipt-row:last-child{border-bottom:none}.receipt-row span:first-child{color:#6b7280;color:var(--text-light);font-weight:600}.receipt-row span:last-child,.receipt-row strong{color:#1e2330;color:var(--text-dark);font-weight:700}.order-id{color:#c62828;color:var(--primary-color);font-family:monospace;font-size:.875rem}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.dashboard-btn,.print-btn{border:none;border-radius:10px;cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dashboard-btn{background:#c62828;background:var(--primary-color);color:#fff;color:var(--bg-white)}.print-btn{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#1e2330;color:var(--text-dark)}.dashboard-btn:hover,.print-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payment-failed{background:linear-gradient(135deg,#ef44441a,#fff);background:linear-gradient(135deg,#ef44441a 0,var(--bg-white) 100%);border:2px solid #ef4444;border:2px solid var(--error);border-radius:12px;border-radius:var(--border-radius);padding:3rem 2rem;text-align:center}.payment-failed h3{color:#ef4444;color:var(--error);font-size:2rem;font-weight:800;margin-bottom:1rem}.payment-failed p{color:#6b7280;color:var(--text-light);font-size:1.125rem;margin-bottom:2rem}.retry-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.login-alt-btn,.retry-btn,.retry-btn-primary{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Raleway,sans-serif;font-size:1rem;font-weight:700;gap:.5rem;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.retry-btn,.retry-btn-primary{background:#c62828;background:var(--primary-color);border:none;color:#fff;color:var(--bg-white)}.login-alt-btn{background:#fff;background:var(--bg-white);border:2px solid #c62828;border:2px solid var(--primary-color);color:#c62828;color:var(--primary-color)}.login-alt-btn:hover,.retry-btn-primary:hover,.retry-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payment-cancelled{background:linear-gradient(135deg,#f59e0b1a,#fff);background:linear-gradient(135deg,#f59e0b1a 0,var(--bg-white) 100%);border:2px solid #f59e0b;border:2px solid var(--warning);border-radius:12px;border-radius:var(--border-radius);padding:3rem 2rem;text-align:center}.payment-cancelled h3{color:#f59e0b;color:var(--warning);font-size:2rem;font-weight:800;margin-bottom:1rem}.payment-cancelled p{color:#6b7280;color:var(--text-light);font-size:1.125rem;margin-bottom:2rem}.support-section{background:#fff;background:var(--bg-white);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin:3rem auto 0;max-width:900px;padding:2rem}.support-section h4{align-items:center;color:#1e2330;color:var(--text-dark);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.support-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.support-option h5{color:#c62828;color:var(--primary-color);font-size:1.125rem;font-weight:800;margin-bottom:.75rem;text-align:justify}.support-option p{color:#6b7280;color:var(--text-light);font-size:.9375rem;margin-bottom:1rem;text-align:justify}.support-option ul{list-style:none;padding:0}.support-option li{color:#1e2330;color:var(--text-dark);font-size:.9375rem;padding:.5rem 0 .5rem 1.5rem;position:relative;text-align:justify}.support-option li:before{color:#10b981;color:var(--success);content:"✓";font-weight:800;left:0;position:absolute}@media (max-width:768px){.hr-pricing-page{padding:2rem 1rem}.hr-pricing-header h1{font-size:2rem}.hr-pricing-header p{font-size:1rem}.user-info,.user-warning{flex-wrap:wrap;justify-content:center;padding:.75rem 1rem;text-align:center}.billing-toggle{margin:0 0 2rem;max-width:100%}.billing-toggle button{font-size:.9375rem;padding:.75rem 1rem}.plans-container{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:2rem 1.5rem}.plan-header h3{font-size:1.75rem}.price-amount{font-size:2.5rem}.payment-section{padding:2rem 1.5rem}.payment-header h3{font-size:1.5rem}.order-summary{padding:1.5rem}.order-item{gap:.5rem;text-align:left}.action-buttons,.order-item,.retry-actions,.success-actions{flex-direction:column}.action-buttons button,.retry-actions button,.success-actions button{width:100%}.support-options{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.hr-pricing-header h1{font-size:1.75rem}.hr-pricing-header p{font-size:.9375rem}.billing-toggle{flex-direction:column;gap:.5rem;padding:.5rem}.billing-toggle button{width:100%}.plan-card{padding:1.5rem 1rem}.popular-badge{font-size:.625rem;padding:.375rem .875rem;right:10px;top:-12px}.plan-header h3{font-size:1.5rem}.price-amount{font-size:2rem}.payment-section{padding:1.5rem 1rem}.payment-header h3{flex-direction:column;font-size:1.25rem;gap:.5rem}.order-summary{padding:1rem}.order-summary h4{font-size:1.125rem}.order-item{font-size:.875rem;padding:.5rem 0}.order-total{font-size:1.25rem}.payment-cancelled h3,.payment-failed h3,.payment-success h3{font-size:1.5rem}.receipt-section{padding:1.5rem 1rem}.receipt-section h4{font-size:1.125rem}.receipt-row{font-size:.875rem}.support-section{padding:1.5rem 1rem}.support-section h4{font-size:1.25rem}.support-option h5{font-size:1rem}.support-option li,.support-option p{font-size:.875rem}}@media print{.action-buttons,.billing-toggle,.change-email-btn,.hr-pricing-header,.login-btn-small,.paypal-container,.plans-container,.set-email-btn,.support-section{display:none}.hr-pricing-page{background:#fff;padding:0}.payment-section{border:1px solid #000;box-shadow:none}.receipt-section{page-break-inside:avoid}.success-actions{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:3px solid #c62828;outline:3px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.order-summary,.payment-section,.plan-card,.receipt-section{border-width:3px}.plan-card.selected{border-width:5px}}.mc-container{background:#fff;min-height:100vh;padding:0}.mc-header{background:#fff;border-bottom:2px solid #f0f0f0;box-shadow:0 2px 10px #0000000d;padding:30px 40px}.mc-header-content{margin:0 auto;max-width:1600px}.mc-title{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.mc-title-icon{color:#dc2626;height:32px;width:32px}.mc-subtitle{color:#666;font-size:1rem;margin:0}.mc-main-content{grid-gap:0;background:#fff;display:grid;gap:0;grid-template-columns:380px 1fr;height:calc(100vh - 140px);margin:0 auto;max-width:1600px}.mc-chat-list{background:#fafafa;border-right:2px solid #f0f0f0;display:flex;flex-direction:column;height:100%}.mc-search-container{background:#fff;border-bottom:2px solid #f0f0f0;padding:20px}.mc-search-input-wrapper{align-items:center;display:flex;position:relative}.mc-search-icon{color:#666;height:20px;left:14px;position:absolute;width:20px}.mc-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#1a1a1a;font-size:.95rem;padding:12px 40px 12px 44px;transition:all .3s ease;width:100%}.mc-search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.mc-clear-search{align-items:center;background:#e0e0e0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:20px}.mc-clear-search:hover{background:#dc2626;color:#fff}.mc-tabs{background:#fff;border-bottom:2px solid #f0f0f0;display:flex;padding:0 20px}.mc-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.mc-tab:hover{background:#fafafa;color:#1a1a1a}.mc-tab-active{background:#fff;border-bottom-color:#dc2626;color:#dc2626}.mc-unread-badge{background:#dc2626;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px}.mc-chat-items{flex:1 1;overflow-y:auto;padding:12px}.mc-chat-items::-webkit-scrollbar{width:6px}.mc-chat-items::-webkit-scrollbar-track{background:#0000}.mc-chat-items::-webkit-scrollbar-thumb{background:#dc2626;border-radius:10px}.mc-loading-chats{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.mc-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#dc2626;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mc-empty-chats{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.mc-empty-icon{color:#ccc;height:60px;margin-bottom:16px;width:60px}.mc-empty-chats p{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:6px}.mc-empty-chats small{color:#666;font-size:.9rem}.mc-chat-item{background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:14px;transition:all .3s ease}.mc-chat-item:hover{background:#f8f8f8;transform:translateX(4px)}.mc-chat-item-active{background:#fff;border-color:#dc2626;box-shadow:0 2px 12px #dc262626}.mc-chat-avatar{flex-shrink:0;position:relative}.mc-chat-avatar-img,.mc-chat-avatar-initial{border-radius:50%;height:48px;width:48px}.mc-chat-avatar-img{border:2px solid #f0f0f0;object-fit:cover}.mc-chat-avatar-initial{font-size:1rem}.mc-chat-avatar-initial,.mc-chat-unread-indicator{align-items:center;background:#dc2626;color:#fff;display:flex;font-weight:700;justify-content:center}.mc-chat-unread-indicator{border:2px solid #fff;border-radius:10px;font-size:.7rem;height:20px;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}.mc-chat-info{flex:1 1;min-width:0}.mc-chat-header{justify-content:space-between;margin-bottom:6px}.mc-chat-header,.mc-chat-name{align-items:center;display:flex}.mc-chat-name{color:#1a1a1a;font-size:1rem;font-weight:600;gap:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-new-badge{background:#dc2626;border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px}.mc-chat-time{color:#999;font-size:.75rem;white-space:nowrap}.mc-chat-preview{color:#666;font-size:.9rem;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-chat-meta{color:#999;display:flex;font-size:.75rem;gap:12px}.mc-chat-dept,.mc-chat-id{background:#f0f0f0;border-radius:6px;padding:3px 8px}.mc-new-chat-section{background:#fff;border-top:2px solid #f0f0f0;padding:16px 20px}.mc-new-chat-btn{align-items:center;background:#dc2626;border:none;border-radius:10px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.mc-new-chat-btn:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.mc-new-chat-icon{height:20px;width:20px}.mc-messages-container{background:#fff;display:flex;flex-direction:column;height:100%}.mc-messages-header{background:#fff;border-bottom:2px solid #f0f0f0;box-shadow:0 2px 8px #0000000d;padding:20px 30px}.mc-chat-header-info{align-items:center;display:flex;gap:16px}.mc-chat-header-avatar-img,.mc-chat-header-avatar-initial{border-radius:50%;height:50px;width:50px}.mc-chat-header-avatar-img{border:2px solid #f0f0f0;object-fit:cover}.mc-chat-header-avatar-initial{align-items:center;background:#dc2626;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:center}.mc-chat-header-name{color:#1a1a1a;font-size:1.2rem;font-weight:700;margin:0 0 4px}.mc-chat-header-meta{display:flex;font-size:.85rem;gap:12px}.mc-chat-header-dept,.mc-chat-header-id{background:#f8f8f8;border-radius:6px;color:#666;padding:4px 10px}.mc-messages-area{background:#fafafa;background-image:linear-gradient(45deg,#f5f5f5 25%,#0000 0),linear-gradient(-45deg,#f5f5f5 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f5f5f5 0),linear-gradient(-45deg,#0000 75%,#f5f5f5 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex:1 1;overflow-y:auto;padding:20px 30px}.mc-messages-area::-webkit-scrollbar{width:8px}.mc-messages-area::-webkit-scrollbar-track{background:#f0f0f0}.mc-messages-area::-webkit-scrollbar-thumb{background:#dc2626;border-radius:10px}.mc-messages-list{display:flex;flex-direction:column;gap:16px}.mc-empty-messages{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.mc-empty-messages-icon{color:#ccc;height:80px;margin-bottom:20px;width:80px}.mc-empty-messages h4{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin:0 0 8px}.mc-empty-messages p{color:#666;font-size:1rem;margin:0}.mc-message{animation:messageSlideIn .3s ease;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mc-message-incoming{justify-content:flex-start}.mc-message-outgoing{justify-content:flex-end}.mc-message-content{border-radius:16px;box-shadow:0 2px 8px #00000014;max-width:70%;padding:12px 16px}.mc-message-incoming .mc-message-content{background:#fff;border-bottom-left-radius:4px}.mc-message-outgoing .mc-message-content{background:#dc2626;border-bottom-right-radius:4px;color:#fff}.mc-message-temp .mc-message-content{opacity:.7}.mc-message-text{word-wrap:break-word;font-size:.95rem;line-height:1.5;margin:0 0 6px}.mc-message-incoming .mc-message-text{color:#1a1a1a}.mc-message-meta{align-items:center;display:flex;font-size:.75rem;gap:6px}.mc-message-incoming .mc-message-meta{color:#999}.mc-message-outgoing .mc-message-meta{color:#fffc;justify-content:flex-end}.mc-message-status{align-items:center;display:flex}.mc-status-sending{color:#fff9}.mc-status-sent{color:#fffc}.mc-status-read{color:#fff;font-weight:700}.mc-message-input-container{background:#fff;border-top:2px solid #f0f0f0;padding:20px 30px}.mc-input-wrapper{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:12px;padding:8px 12px;transition:all .3s ease}.mc-input-wrapper:focus-within{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.mc-message-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:8px}.mc-message-input::placeholder{color:#999}.mc-message-input:disabled{cursor:not-allowed;opacity:.6}.mc-send-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 2px 8px #dc26264d;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mc-send-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262666;transform:scale(1.1)}.mc-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mc-send-btn svg{color:#fff;height:20px;width:20px}.mc-send-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.mc-input-hint{color:#999;font-size:.8rem;margin-top:8px;text-align:center}.mc-no-chat-selected{align-items:center;background:#fafafa;display:flex;height:100%;justify-content:center}.mc-welcome-container{max-width:400px;padding:40px;text-align:center}.mc-welcome-icon{color:#ccc;height:100px;margin-bottom:24px;width:100px}.mc-welcome-container h3{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0 0 12px}.mc-welcome-container p{color:#666;font-size:1rem;line-height:1.6;margin:0}@media (max-width:1200px){.mc-main-content{grid-template-columns:340px 1fr}}@media (max-width:968px){.mc-main-content{grid-template-columns:1fr;height:calc(100vh - 120px)}.mc-chat-list{display:none}.mc-chat-list.mc-chat-list-open{display:flex;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.mc-messages-container{display:flex}.mc-header{padding:20px}.mc-title{font-size:1.6rem}}@media (max-width:640px){.mc-header{padding:16px}.mc-title{font-size:1.4rem}.mc-messages-header{padding:16px 20px}.mc-message-input-container,.mc-messages-area{padding:16px}.mc-message-content{max-width:85%}.mc-chat-header-name{font-size:1rem}.mc-welcome-container h3{font-size:1.4rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mc-chat-item,.mc-message{animation:fadeIn .3s ease}.mc-new-chat-btn:focus-visible,.mc-send-btn:focus-visible,.mc-tab:focus-visible{outline:3px solid #dc2626;outline-offset:2px}.mc-message-input:focus-visible,.mc-search-input:focus-visible{outline:none}.builder-header,.template-builder{margin-top:80px}.section-item{cursor:grab}.section-header{cursor:move}.drag-handle{color:#999;cursor:grab;font-size:20px;line-height:1}.remove-section-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;width:30px}.template-builder{display:flex;flex-direction:column;height:100%}.builder-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.template-actions{align-items:center;display:flex;gap:15px}.template-name-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;min-width:300px;padding:10px 15px}.save-template-btn{background:#2c5aa0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.save-template-btn:hover{background:#1e3a8a}.builder-container{display:flex;flex:1 1;overflow:hidden}.sections-panel{background:#f8f9fa;border-right:1px solid #e0e0e0;overflow-y:auto;padding:20px;width:300px}.panel-subtitle{color:#666;font-size:14px;margin-bottom:20px}.available-sections-list{display:flex;flex-direction:column;gap:10px}.section-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.section-item:hover{background:#f0f5ff;border-color:#2c5aa0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.section-icon{align-items:center;background:#f0f5ff;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.section-info{flex:1 1}.section-info small{color:#666;font-size:12px}.predefined-templates{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.predefined-templates h4{color:#333;margin-bottom:15px}.template-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;margin-bottom:10px;padding:12px;transition:all .2s}.template-item:hover{background:#f0f5ff;border-color:#2c5aa0}.template-item strong{display:block;margin-bottom:5px}.template-item small{color:#666;font-size:12px}.template-editor{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:20px}.template-sections-container{background:#fff;border:2px dashed #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:20px;min-height:200px;padding:20px}.template-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s}.template-section:hover{border-color:#2c5aa0;box-shadow:0 4px 12px #0000001a}.section-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:12px 15px}.section-header,.section-title{align-items:center;display:flex}.section-title{gap:10px}.section-order{align-items:center;background:#2c5aa0;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.section-controls{display:flex;gap:5px}.move-down-btn,.move-up-btn,.remove-section-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.move-down-btn:hover,.move-up-btn:hover{background:#f0f0f0}.move-down-btn:disabled,.move-up-btn:disabled{cursor:not-allowed;opacity:.3}.remove-section-btn{border-color:#fcc;color:#f44}.remove-section-btn:hover{background:#ffeaea}.field-preview{border-bottom:1px solid #f0f0f0;padding:15px}.field-preview:last-child{border-bottom:none}.field-preview label{color:#333;display:block;font-weight:500;margin-bottom:8px}.field-preview input,.field-preview textarea{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;color:#666;padding:10px;width:100%}.signature-preview-box{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:6px;color:#999;display:flex;height:80px;justify-content:center;width:100%}.empty-template{color:#999;padding:60px 20px;text-align:center}.empty-template .hint{font-size:14px;margin-top:10px}.section-editor-panel{background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;padding:20px;width:350px}.editor-form{gap:20px}.editor-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px}.field-editor{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.field-header select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:5px 10px}.field-properties{border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding-top:10px}.field-properties label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.field-properties input[type=checkbox]{margin:0;width:auto}.field-properties input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.add-field-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 15px}.add-field-btn:hover{background:#3d8b40}
/*# sourceMappingURL=main.b31b4120.css.map*/