@import"https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";[dir=rtl] body{font-family:Noto Kufi Arabic,Cairo,Segoe UI,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:Noto Kufi Arabic,Cairo,sans-serif;font-weight:700}[dir=rtl] .no-rtl-font{font-family:inherit;font-style:normal}[dir=rtl] p,[dir=rtl] li,[dir=rtl] span{text-align:right}[dir=rtl] .text-center{text-align:center!important}[dir=rtl] .navbar-inner,[dir=rtl] .navbar-links,[dir=rtl] .nav-actions,[dir=rtl] .footer-top,[dir=rtl] .footer-cols,[dir=rtl] .hero-content-inner,[dir=rtl] .about-inner,[dir=rtl] .card-row,[dir=rtl] .service-row,[dir=rtl] .team-row,[dir=rtl] .stats-row,[dir=rtl] .process-steps-row{flex-direction:row-reverse}[dir=rtl] .icon-left{margin-left:0;margin-right:.5rem}[dir=rtl] .icon-right{margin-right:0;margin-left:.5rem}[dir=rtl] .pin-right{right:auto!important;left:0!important}[dir=rtl] .pin-left{left:auto!important;right:0!important}[dir=rtl] .border-l,[dir=rtl] [style*=border-left]{border-left:none;border-right:var(--border-width, 4px) solid var(--border-color, currentColor)}[dir=rtl] .border-r{border-right:none;border-left:var(--border-width, 4px) solid var(--border-color, currentColor)}[dir=rtl] .timeline-line,[dir=rtl] .step-connector,[dir=rtl] .process-connector{transform:scaleX(-1)}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4{padding-right:0;padding-left:1rem}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] .form-label{text-align:right}[dir=rtl] .form-group{flex-direction:row-reverse}[dir=rtl] .input-icon-left{left:auto;right:12px}[dir=rtl] .input-icon-right{right:auto;left:12px}[dir=rtl] .dropdown-menu{left:auto;right:0;text-align:right}[dir=rtl] .dropdown-arrow{transform:scaleX(-1)}[dir=rtl] .breadcrumb{flex-direction:row-reverse}[dir=rtl] .breadcrumb-sep{transform:scaleX(-1)}[dir=rtl] .hero-text{text-align:right}[dir=rtl] .hero-ctas{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .mobile-menu-inner{text-align:right}[dir=rtl] .mobile-menu-close{left:20px;right:auto}[dir=rtl] .footer-brand,[dir=rtl] .footer-newsletter{text-align:right}[dir=rtl] .footer-newsletter .newsletter-form,[dir=rtl] .footer-legal{flex-direction:row-reverse}[dir=rtl] .card{text-align:right}[dir=rtl] .card-header{flex-direction:row-reverse}[dir=rtl] .scroll-indicator{left:auto;right:40px}[dir=rtl] .back-to-top,[dir=rtl] .whatsapp-btn,[dir=rtl] .whatsapp-panel{left:24px;right:auto}[dir=rtl] .banner-inner{direction:rtl}[dir=rtl] .cookie-actions{flex-direction:row-reverse}[dir=rtl] .chatbot-window{left:24px;right:auto}[dir=rtl] .chat-bubble.user{margin-left:0;margin-right:auto}[dir=rtl] .chat-bubble.bot{margin-right:0;margin-left:auto}[dir=rtl] .compare-drawer{text-align:right}[dir=rtl] .product-card-actions,[dir=rtl] .faq-q{flex-direction:row-reverse}[dir=rtl] .faq-chevron{transform:rotate(0)}[dir=rtl] .step-number{margin-right:0;margin-left:1rem}[dir=rtl] .stages-why-grid{direction:rtl}[dir=rtl] .stages-testi-card{text-align:right}[dir=rtl] .search-input{text-align:right;padding-right:50px;padding-left:1rem}[dir=rtl] .search-icon{left:auto;right:16px}:root{--hr-present: #27AE60;--hr-absent: #E74C3C;--hr-late: #E67E22;--hr-leave: #4F90CD;--hr-sick: #9B59B6;--hr-weekend: #F0F4F7;--hr-half-day: linear-gradient(90deg, #27AE60 50%, #E74C3C 50%);--hr-chart-1: #4F90CD;--hr-chart-2: #27AE60;--hr-chart-3: #E67E22;--hr-chart-4: #9B59B6;--hr-chart-5: #E74C3C;--hr-chart-6: #F39C12;--hr-shadow-sm: 0 2px 8px rgba(18,15,8,.06);--hr-shadow-md: 0 4px 20px rgba(18,15,8,.1);--hr-shadow-lg: 0 8px 40px rgba(18,15,8,.14);--hr-alert-red: #E74C3C;--hr-alert-orange: #E67E22;--hr-alert-green: #27AE60;--hr-alert-red-bg: rgba(231,76,60,.08);--hr-alert-orange-bg: rgba(230,126,34,.08);--hr-alert-green-bg: rgba(39,174,96,.08);--hr-nav-dashboard: #4F90CD;--hr-nav-employees: #27AE60;--hr-nav-attendance: #E67E22;--hr-nav-performance:#9B59B6;--hr-nav-import: #E74C3C;--hr-bg-page: #F2F5F8;--hr-bg-card: #FFFFFF;--hr-bg-sidebar: #0D1117;--hr-border: #E2E8F0}@keyframes hr-skeleton{0%{background-position:-400px 0}to{background-position:400px 0}}.hr-skeleton{background:linear-gradient(90deg,#f0f4f8 25%,#e2e8f0,#f0f4f8 75%);background-size:800px 100%;animation:hr-skeleton 1.4s ease infinite;border-radius:4px}.hr-count-up{display:inline-block;transition:all .1s ease}.hr-kpi-number{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:36px;font-weight:900;line-height:1;letter-spacing:-.02em}.hr-section-title{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#2f3132}.hr-label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary, #8A9BA7)}.hr-chart-wrap{position:relative;width:100%;height:100%}.hc-PRESENT{background:#27ae60}.hc-ABSENT{background:#e74c3c}.hc-LATE{background:#e67e22}.hc-HALF_DAY{background:linear-gradient(90deg,#27ae60 50%,#e74c3c 50%)}.hc-SICK_LEAVE{background:#9b59b6}.hc-PAID_LEAVE{background:#4f90cd}.hc-UNPAID_LEAVE{background:#95a5a6}.hc-WEEKEND{background:#f0f4f7;position:relative}.hc-WEEKEND:after{content:"\d7";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#bdc3c7}@keyframes hr-pulse-red{0%,to{box-shadow:0 0 #e74c3c4d}50%{box-shadow:0 0 0 6px #e74c3c00}}.hr-alert-pulse{animation:hr-pulse-red 2s ease-in-out infinite}@keyframes hr-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hr-fade-up{animation:hr-fade-up .35s ease forwards}@keyframes hr-arc-grow{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}.hr-drop-zone{border:2px dashed var(--hr-border);border-radius:8px;transition:border-color .2s ease,background .2s ease;cursor:pointer}.hr-drop-zone.drag-over{border-color:#4f90cd;background:#4f90cd0a}@media(max-width:1200px){.hr-shell .hr-sidebar{width:64px!important}.hr-shell .hr-sidebar .hr-nav-label,.hr-shell .hr-sidebar .hr-brand-text,.hr-shell .hr-sidebar .hr-sidebar-footer-text{display:none!important}}:root{--color-primary: #8A9BA7;--color-primary-hover: #7a8d9a;--color-secondary: #C1CAD1;--color-white: #FFFFFF;--color-bg-deep: #F5F7F8;--color-bg-dark: #EAEFF3;--color-bg-mid: #EAEFF3;--color-bg-light: #FFFFFF;--color-accent: #89A3B5;--color-text-primary: #120F08;--color-text-secondary: #2F3132;--color-text-dark: #120F08;--color-border: #C1CAD1;--color-red-accent: #89A3B5;--font-display: "Darker Grotesque", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg-deep);color:var(--color-text-primary);overflow-x:hidden;cursor:default;line-height:1.5;transition:background-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)}a,button{cursor:pointer}img{display:block;max-width:100%}.font-display{font-family:var(--font-display)}.label-caps{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary)}.section-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);display:block;margin-bottom:20px}.section-title{font-family:var(--font-body);font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.08;color:var(--color-text-primary)}.section-title .outline{-webkit-text-stroke:1.5px var(--color-text-primary);color:transparent}.section-title.dark-variant{color:var(--color-text-dark)}.section-title.dark-variant .outline{-webkit-text-stroke:1.5px var(--color-text-dark)}.section-divider{width:40px;height:2px;background:var(--color-primary);margin:20px 0 28px}.section-body{font-size:16px;color:var(--color-text-secondary);line-height:1.8}.btn-primary{display:inline-block;background:var(--color-primary);color:#fff;padding:18px 48px;border:none;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:background var(--transition-base);border-radius:0}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{display:inline-block;background:transparent;color:var(--color-text-primary);padding:17px 48px;border:1.5px solid var(--color-primary);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:border-color var(--transition-base);border-radius:0}.btn-secondary:hover{border-color:var(--color-text-primary)}.text-link{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);text-decoration:underline;text-underline-offset:4px;transition:color var(--transition-base)}.text-link:hover{color:var(--color-primary-hover)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}.form-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;padding:12px 0;outline:none;transition:border-color var(--transition-base);border-radius:0;-webkit-appearance:none}.form-input::placeholder{color:#2f31328c}.form-input:focus{border-bottom-color:var(--color-primary)}.form-label{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:10px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:#fff}.section-pad{padding-top:clamp(60px,8vw,120px);padding-bottom:clamp(60px,8vw,120px);padding-left:clamp(24px,8vw,120px);padding-right:clamp(24px,8vw,120px)}.capacity-bar{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#8a9ba714;border:1px solid rgba(138,155,167,.2);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--color-primary)}.capacity-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.form-input.error{border-bottom-color:#dc2626}.form-input.success{border-bottom-color:#16a34a}.field-error{font-size:11px;color:#dc2626;margin-top:4px;display:block}.form-group{position:relative}.skeleton{background:linear-gradient(90deg,var(--color-bg-dark) 25%,var(--color-bg-mid) 50%,var(--color-bg-dark) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark-mode{--color-bg-deep: #0C1222;--color-bg-dark: #111827;--color-bg-mid: #1F2A40;--color-bg-light: #1E293B;--color-primary: #8A9BA7;--color-primary-hover: #7a8d9a;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-dark: #F1F5F9;--color-border: #1E293B}*,*:before,*:after{transition:background-color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}body:after{content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@media(max-width:768px){app-root>router-outlet+*{padding-bottom:64px}}:root:lang(ar) body,html.lang-ar body{font-family:Noto Sans Arabic,Inter,sans-serif}[dir=rtl]{text-align:right}[dir=rtl] .flex-row-ltr,[dir=rtl] .navbar,[dir=rtl] .nav-links,[dir=rtl] .nav-right{flex-direction:row-reverse}[dir=rtl] .dropdown{left:auto;right:0}[dir=rtl] .mobile-links{text-align:right}[dir=rtl] .lang-btn,.lang-btn[aria-label=\627\644\639\631\628\64a\629]{font-family:Noto Sans Arabic,sans-serif;font-size:13px}[dir=rtl] input[type=number],[dir=rtl] input[type=tel],[dir=rtl] input[type=date]{direction:ltr;text-align:right}:is(html.lang-ar) body{font-family:Noto Sans Arabic,Inter,sans-serif}:is(html[dir=rtl]) *{text-align:inherit}:is(html[dir=rtl]) .navbar{flex-direction:row-reverse}:is(html[dir=rtl]) .nav-links{flex-direction:row-reverse}:is(html[dir=rtl]) .nav-right{flex-direction:row-reverse}:is(html[dir=rtl]) .dropdown{left:auto;right:0}:is(html[dir=rtl]) .dd-item{text-align:right}:is(html[dir=rtl]) .mobile-links{text-align:right}:is(html[dir=rtl]) .hero-content{text-align:right}:is(html[dir=rtl]) .hero-ctas{flex-direction:row-reverse;justify-content:flex-start}:is(html[dir=rtl]) .hero-badges{justify-content:flex-start}:is(html[dir=rtl]) .about{flex-direction:row-reverse}:is(html[dir=rtl]) .about-content{text-align:right}:is(html[dir=rtl]) .inline-stats{flex-direction:row-reverse}:is(html[dir=rtl]) .stats-grid{direction:rtl}:is(html[dir=rtl]) .footer-grid{direction:rtl}:is(html[dir=rtl]) .footer-col{text-align:right}:is(html[dir=rtl]) .footer-brand{text-align:right}:is(html[dir=rtl]) .footer-contact li{flex-direction:row-reverse}:is(html[dir=rtl]) .footer-bottom{flex-direction:row-reverse}:is(html[dir=rtl]) .footer-legal{flex-direction:row-reverse}:is(html[dir=rtl]) .social-row{justify-content:flex-end}:is(html[dir=rtl]) .careers{flex-direction:row-reverse}:is(html[dir=rtl]) .careers-content{text-align:right}:is(html[dir=rtl]) .job-card{text-align:right}:is(html[dir=rtl]) .section-label{text-align:right;display:block}:is(html[dir=rtl]) .section-divider{margin-right:0;margin-left:auto}:is(html[dir=rtl]) .btn-primary,:is(html[dir=rtl]) .text-link{direction:rtl}:is(html[dir=rtl]) input,:is(html[dir=rtl]) textarea,:is(html[dir=rtl]) select{text-align:right;direction:rtl}:is(html[dir=rtl]) .banner{flex-direction:row-reverse}:is(html[dir=rtl]) .chatbot-window{right:auto;left:24px}:is(html[dir=rtl]) .cookie-banner{flex-direction:row-reverse;text-align:right}:is(html[dir=rtl]) .whatsapp-btn{right:auto;left:24px}:is(html[dir=rtl]) .has-dropdown>a:after{margin-right:4px;margin-left:0}:is(html[dir=rtl]) .timeline-item{flex-direction:row-reverse}:is(html[dir=rtl]) .process-step{text-align:right}.marquee-wrap{direction:ltr!important}.btn-primary{transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 8px 24px #8a9ba74d}.btn-primary:active{transform:translateY(0)}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-entry{animation:pageIn .4s ease both}.hkpi-val{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);color:var(--color-primary);line-height:1;display:block}.section-label{position:relative;padding-left:14px}.section-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background:var(--color-primary);border-radius:2px}.section-title,.section-body strong,h1,h2,h3,h4{color:var(--color-text-primary)}.section-divider{width:48px;height:3px;background:var(--color-text-primary);margin:20px 0 30px;opacity:.9}.card-elevated{background:var(--color-bg-light);border:1px solid var(--color-border);transition:border-color .25s,box-shadow .25s}.card-elevated:hover{border-color:var(--color-primary);box-shadow:0 8px 32px #8a9ba72e}.btn-primary{background:var(--color-text-primary);color:#fff}.btn-primary:hover{background:var(--color-primary);box-shadow:0 8px 24px #8a9ba74d;transform:translateY(-1px)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.form-input{font-size:16px;border-bottom-width:2px}.form-input:focus{border-bottom-color:var(--color-text-primary);box-shadow:0 2px #120f081a}.hkpi-val{color:var(--color-text-primary)}.section-label:before{background:var(--color-text-primary)}.border-accent{border-color:var(--color-primary)!important}.announcement-banner,.banner{background:var(--color-text-primary)!important}.table-row-hover:hover{background:var(--color-bg-deep)}.table-header{background:var(--color-bg-mid)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg-mid)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-text-primary);color:#fff}