:root{--ink:#0B1F3D;--ink-2:#44557A;--ink-3:#6B7A99;--primary:#1F6FEB;--primary-600:#1559C9;--primary-700:#1149A8;--primary-tint:#E9F1FF;--primary-tint-2:#F3F8FF;--teal:#0FB5AE;--green:#15A34A;--amber:#EA9A13;--red:#E5484D;--bg:#F2F7FF;--border:#DCE7F8;--border-strong:#C6D8F3;--shadow-sm:0 1px 2px rgba(15,40,80,.05),0 2px 4px rgba(15,40,80,.05);--shadow-md:0 8px 22px rgba(20,70,160,.09);--shadow-lg:0 28px 64px rgba(16,60,150,.16);--radius:16px;--radius-lg:24px;--pill:999px;--maxw:1180px;--font-display:"Readex Pro","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;--font-body:"IBM Plex Sans Arabic","Readex Pro","Segoe UI",Tahoma,Arial,sans-serif}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.75;font-size:17px;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--primary-700);text-decoration:none;transition:color .15s}a:hover{color:var(--primary)}ul,ol{padding-inline-start:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.92rem;padding:10px 20px;border-radius:var(--pill);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .2s;text-decoration:none}.btn-primary{color:#fff;background:linear-gradient(180deg,#2A78F0,var(--primary-600));box-shadow:0 8px 18px rgba(31,111,235,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(31,111,235,.32);color:#fff}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary-700)}.mobile-menu{display:none;position:fixed;inset:68px 0 0;z-index:55;background:var(--bg);padding:22px;overflow-y:auto}.mobile-menu a{display:block;padding:14px 15px;border-radius:11px;font-family:var(--font-display);font-weight:500;font-size:1rem;color:var(--ink);border-bottom:1px solid var(--border);text-decoration:none}.mobile-menu .btn{width:100%;margin-top:16px;justify-content:center}.article-wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px;padding-block:48px 80px}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:52px;align-items:start}.art-head{margin-bottom:36px}.crumbs{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--ink-3);margin-bottom:16px;flex-wrap:wrap}.crumbs a{color:var(--ink-2);text-decoration:none}.crumbs a:hover{color:var(--primary-700)}.crumbs .sep{opacity:.4}.art-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:.76rem;font-weight:700;color:var(--primary-700);background:var(--primary-tint);border:1px solid var(--border-strong);border-radius:var(--pill);padding:5px 12px;margin-bottom:14px;text-decoration:none}.art-cat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}.art-head h1{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2;color:var(--ink);letter-spacing:-.02em}.art-head h1 .hl{color:var(--primary-600)}.art-intro{font-size:1.15rem;color:var(--ink-2);margin-top:16px;line-height:1.8;max-width:68ch;border-inline-start:4px solid var(--primary);padding-inline-start:18px}.art-meta{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap}.art-meta span{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--ink-3)}.art-meta svg{width:15px;height:15px;flex-shrink:0}.art-meta .read-time{background:var(--primary-tint-2);border:1px solid var(--border);border-radius:var(--pill);padding:5px 12px}.art-body{font-size:1.04rem;line-height:1.9;color:var(--ink-2)}.art-body h2{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--ink);margin-top:52px;margin-bottom:14px;letter-spacing:-.01em;padding-bottom:10px;border-bottom:2px solid var(--border)}.art-body h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--ink);margin-top:32px;margin-bottom:10px}.art-body p{margin-bottom:18px}.art-body ul,.art-body ol{margin-bottom:18px}.art-body ul li{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px;font-size:1rem;color:var(--ink-2)}.art-body ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:.65em;opacity:.7}.art-body ol{counter-reset:ol}.art-body ol li{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px;font-size:1rem;color:var(--ink-2);counter-increment:ol}.art-body ol li::before{content:counter(ol);min-width:26px;height:26px;border-radius:8px;background:var(--primary);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.8rem;display:grid;place-items:center;flex-shrink:0;margin-top:.2em}.art-body a{color:var(--primary-700);font-weight:600;text-decoration:underline;text-underline-offset:3px}.art-body a:hover{color:var(--primary)}.art-body strong{color:var(--ink);font-weight:700}.employee-lifecycle{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block:24px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.elc-title{width:100%;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--ink-3);margin-bottom:8px}.elc-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:80px;text-align:center}.elc-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1rem;border:2px solid transparent}.elc-dot.c1{background:#E9F1FF;border-color:#C6DBFB}.elc-dot.c2{background:#E9F9F2;border-color:#BDEBCB}.elc-dot.c3{background:#FCF1DC;border-color:#F2DDB0}.elc-dot.c4{background:#E9F1FF;border-color:#C6DBFB}.elc-dot.c5{background:#E9F9F2;border-color:#BDEBCB}.elc-dot.c6{background:#FCF1DC;border-color:#F2DDB0}.elc-label{font-family:var(--font-display);font-size:.73rem;font-weight:700;color:var(--ink)}.elc-arrow{color:var(--primary);opacity:.4;font-weight:700;font-size:1rem}.hr-stages{display:flex;flex-direction:column;gap:20px;margin-block:26px}.hr-stage{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.hs-head{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--primary-tint-2);border-bottom:1px solid var(--border)}.hs-icon{width:42px;height:42px;border-radius:12px;background:var(--primary);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 10px rgba(31,111,235,.25)}.hs-head h3{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink);margin:0}.hs-head .hs-sub{font-size:.8rem;color:var(--ink-3);margin:0}.hs-body{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.hs-col h4{font-size:.78rem;font-weight:700;font-family:var(--font-display);color:var(--ink-3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.hs-col ul{list-style:none;padding:0;margin:0}.hs-col ul li{display:flex;gap:7px;font-size:.88rem;color:var(--ink-2);margin-bottom:6px;align-items:flex-start}.hs-col ul li .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:.55em;opacity:.65}.hs-col ul li .chk{color:var(--green);font-size:.82rem;flex-shrink:0;margin-top:1px}.onboarding-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-block:22px}.ob-col{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.ob-col .ob-role{font-family:var(--font-display);font-weight:700;font-size:.82rem;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ob-col:nth-child(1) .ob-role{color:var(--primary-700)}.ob-col:nth-child(2) .ob-role{color:var(--green)}.ob-col:nth-child(3) .ob-role{color:var(--amber)}.ob-col ul{list-style:none;padding:0;margin:0}.ob-col ul li{display:flex;gap:7px;font-size:.84rem;color:var(--ink-2);margin-bottom:6px;align-items:flex-start}.ob-col ul li::before{content:"☐";color:inherit;opacity:.7;flex-shrink:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-block:32px}.stat-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.stat-box .sv{font-family:var(--font-display);font-weight:800;font-size:2.1rem;color:var(--primary-600);line-height:1}.stat-box .sl{font-size:.82rem;color:var(--ink-3);margin-top:7px}.info-box{background:var(--primary-tint-2);border:1px solid var(--border-strong);border-inline-start:4px solid var(--primary);border-radius:var(--radius);padding:20px 22px;margin-block:28px}.info-box.green{background:#E5F7EC;border-color:#BDEBCB;border-inline-start-color:var(--green)}.info-box.amber{background:#FCF1DC;border-color:#F2DDB0;border-inline-start-color:var(--amber)}.info-box .ib-title{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--ink);margin-bottom:8px}.info-box p{margin:0;font-size:.95rem;color:var(--ink-2)}.pull-quote{background:linear-gradient(160deg,var(--primary-tint),var(--primary-tint-2));border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:26px 30px;margin-block:36px;text-align:center}.pull-quote p{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--ink);line-height:1.55;margin:0}.faq-section{margin-top:48px}.faq-section h2{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--ink);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--border)}.faq details{background:#fff;border:1px solid var(--border);border-radius:13px;margin-bottom:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq details[open]{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.faq summary{list-style:none;cursor:pointer;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary .ico{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-600);transition:transform .2s}.faq details[open] summary .ico{transform:rotate(45deg);background:var(--primary);color:#fff}.faq .ans{padding:0 20px 18px;color:var(--ink-2);font-size:.95rem;line-height:1.8}.quick-summary{background:linear-gradient(160deg,#0B1F3D,#143064);border-radius:var(--radius-lg);padding:34px;color:#fff;margin-top:48px;position:relative;overflow:hidden}.quick-summary::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 220px at 90% 0%,rgba(31,111,235,.4),transparent 55%)}.quick-summary .inner{position:relative;z-index:2}.quick-summary h2{color:#fff;font-family:var(--font-display);font-size:1.15rem;margin-bottom:14px}.quick-summary h2::before{content:"⚡ "}.quick-summary p{color:#BACCEC;font-size:.96rem;line-height:1.85}.quick-summary strong{color:#CFE2FF}.art-cta{background:linear-gradient(155deg,#1559C9,#1149A8);border-radius:var(--radius-lg);padding:36px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);margin-top:40px}.art-cta::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(400px 200px at 10% 0%,rgba(15,181,174,.4),transparent 55%)}.art-cta .inner{position:relative;z-index:2}.art-cta h2{color:#fff;font-size:1.3rem;font-family:var(--font-display);margin-bottom:10px}.art-cta p{color:#CFE2FF;font-size:.94rem}.art-cta-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:20px}.btn-white{background:#fff;color:var(--primary-700);font-size:.95rem;padding:12px 24px}.btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.18);color:var(--primary-700)}.btn-outline-w{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);font-size:.95rem;padding:12px 24px}.btn-outline-w:hover{background:rgba(255,255,255,.1);color:#fff}.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.sidebar-card h3{font-family:var(--font-display);font-weight:700;font-size:.95rem;margin-bottom:14px;color:var(--ink);padding-bottom:9px;border-bottom:1px solid var(--border)}.toc-list{display:flex;flex-direction:column}.toc-list a{display:flex;align-items:center;gap:8px;font-size:.87rem;color:var(--ink-2);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--border);transition:color .15s}.toc-list a:last-child{border-bottom:none}.toc-list a:hover{color:var(--primary-700)}.toc-list a .n{min-width:22px;height:22px;border-radius:6px;background:var(--primary-tint);color:var(--primary-600);font-family:var(--font-display);font-weight:700;font-size:.72rem;display:grid;place-items:center;flex-shrink:0}.rel-links a{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;color:var(--ink-2);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--border);line-height:1.4;transition:color .15s}.rel-links a:last-child{border-bottom:none}.rel-links a:hover{color:var(--primary-700)}.rel-links a::before{content:"←";color:var(--primary);flex-shrink:0;margin-top:1px}.sidebar-cta{background:linear-gradient(150deg,var(--primary),var(--primary-700));color:#fff;border-radius:var(--radius);padding:22px;text-align:center;text-decoration:none;display:block}.sidebar-cta h3{color:#fff;font-size:1rem;margin-bottom:7px}.sidebar-cta p{color:#CFE2FF;font-size:.84rem;margin-bottom:14px}.sidebar-cta .sc-btn{display:block;background:#fff;color:var(--primary-700);font-family:var(--font-display);font-weight:700;font-size:.88rem;border-radius:var(--pill);padding:11px;transition:opacity .15s}.sidebar-cta .sc-btn:hover{opacity:.92}.related-posts{margin-top:52px;padding-top:36px;border-top:2px solid var(--border)}.related-posts h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--ink);margin-bottom:20px}.rp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rp-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.rp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.rp-card .rp-cat{font-size:.73rem;color:var(--primary-600);font-weight:700;font-family:var(--font-display);margin-bottom:7px}.rp-card h3{font-size:.97rem;color:var(--ink);font-family:var(--font-display);line-height:1.35}.rp-card p{font-size:.84rem;color:var(--ink-3);margin-top:7px}@media(max-width:1080px){.article-layout{grid-template-columns:1fr}.sidebar{position:static}.stats-row{grid-template-columns:1fr 1fr 1fr}.onboarding-checklist{grid-template-columns:1fr}}@media(max-width:760px){.stats-row{grid-template-columns:1fr}.employee-lifecycle{gap:5px}.elc-arrow{font-size:.7rem}.hs-body{grid-template-columns:1fr}.rp-grid{grid-template-columns:1fr}.art-cta-btns{flex-direction:column}.mobile-menu.open{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none !important;scroll-behavior:auto !important}}