/* Kinetic HR v1.4 — faithful implementation of the approved reference screens */
:root{--r-navy:#03192b;--r-navy2:#06324a;--r-teal:#08b5a0;--r-cyan:#26b7df;--r-paper:#f7fafc;--r-line:#dce8ef;--r-ink:#09273c;--r-muted:#607b8e;--r-red:#c9525c;--r-green:#099d80}
body{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
body[data-kh-design=v14].v12-landing-mode{background:#fff}
body[data-kh-design=v14].v12-landing-mode #v12-landing{display:block!important}
.v14-landing-shell{background:#fff;color:var(--r-ink);min-height:100vh}
.v14-nav{height:66px;background:rgba(3,25,43,.97);color:#fff;display:grid;grid-template-columns:230px 1fr 230px;align-items:center;padding:0 4.8vw;position:sticky;top:0;z-index:400;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px)}
.v14-brand{display:flex;align-items:center;gap:11px}.v14-logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#19cdb5,#05a993);display:grid;place-items:center;color:#032b28;font-size:1.35rem;font-weight:950;box-shadow:0 7px 22px rgba(7,190,162,.23)}.v14-brand strong{display:block;font-size:1rem}.v14-brand small{display:block;color:#91aabc;font-size:.64rem;margin-top:1px}
.v14-links{display:flex;justify-content:center;align-items:center;gap:36px}.v14-links a{color:#d5e2e9;text-decoration:none;font-weight:750;font-size:.78rem}.v14-links a:hover{color:#62e0cb}
.v14-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.v14-nav button{border:0;min-height:38px;border-radius:9px;padding:0 13px;font-weight:900;font-size:.74rem;cursor:pointer}.v14-lang{background:rgba(255,255,255,.06);color:#d9e6ed}.v14-enter{background:linear-gradient(135deg,#0ec2aa,#08a996);color:#fff;box-shadow:0 7px 20px rgba(7,181,157,.24)}
.v14-hero{height:520px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:3vw;padding:44px 6vw 36px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 18%,rgba(38,183,223,.22),transparent 31%),radial-gradient(circle at 78% 90%,rgba(8,181,160,.12),transparent 35%),linear-gradient(122deg,#05263a 0%,#03192b 52%,#072f45 100%)}
.v14-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(#000,transparent 78%)}
.v14-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-94px;height:250px;background:linear-gradient(162deg,transparent 0 28%,rgba(21,122,151,.26) 29% 48%,transparent 49%),linear-gradient(17deg,transparent 0 40%,rgba(9,178,156,.12) 41% 58%,transparent 59%);transform:skewY(-2deg)}
.v14-copy,.v14-device{position:relative;z-index:2}.v14-copy{max-width:690px;margin-inline-start:auto}.v14-product{font-size:1.8rem;color:#18c8b0;font-weight:950;display:flex;align-items:center;gap:12px}.v14-product:before{content:"";width:34px;height:3px;border-radius:4px;background:#18c8b0}.v14-copy h1{font-size:2.45rem;line-height:1.25;margin:8px 0 14px;letter-spacing:-.7px}.v14-copy>p{color:#c2d2dc;font-size:1rem;line-height:1.9;margin:0;max-width:650px}.v14-hero-actions{display:flex;gap:12px;margin-top:23px}.v14-hero-actions button,.v14-hero-actions a{height:44px;border-radius:10px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.8rem;font-weight:950}.v14-primary{border:0;background:linear-gradient(135deg,#13c4ac,#06a894);color:#fff;box-shadow:0 10px 24px rgba(7,181,157,.23)}.v14-secondary{border:1px solid rgba(255,255,255,.18);background:#fff;color:#0b2b40}.v14-saas-note{display:flex;gap:16px;margin-top:22px;flex-wrap:wrap}.v14-saas-note span{font-size:.7rem;color:#a8bfcd;display:flex;align-items:center;gap:6px}.v14-saas-note i{width:6px;height:6px;border-radius:50%;background:#1bcbb2;box-shadow:0 0 0 4px rgba(27,203,178,.11)}
.v14-tagline{position:absolute;inset-inline-end:2.2vw;top:50%;transform:translateY(-50%);z-index:3;border-inline-start:2px solid #16c9b0;padding-inline-start:13px;width:94px;color:#d7e4eb;font-size:.8rem;line-height:1.75}
.v14-skyline{position:absolute;inset-inline-end:0;bottom:46px;width:31%;height:190px;z-index:1;opacity:.36;display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;padding-inline:14px}.v14-skyline i{display:block;width:24px;background:linear-gradient(180deg,rgba(121,191,216,.35),rgba(53,122,148,.15));border:1px solid rgba(158,218,234,.23);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}.v14-skyline i:nth-child(1){height:80px}.v14-skyline i:nth-child(2){height:122px;width:31px}.v14-skyline i:nth-child(3){height:165px;width:21px}.v14-skyline i:nth-child(4){height:110px}.v14-skyline i:nth-child(5){height:185px;width:35px;clip-path:polygon(30% 0,70% 0,89% 40%,78% 100%,22% 100%,11% 40%)}.v14-skyline i:nth-child(6){height:128px}.v14-skyline i:nth-child(7){height:92px}
.v14-device{direction:ltr;perspective:1200px}.v14-laptop{width:min(620px,96%);margin:auto;transform:rotateY(5deg)}.v14-screen{border:9px solid #263b49;border-bottom-width:15px;border-radius:18px 18px 10px 10px;background:#f5f8fa;min-height:315px;box-shadow:0 32px 64px rgba(0,0,0,.36);display:grid;grid-template-columns:1fr 68px;gap:8px;padding:10px}.v14-mini-main{display:grid;gap:8px}.v14-mini-head{display:flex;justify-content:space-between;color:#123249;font-size:.65rem;font-weight:900}.v14-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.v14-mini-kpis div,.v14-mini-card{border:1px solid #dfebf0;background:#fff;border-radius:7px;padding:7px;color:#204054}.v14-mini-kpis small{display:block;color:#78909e;font-size:.42rem}.v14-mini-kpis b{display:block;font-size:.82rem;margin-top:3px}.v14-mini-chart{height:125px;border-radius:8px;background:linear-gradient(180deg,#fff,#f6fbfb);border:1px solid #dfebf0;position:relative;overflow:hidden}.v14-mini-chart:before{content:"";position:absolute;inset:18px 10px 12px;background:linear-gradient(168deg,transparent 0 34%,rgba(10,180,156,.22) 35% 49%,transparent 50% 100%);border-bottom:2px solid #0eb29b}.v14-mini-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v14-mini-card{height:53px}.v14-mini-side{border-radius:8px;background:linear-gradient(180deg,#061b2b,#073d51);padding:9px 6px;display:grid;align-content:start;gap:7px}.v14-mini-side i{height:24px;border-radius:6px;background:rgba(255,255,255,.07)}.v14-mini-side i:first-child{background:rgba(13,192,166,.22);border:1px solid rgba(62,229,202,.25)}.v14-base{height:17px;width:108%;margin-left:-4%;background:linear-gradient(#d1dbe1,#8b9ca8);border-radius:0 0 55% 55%;box-shadow:0 14px 22px rgba(0,0,0,.24)}.v14-float{position:absolute;left:-16px;top:80px;background:rgba(5,34,50,.91);border:1px solid rgba(86,220,197,.25);border-radius:13px;padding:15px;width:170px;direction:rtl;box-shadow:0 20px 35px rgba(0,0,0,.22)}.v14-float strong{font-size:.76rem;line-height:1.65}.v14-float span{display:block;color:#22d0b5;font-size:1.35rem;margin-top:7px}
.v14-section{padding:34px 5vw}.v14-section.alt{background:#f5f8fa}.v14-head{text-align:right;margin-bottom:17px}.v14-head small{color:#118f7c;font-size:.7rem;font-weight:950}.v14-head h2{font-size:1.55rem;margin:4px 0 0}.v14-features{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.v14-feature{border:1px solid var(--r-line);border-radius:12px;background:#fff;padding:15px 13px;min-height:118px;box-shadow:0 5px 16px rgba(15,49,70,.035)}.v14-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e3f5fb;color:#1781a9;font-weight:950}.v14-feature h3{font-size:.85rem;margin:9px 0 4px}.v14-feature p{font-size:.72rem;line-height:1.65;color:#647f90;margin:0}.v14-stakeholders{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#edf4f7;border-radius:14px;padding:14px}.v14-stake{background:#fff;border:1px solid #dce7ed;border-radius:10px;padding:13px;display:grid;grid-template-columns:38px 1fr;gap:10px}.v14-stake h3{font-size:.82rem;margin:0 0 4px}.v14-stake p{font-size:.69rem;line-height:1.55;color:#637c8d;margin:0}.v14-ba{display:grid;grid-template-columns:1fr 54px 1fr;gap:12px;align-items:stretch}.v14-ba-card{border-radius:14px;padding:17px 19px}.v14-ba-card.before{background:#fff5f5;border:1px solid #f0dcdc}.v14-ba-card.after{background:#effbf8;border:1px solid #d7eee8}.v14-ba-card header{font-size:.78rem;font-weight:950;margin-bottom:8px}.v14-ba-card ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.v14-ba-card li{font-size:.72rem;line-height:1.5}.v14-ba-card.before li:before{content:"×";color:#d4515c;font-weight:950;margin-inline-end:7px}.v14-ba-card.after li:before{content:"✓";color:#079c82;font-weight:950;margin-inline-end:7px}.v14-vs{display:grid;place-items:center}.v14-vs b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a5274;color:#fff;font-size:.7rem}.v14-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v14-module{border:1px solid var(--r-line);border-radius:12px;background:#fff;padding:10px;display:grid;grid-template-columns:1fr 1.1fr;gap:10px;align-items:center}.v14-module-preview{height:68px;border-radius:8px;background:linear-gradient(145deg,#e8f3f7,#fff);border:1px solid #dce8ed}.v14-module h3{font-size:.8rem;margin:0 0 4px}.v14-module p{font-size:.67rem;line-height:1.5;color:#6a8292;margin:0}.v14-footer{height:72px;background:#03192b;color:#9bb2c0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px}.v14-footer small{font-size:.7rem}.v14-footer-actions{display:flex;align-items:center;gap:14px}.v14-footer button,.v14-footer a{border:0;background:none;color:#c4d5de;font-size:.7rem;text-decoration:none;cursor:pointer}
/* Platform shell aligned to the second reference */
body[data-kh-design=v14]:not(.v12-landing-mode) .app-shell{grid-template-columns:230px minmax(0,1fr);background:#f5f8fb}
body[data-kh-design=v14]:not(.v12-landing-mode) .sidebar{width:230px;padding:18px 14px;background:linear-gradient(180deg,#03192b 0%,#04243a 68%,#073b4d 100%);box-shadow:none}
body[data-kh-design=v14]:not(.v12-landing-mode) .brand{padding:0 6px 24px}.brand-mark{width:42px;height:42px;border-radius:10px}.brand-copy strong{font-size:1rem}.brand-copy span{text-transform:none;letter-spacing:0;font-size:.65rem}.nav-groups{gap:8px}.nav-group{gap:4px}.nav-group-label{display:none}.nav-item{min-height:44px;padding:9px 11px;border-radius:10px;font-size:.78rem}.nav-item.active{border:1px solid #38d3c0;box-shadow:inset 0 0 0 1px rgba(56,211,192,.08);background:rgba(10,178,157,.13)}
body[data-kh-design=v14]:not(.v12-landing-mode) .main{padding:0 22px 35px;background:#f5f8fb}
body[data-kh-design=v14]:not(.v12-landing-mode) .topbar{height:66px;margin:0 -22px 18px;padding:0 22px;background:#fff;border-bottom:1px solid #e1e9ee;box-shadow:0 3px 14px rgba(9,39,58,.035)}
.v14-app-profile{display:flex;align-items:center;gap:9px;order:3;margin-inline-start:8px}.v14-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#e3f3fa,#b8dce9);display:grid;place-items:center;color:#175b7b;font-weight:950;border:2px solid #fff;box-shadow:0 2px 8px rgba(10,50,70,.12)}.v14-app-profile strong{display:block;font-size:.74rem}.v14-app-profile small{display:block;font-size:.58rem;color:#6d8391;margin-top:2px}.v14-search{width:270px;height:38px;border-radius:10px;background:#f1f5f8;border:1px solid #e5ecef;display:flex;align-items:center;padding:0 12px;color:#718896;gap:7px}.v14-search input{border:0;outline:0;background:transparent;width:100%;font-size:.7rem}.v14-top-left{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
body[data-kh-design=v14]:not(.v12-landing-mode) .page-heading{display:none}.top-actions{width:100%;gap:8px}.v14-compliance-btn{display:none!important}.v14-sidebar-slogan{margin-top:16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px;color:#d7e6ed;font-size:.72rem;line-height:1.65;text-align:center}.v14-sidebar-slogan b{display:block;color:#fff;margin-top:4px}.sidebar-footer{position:relative}.sidebar-footer:before{content:"";display:block;height:105px;margin-bottom:8px;background:linear-gradient(165deg,transparent 0 40%,rgba(27,174,164,.11) 41% 48%,transparent 49%),linear-gradient(18deg,transparent 0 44%,rgba(61,141,171,.15) 45% 54%,transparent 55%)}
body[data-kh-design=v14] #view-scenario{padding-bottom:20px}body[data-kh-design=v14] #view-scenario>.view-header{display:none}.v12-scenario-head{margin:0 0 12px}.v12-scenario-title h2{font-size:1.55rem}.v12-scenario-title p{font-size:.75rem}.v12-scenario-icon{width:46px;height:46px;border-radius:50%}.v12-period-card{min-width:220px;padding:10px 12px}.v12-scenario-kpis{gap:8px;margin-bottom:12px}.v12-skpi{min-height:88px;padding:11px;border-radius:11px}.v12-skpi strong{font-size:1.25rem}.v12-skpi span,.v12-skpi small{font-size:.65rem}#view-scenario .scenario-shell{grid-template-columns:minmax(0,1.65fr) minmax(335px,.8fr);gap:12px}#view-scenario .scenario-result,#view-scenario .scenario-controls{border-radius:13px;padding:15px}.v12-scenario-viz{grid-template-columns:minmax(0,1fr) 175px;gap:9px}.v12-chart-card{min-height:295px;padding:12px}.v12-chart-svg{height:205px}.v12-outcome{min-height:68px;padding:9px}.v12-outcome strong{font-size:1.05rem}#view-scenario .scenario-controls{top:80px;max-height:calc(100vh - 92px)}#view-scenario .scenario-controls:before{font-size:1rem}#view-scenario .control-stack{grid-template-columns:repeat(2,1fr)}.v12-scenario-extras{gap:12px;margin-top:12px}
@media(max-width:1180px){.v14-nav{grid-template-columns:200px 1fr 200px}.v14-links{gap:18px}.v14-features{grid-template-columns:repeat(3,1fr)}.v14-hero{padding-inline:4vw}.v14-copy h1{font-size:2.05rem}}
@media(max-width:920px){.v14-nav{grid-template-columns:1fr auto}.v14-links{display:none}.v14-hero{height:auto;min-height:650px;grid-template-columns:1fr;padding:48px 28px}.v14-copy{text-align:center;margin:auto}.v14-product,.v14-hero-actions,.v14-saas-note{justify-content:center}.v14-device{max-width:620px;margin:auto}.v14-tagline,.v14-skyline{display:none}.v14-stakeholders{grid-template-columns:repeat(2,1fr)}.v14-modules{grid-template-columns:repeat(2,1fr)}#view-scenario .scenario-shell{grid-template-columns:1fr}.v14-app-profile,.v14-search{display:none}}
@media(max-width:640px){.v14-nav{height:62px;padding:0 12px}.v14-brand small{display:none}.v14-nav-actions{gap:5px}.v14-nav button{padding:0 9px}.v14-hero{padding:42px 18px;min-height:570px}.v14-copy h1{font-size:1.75rem}.v14-copy>p{font-size:.88rem}.v14-device{display:none}.v14-hero-actions{display:grid}.v14-section{padding:28px 16px}.v14-features,.v14-stakeholders,.v14-modules{grid-template-columns:1fr}.v14-ba{grid-template-columns:1fr}.v14-vs{display:none}.v14-footer{height:auto;padding:18px 16px;display:grid}.v14-footer-actions{flex-wrap:wrap}.v14-features .v14-feature{min-height:auto}body[data-kh-design=v14]:not(.v12-landing-mode) .main{padding-inline:12px}body[data-kh-design=v14]:not(.v12-landing-mode) .topbar{margin-inline:-12px;padding-inline:12px}.v12-scenario-kpis{grid-template-columns:1fr 1fr}}