:root{--navy:#071d4b;--blue:#0976e8;--cyan:#08adbd;--orange:#ff7a18;--purple:#6736dc;--ink:#102047;--muted:#647394;--line:#dfe9f7;--bg:#f4f8fd;--white:#fff;--sidebar:282px;--shadow:0 18px 50px rgba(28,63,119,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,Arial,sans-serif;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#061944,#09295f);color:#fff;padding:25px 18px;z-index:30;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(5,26,69,.16)}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 25px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#12c8cd,#1685f4);font-size:24px;font-weight:800;box-shadow:0 8px 20px #071d4b}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{font-size:11px;color:#9db5d9;margin-top:3px;letter-spacing:.5px}.sidebar nav{display:grid;gap:4px;margin-top:20px;overflow:auto}.nav-item{border:0;background:transparent;color:#aebfdd;padding:11px 13px;border-radius:12px;text-align:left;font:600 13px/1.2 Tajawal;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(16,184,199,.25),rgba(19,118,229,.16));color:#fff}.nav-item.active{box-shadow:inset 3px 0 #1bcad0}.sidebar-progress{margin-top:auto;padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:12px}.sidebar-progress>div:first-child{display:flex;justify-content:space-between}.sidebar-progress b{color:#39d6dc}.bar{height:6px;background:rgba(255,255,255,.12);border-radius:10px;margin:10px 0}.bar i{display:block;width:10%;height:100%;border-radius:10px;background:linear-gradient(90deg,#16bdd0,#2182f2)}.sidebar-progress small{color:#90a5c8}.shell{margin-left:var(--sidebar);min-height:100vh;direction:rtl}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.crumb{display:flex;flex-direction:column;gap:4px}.crumb span{font:700 10px/1 Tajawal;color:#13aab9;letter-spacing:2px}.crumb b{font-size:19px}.top-actions{display:flex;align-items:center;gap:11px;direction:ltr}.lang,.icon-btn{height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;color:var(--navy);font-weight:700;cursor:pointer}.lang{padding:0 13px}.icon-btn{width:38px;position:relative}.icon-btn i{position:absolute;width:6px;height:6px;background:#ff7a18;border-radius:50%;right:8px;top:8px}.profile{display:flex;align-items:center;gap:9px;padding-left:5px}.profile>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0bb4c5,#0a73e7);color:#fff;font-weight:700}.profile b,.profile small{display:block;text-align:left}.profile b{font-size:13px}.profile small{font-size:11px;color:var(--muted)}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.view{display:none;padding:30px 36px 55px;max-width:1480px;margin:auto}.view.active{display:block;animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.welcome-card{position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#071d4b 0%,#073069 58%,#0a7898 100%);color:#fff;padding:34px 44px;display:flex;align-items:center;min-height:274px;box-shadow:var(--shadow)}.welcome-card:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-150px;bottom:-270px}.welcome-card>div:first-child{max-width:650px;z-index:2}.eyebrow,.page-intro>span,.result-head span,.roi-output>span{font-size:11px;letter-spacing:2.5px;color:#37d7dd;font-weight:700}.welcome-card h1{font-size:38px;margin:12px 0 10px;line-height:1.25}.welcome-card h1 em{font-style:normal;color:#51e2e0}.welcome-card p{margin:0 0 23px;color:#d0ddf0;font-size:16px;line-height:1.8}.primary,.secondary{border:0;border-radius:12px;padding:12px 20px;font:700 14px Tajawal;cursor:pointer}.primary{background:linear-gradient(135deg,#12bdc7,#087bdc);color:#fff;box-shadow:0 10px 24px rgba(9,144,197,.25)}.secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}.primary span{margin-right:14px}.value-orbit{position:absolute;left:80px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.2);direction:ltr}.value-orbit:before,.value-orbit:after{content:"";position:absolute;inset:28px;border-radius:50%;border:1px dashed rgba(85,232,235,.3)}.value-orbit:after{inset:60px;border-style:solid}.core{position:absolute;inset:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#18bed0,#1479e9);font-size:28px;font-weight:800;box-shadow:0 0 34px rgba(45,223,229,.33);z-index:2}.core small{font-size:9px;text-align:center;line-height:1.1;margin-top:-12px}.orb{position:absolute;background:#fff;color:var(--navy);border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.2)}.o1{top:-8px;left:88px}.o2{right:-28px;top:98px}.o3{bottom:4px;left:87px}.o4{left:-15px;top:99px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 30px}.stats article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;gap:13px;align-items:center}.stat-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800}.blue{background:#0c7cec}.cyan{background:#0ab1bb}.orange{background:#ff7a18}.purple{background:#6737dd}.stats small,.stats strong{display:block}.stats small{font-size:12px;color:var(--muted)}.stats strong{font-size:22px;margin-top:2px}.stats strong i{font-style:normal;font-size:12px;color:#8c99b1}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-head span,.page-intro>span{font-size:10px;color:#13aab9;letter-spacing:2px;font-weight:700}.section-head h2{font-size:25px;margin:3px 0}.text-btn{background:transparent;border:0;color:#087bdc;font:700 13px Tajawal;cursor:pointer}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;direction:ltr}.lab-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;position:relative;overflow:hidden;min-height:257px;direction:ltr;transition:.25s}.lab-card:before{content:"";position:absolute;height:4px;inset:0 0 auto;background:var(--accent)}.lab-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blue-card{--accent:#0c7cec}.cyan-card{--accent:#0ab1bb}.orange-card{--accent:#ff7a18}.purple-card{--accent:#6737dd}.lab-top{display:flex;justify-content:space-between}.lab-top span{background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);border-radius:8px;padding:5px 8px;font-weight:800}.lab-top b{font-size:10px;color:#97a3b8}.lab-icon{margin-top:18px;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);display:grid;place-items:center;font-size:23px}.lab-card h3{font-size:16px;color:var(--navy);margin:13px 0 7px}.lab-card p{font-size:13px;color:var(--muted);line-height:1.55;min-height:58px}.lab-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center}.lab-foot span{font-size:10px;color:#0c9e83}.lab-foot button,.task-chip{border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.insight{display:flex;gap:14px;align-items:center;background:linear-gradient(90deg,#eef3ff,#eefbfc);border:1px solid #dce8fb;border-radius:16px;padding:14px 18px;margin-top:18px}.insight>span{font-size:24px}.insight b,.insight p{display:block;margin:0}.insight p{font-size:13px;color:var(--muted);margin-top:3px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:32px;margin:5px 0 4px;color:var(--navy)}.page-intro p{margin:0;color:var(--muted);font-size:16px}.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;direction:ltr}.usecase-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:200px;box-shadow:0 8px 25px rgba(33,65,113,.05)}.usecase-grid i{display:grid;width:55px;height:55px;border-radius:16px;color:#fff;place-items:center;font-style:normal;font-size:24px}.usecase-grid h3{color:var(--navy);font-size:19px}.usecase-grid p{color:var(--muted);line-height:1.7}.workspace-grid,.data-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:18px}.panel,.run-panel,.result-panel,.flow-builder,.edge-grid>article,.roi-output,.results-table{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-title>span{background:#e9f3ff;color:#0c7cec;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800}.panel-title b,.panel-title small{display:block}.panel-title small{font-size:11px;color:var(--muted)}.panel-title .copy{margin-inline-start:auto}.scenario p{background:#f5f8fd;border-radius:13px;padding:15px;color:var(--muted);line-height:1.8}.scenario label,.roi-form label{font-size:13px;font-weight:700;display:grid;gap:7px;margin-top:20px}.scenario select,.roi-form input,.case-chain input{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fbfdff;font:inherit;color:var(--ink)}textarea{width:100%;min-height:190px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:15px;font:500 14px/1.9 Tajawal;color:var(--ink);background:#f9fbfe}.copy{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 12px;color:#087bdc;font-weight:700;cursor:pointer}.prompt-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.prompt-tags span{padding:5px 9px;border-radius:20px;background:#eff5fc;color:#627392;font-size:10px}.run-panel{margin-top:18px;display:grid;grid-template-columns:1fr 260px;align-items:center;gap:18px}.upload-zone{border:1.5px dashed #b8cae3;border-radius:16px;min-height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f9fbfe;position:relative;text-align:center;padding:18px;transition:.2s}.upload-zone.drag{border-color:#0ab1bb;background:#edfdfd}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone>span{font-size:25px;color:#0c7cec}.upload-zone b,.upload-zone small{display:block}.upload-zone small{color:var(--muted);font-size:11px;margin:4px}.upload-zone button{pointer-events:none;border:0;background:#e8f3ff;color:#0c7cec;padding:7px 12px;border-radius:8px;font-weight:700}.upload-zone em{font-style:normal;color:#0b987d;font-size:11px;margin-top:6px}.upload-zone.compact{min-height:235px}.action-stack{display:grid;gap:9px}.action-stack small{text-align:center;color:var(--muted);font-size:10px}.result-panel{display:none;margin-top:18px}.result-panel.show{display:block;animation:fade .3s}.result-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.result-head h3{margin:3px 0}.result-head button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;margin-inline-start:5px;cursor:pointer}.result-body{display:grid;grid-template-columns:160px 1fr;gap:24px;padding-top:18px}.result-metric{border-radius:17px;background:linear-gradient(135deg,#fff0e5,#fff8f2);display:grid;place-items:center;padding:15px}.result-metric b{font-size:29px;color:#ff7116}.result-metric span{font-size:11px;color:var(--muted)}.result-body ul{margin:0;padding-inline-start:20px;line-height:2;color:#50617f}.wide{width:100%;margin-top:18px}.chart-row{display:grid;grid-template-columns:220px 1fr;gap:30px;padding-top:20px}.donut{width:155px;height:155px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#fff 0 55%,transparent 56%),conic-gradient(#ff7a18 0 64%,#dfe9f7 64%);margin:auto}.donut b{font-size:25px}.donut span{font-size:11px;color:var(--muted)}.bars{display:grid;gap:12px}.bars label{display:grid;grid-template-columns:150px 1fr 30px;gap:12px;align-items:center;font-size:12px}.bars i{height:9px;border-radius:8px;background:linear-gradient(90deg,#0ab1bb var(--w),#e9eff8 var(--w))}.productivity-grid article{min-height:250px}.task-chip{color:#087bdc;background:#edf6ff;border-radius:9px;padding:9px 12px}.flow-builder{display:flex;direction:ltr;align-items:center;justify-content:space-between;overflow:auto;gap:8px}.flow-builder>em{font-size:24px;color:#18a7c9}.flow-node{min-width:125px;min-height:170px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,currentColor 11%,white),#fff);padding:15px;text-align:center;position:relative}.flow-node>span{position:absolute;top:-9px;left:50%;transform:translateX(-50%);border-radius:20px;background:currentColor;color:#fff;padding:4px 8px;font-size:10px}.flow-node i{font-style:normal;font-size:29px;display:block;margin:24px 0 12px}.flow-node b,.flow-node small{display:block;color:var(--navy)}.flow-node small{font-size:10px;color:var(--muted);margin-top:7px}.edge-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:18px}.edge-grid textarea{min-height:150px;margin:12px 0}.simulation div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.simulation span{color:var(--muted)}.edge-grid ul{padding-inline-start:18px;line-height:2;color:var(--muted)}.roi-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.roi-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.roi-form label{margin:0}.roi-output{background:linear-gradient(135deg,#071d4b,#0b4d83);color:#fff;text-align:center}.roi-output>strong{font-size:65px;display:block;color:#43e0dd;margin:10px}.roi-output>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roi-output p{background:rgba(255,255,255,.08);padding:15px;border-radius:13px}.roi-output p b,.roi-output p small{display:block}.roi-output p small,.roi-output>small{color:#a9bfdb;font-size:10px}.quality-pipeline{display:grid;max-width:760px;margin:auto;gap:8px}.quality-pipeline span,.quality-pipeline strong{padding:13px;text-align:center;border-radius:10px;background:linear-gradient(90deg,#b7e9f7,#41bfe9);clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.quality-pipeline span:nth-child(2){margin-inline:4%}.quality-pipeline span:nth-child(3){margin-inline:8%}.quality-pipeline span:nth-child(4){margin-inline:12%;background:#239ad7;color:#fff}.quality-pipeline span:nth-child(5){margin-inline:16%;background:#1174bf;color:#fff}.quality-pipeline strong{margin-inline:20%;background:#071d4b;color:#fff}.case-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;direction:ltr}.case-chain label{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;font-weight:700;color:var(--navy);display:grid;gap:12px}.case-chain label>span{width:32px;height:32px;border-radius:9px;background:#eaf4ff;color:#0c7cec;display:grid;place-items:center}.case-chain input{width:100%;font-size:12px}.results-table{padding:0;overflow:hidden;direction:ltr}.results-table>div{display:grid;grid-template-columns:2fr 1fr .5fr .7fr;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center}.results-table .table-head{background:#eef4fb;color:#70809c;font-size:11px;font-weight:700;text-transform:uppercase}.results-table button{border:1px solid var(--line);background:#fff;color:#087bdc;border-radius:8px;padding:7px;cursor:pointer}.done{color:#0a9c7f}.toast{position:fixed;bottom:25px;right:28px;transform:translateY(100px);opacity:0;background:#071d4b;color:#fff;border-radius:12px;padding:12px 18px;z-index:100;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:1150px){.lab-grid,.usecase-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.value-orbit{left:35px;transform:scale(.82)}.case-chain{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){:root{--sidebar:270px}.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none}.shell{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 17px}.profile div{display:none}.view{padding:22px 16px 45px}.welcome-card{padding:28px 22px}.welcome-card h1{font-size:30px}.value-orbit{display:none}.workspace-grid,.data-layout,.run-panel,.edge-grid,.roi-layout{grid-template-columns:1fr}.flow-builder{justify-content:flex-start}.result-body,.chart-row{grid-template-columns:1fr}.roi-output>div{grid-template-columns:1fr 1fr}.case-chain{grid-template-columns:1fr}.topbar .crumb b{font-size:15px}}@media(max-width:560px){.lab-grid,.usecase-grid,.stats{grid-template-columns:1fr}.top-actions{gap:5px}.icon-btn{display:none}.welcome-card h1,.page-intro h1{font-size:25px}.welcome-card p,.page-intro p{font-size:14px}.section-head{align-items:start;gap:10px}.roi-form{grid-template-columns:1fr}.roi-output>div{grid-template-columns:1fr}.results-table>div{grid-template-columns:1.5fr 1fr .6fr}.results-table>div>*:nth-child(4){display:none}.topbar{height:72px}.view{padding-top:18px}}