@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Readex+Pro:wght@400;500;600;700;800&display=swap";:root{font-family:Tajawal,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--bg-base: #f2f7fb;--bg-soft: #e8f2fa;--bg-surface: #ffffff;--bg-elevated: #fcfdff;--ink: #10222e;--ink-soft: #335062;--ink-faint: #59758a;--line: #c4d8e8;--line-strong: #9ab6cb;--accent: #0876a8;--accent-deep: #085a8f;--accent-soft: #d6ecfa;--accent-green: #16866a;--accent-green-soft: #ddf5ee;--warning: #8d6400;--warning-soft: #fff3d8;--danger: #ad3438;--danger-soft: #fee8ea;--shadow-soft: 0 12px 28px rgba(8, 38, 56, .08);--shadow-card: 0 18px 44px rgba(8, 38, 56, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 11px;--view-glow-a: rgba(8, 118, 168, .2);--view-glow-b: rgba(22, 134, 106, .17)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Readex Pro,Cairo,sans-serif;background:radial-gradient(72rem 36rem at -14% -16%,rgba(8,118,168,.2),transparent 64%),radial-gradient(64rem 32rem at 112% -10%,rgba(22,134,106,.18),transparent 58%),linear-gradient(170deg,#f7fbff 0%,var(--bg-base) 44%,var(--bg-soft) 100%)}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0}body:before{inset:0;background-image:linear-gradient(to right,rgba(9,62,90,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(9,62,90,.035) 1px,transparent 1px);background-size:40px 40px;opacity:.35}body:after{width:min(34rem,72vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(8,118,168,.2),transparent 64%);inset-inline-end:-10rem;bottom:-10rem;filter:blur(8px)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f9fcff);color:var(--ink);padding:12px 13px;transition:border-color .22s ease,box-shadow .22s ease,transform .18s ease}input::placeholder,textarea::placeholder{color:#7a95a8}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0876a82b}textarea{min-height:120px;resize:vertical;line-height:1.85}:focus-visible{outline:3px solid rgba(8,118,168,.42);outline-offset:2px}.app-shell{position:relative;z-index:1;width:min(1540px,calc(100vw - 34px));margin:18px auto 42px;display:grid;gap:14px}.app-shell>*{animation:rise-in .52s ease both}.app-shell>*:nth-child(2){animation-delay:.05s}.app-shell>*:nth-child(3){animation-delay:.1s}.app-shell>*:nth-child(4){animation-delay:.15s}.hero{position:relative;overflow:clip;border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:linear-gradient(130deg,#0876a838,#0876a812 38%,#16866a33),linear-gradient(180deg,#fff,#f9fcff);box-shadow:var(--shadow-card);padding:26px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:18px}.hero:before{content:"";position:absolute;width:26rem;height:26rem;border-radius:50%;inset-inline-end:-9rem;top:-11rem;background:radial-gradient(circle,#ffffffb3,#fff0)}.hero:after{content:"";position:absolute;inset-inline-start:-20%;bottom:8%;width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent)}.eyebrow{margin:0;width:fit-content;border:1px solid rgba(12,92,129,.26);border-radius:999px;background:#ffffffb8;color:#0e5578;padding:4px 10px;font-size:11px;letter-spacing:.4px;font-weight:800;text-transform:uppercase}.hero h1{margin:12px 0 10px;font-family:Cairo,Readex Pro,sans-serif;font-size:clamp(1.4rem,2vw,2.25rem);line-height:1.5}.hero-text{margin:0;color:#294e62;line-height:2;max-width:86ch}.hero-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:9px}.hero-side{position:relative;z-index:1;display:grid;gap:10px;align-content:start}.hero-side article{border:1px solid rgba(146,183,205,.9);border-radius:var(--radius-md);background:linear-gradient(160deg,#fffffff5,#f1f9ffe0);padding:11px 12px}.hero-side p{margin:0;color:#547487;font-size:12px}.hero-side strong{display:inline-block;margin-top:6px;font-size:1.15rem}.flash-box{border:1px solid #9ed6bb;border-radius:var(--radius-md);background:linear-gradient(170deg,#edfbf4,#e3f6ec);color:#15573b;box-shadow:var(--shadow-soft);padding:10px 13px;font-size:14px}.panel{position:relative;overflow:clip;border:1px solid #c4d8e8;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--bg-surface),#f9fcff 78%);box-shadow:var(--shadow-soft);padding:15px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.panel:before{content:"";position:absolute;inset-inline-start:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-green),transparent);opacity:.45}.panel:hover{transform:translateY(-1px);border-color:#aac6da;box-shadow:0 20px 44px #08263821}.hero-panel{background:linear-gradient(145deg,#0876a82e,#0876a80a 42%,#16866a21),#fff}.kicker{margin:0;color:#2a6886;font-size:12px;font-weight:800;letter-spacing:.2px}.panel-head{margin-bottom:11px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.panel-head h3{margin:0;font-family:Cairo,Readex Pro,sans-serif;font-size:1.05rem}.panel-head span{color:#4a6c7f;font-size:12px;font-weight:500}.lead{margin:0;color:var(--ink-soft);line-height:1.95}.view-stack{display:grid;gap:13px}.guide-grid,.roadmap-grid,.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.guide-card,.road-card,.knowledge-card{position:relative;overflow:hidden;border:1px solid #c9deec;border-radius:13px;background:linear-gradient(162deg,#fff,#f3faff);padding:11px;display:grid;gap:6px;transition:transform .2s ease,border-color .2s ease}.guide-card:after,.road-card:after,.knowledge-card:after{content:"";position:absolute;width:7rem;height:7rem;border-radius:50%;inset-inline-end:-4rem;top:-4rem;background:radial-gradient(circle,rgba(8,118,168,.14),transparent 70%)}.guide-card:hover,.road-card:hover,.knowledge-card:hover{transform:translateY(-2px);border-color:#a7c4d9}.guide-card p,.road-card p,.knowledge-card p,.knowledge-card small{margin:0;color:var(--ink-soft);line-height:1.75;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kpi-grid article,.impact-year-grid article{border:1px solid #c9dfed;border-radius:13px;background:linear-gradient(165deg,#fff,#f4fbff);padding:11px;transition:border-color .2s ease,transform .2s ease}.kpi-grid article:hover,.impact-year-grid article:hover{border-color:#acc9dd;transform:translateY(-1px)}.kpi-grid p,.impact-year-grid p{margin:0;color:var(--ink-faint);font-size:12px}.kpi-grid strong,.impact-year-grid strong{display:inline-block;margin-top:6px;font-size:1.08rem}.impact-year-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.btn{border:1px solid #b7d3e4;border-radius:12px;background:linear-gradient(180deg,#fff,#f4faff);color:#16495f;min-height:42px;padding:9px 14px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px);border-color:#9bbcd2;box-shadow:0 11px 24px #0c334a26}.btn.primary{border-color:transparent;background:linear-gradient(125deg,var(--accent),var(--accent-green));color:#fff}.btn.primary:hover{background:linear-gradient(125deg,var(--accent-deep),#116f58)}.btn.ghost{background:linear-gradient(180deg,#f7fbff,#eef6fd)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.badge{border:1px solid #c3d9e8;border-radius:999px;background:#f7fcff;color:#345b71;padding:4px 10px;font-size:11px;white-space:nowrap}.badge.good{border-color:#9fd6bc;background:#e8f8ef;color:#146843}.badge.mid{border-color:#efcf8f;background:#fff3dc;color:#835e00}.badge.bad{border-color:#efb5b7;background:#feecee;color:#a33a3e}.badge.neutral{border-color:#c3d9e8}.session-strip{border:1px solid #c0d7e7;border-radius:16px;background:linear-gradient(160deg,#fff,#f5fbff);box-shadow:var(--shadow-soft);padding:11px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.session-search{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.session-search input{min-width:280px}.top-nav{position:sticky;top:10px;z-index:20;display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #c0d6e6;border-radius:16px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-soft)}.top-nav button{border:1px solid #bdd7e6;border-radius:999px;background:linear-gradient(180deg,#fff,#f3f9fe);color:#244f66;font-weight:700;padding:9px 15px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.top-nav button:hover{transform:translateY(-1px);border-color:#95b7ce}.top-nav button.active{border-color:#0876a894;background:linear-gradient(125deg,#0876a833,#16866a33);color:#033e59}.view-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.view-context article{border:1px solid #c5dced;border-radius:14px;background:linear-gradient(165deg,#fff,#f1f8fe);box-shadow:var(--shadow-soft);padding:11px;display:grid;gap:3px}.view-context strong{font-size:1rem}.view-context span{color:#4d6f82;font-size:12px;line-height:1.7}.main-shell{--view-glow-a: rgba(8, 118, 168, .2);--view-glow-b: rgba(22, 134, 106, .15);position:relative;border-radius:18px;padding:2px}.main-shell:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(26rem 12rem at 8% 6%,var(--view-glow-a),transparent 65%),radial-gradient(24rem 11rem at 92% 0%,var(--view-glow-b),transparent 70%);opacity:.9}.main-shell.view-overview{--view-glow-a: rgba(8, 118, 168, .22);--view-glow-b: rgba(22, 134, 106, .18)}.main-shell.view-lifecycle{--view-glow-a: rgba(0, 130, 188, .2);--view-glow-b: rgba(10, 145, 108, .18)}.main-shell.view-workflow{--view-glow-a: rgba(7, 108, 164, .22);--view-glow-b: rgba(27, 125, 163, .16)}.main-shell.view-workspace{--view-glow-a: rgba(8, 118, 168, .2);--view-glow-b: rgba(31, 144, 116, .19)}.main-shell.view-prototype{--view-glow-a: rgba(14, 126, 175, .22);--view-glow-b: rgba(0, 164, 119, .18)}.main-shell.view-impact{--view-glow-a: rgba(5, 123, 169, .22);--view-glow-b: rgba(43, 151, 109, .18)}.main-shell.view-governance{--view-glow-a: rgba(6, 109, 166, .2);--view-glow-b: rgba(23, 129, 98, .17)}.main-shell.view-knowledge{--view-glow-a: rgba(8, 118, 168, .22);--view-glow-b: rgba(21, 132, 102, .17)}.main-shell.view-audit{--view-glow-a: rgba(8, 118, 168, .18);--view-glow-b: rgba(12, 98, 135, .16)}.auth-panel{max-width:860px;margin-inline:auto}.inline-input,.inline-actions{display:flex;gap:7px;margin-top:9px}.inline-input.wrap,.inline-actions.wrap{flex-wrap:wrap}.inline-input input{flex:1}.field{display:grid;gap:6px;margin-bottom:10px}.field span{color:#476779;font-size:12px;font-weight:700}.chip-row{margin-top:9px;display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #bfd8e8;border-radius:999px;background:#f2f9ff;color:#31586d;padding:5px 11px;font-size:12px}.chip.score-good{border-color:#95d0b1;background:var(--accent-green-soft);color:#116843}.chip.score-mid{border-color:#efcf91;background:var(--warning-soft);color:#815d00}.chip.score-bad{border-color:#ecb4b7;background:var(--danger-soft);color:#a23a3e}.lifecycle-layout{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:12px}.intake-panel{align-self:start}.board-scroll{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}.stage-column{border:1px solid #c5dbeb;border-radius:16px;background:linear-gradient(170deg,#fff,#f5fbff);padding:10px;min-height:440px}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;border-bottom:1px dashed #b9d4e6;padding-bottom:8px}.card-list{display:grid;gap:8px}.idea-card{border:1px solid #c8deec;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fcff);padding:9px;display:grid;gap:7px;transition:border-color .18s ease,transform .18s ease}.idea-card:hover{border-color:#9fbed4;transform:translateY(-1px)}.idea-head{display:flex;justify-content:space-between;align-items:start;gap:8px}.idea-head strong{font-size:13px;line-height:1.65}.idea-card p{margin:0;color:var(--ink-soft);font-size:12px}.idea-progress{height:8px;width:100%;border-radius:999px;overflow:hidden;background:#ddecf4}.idea-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-green))}.metric-row{display:flex;flex-wrap:wrap;gap:6px;color:#375f73;font-size:11px}.card-actions{display:flex;flex-wrap:wrap;gap:6px}.card-actions.two-cols{display:grid;grid-template-columns:1fr 1fr}.workflow-layout,.prototype-layout,.impact-layout,.workspace-layout{display:grid;gap:12px}.workflow-layout,.impact-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-layout,.workspace-layout{grid-template-columns:1.2fr 1fr}.table-wrap{margin-top:8px;overflow:auto}table{width:100%;min-width:640px;border-collapse:collapse;border-radius:12px;overflow:hidden}th,td{text-align:start;border-bottom:1px solid #dbe8f2;padding:9px}th{background:#f4faff;color:#45687c;font-size:12px;font-weight:700}td{font-size:13px;background:#fffc}td strong,td small{display:block}.alert-list,.bullet-list,.list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.alert-item,.list li,.bullet-list li{border:1px solid #cde1ee;border-radius:11px;background:linear-gradient(180deg,#fff,#f8fcff);padding:8px}.alert-item.good{border-color:#9fd7bc;background:#e8f8ef;color:#146943}.alert-item.mid{border-color:#efd096;background:#fff4df;color:#7f5d00}.alert-item.bad{border-color:#ecb5b8;background:#ffedef;color:#a53b3f}.panel-tone{margin-top:11px;border-radius:12px;border:1px solid #cbe1ed;background:#f5fbff;padding:10px}.panel-tone p{margin:6px 0 0;color:var(--ink-soft);line-height:1.75}.panel-tone.warning{border-color:#ebcf92;background:#fff5df}.panel-tone.success{border-color:#9fd7bc;background:#e8f8ef}.panel-tone.info{border-color:#b8dced;background:#edf8ff}.summary-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.summary-grid.mini{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid article,.stage-kpi-card,.gov-card{border:1px solid #cce0ec;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fcff);padding:9px}.summary-grid p,.stage-kpi-card small,.gov-card p,.list p,.notes p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.75}.summary-grid strong,.stage-kpi-card p{display:inline-block;margin-top:6px;font-size:1.05rem}.stage-kpi-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stage-kpi-card{display:grid;gap:4px}.stage-kpi-card p{margin:0;color:#18506a;font-weight:800}.idea-title{margin:7px 0 4px;font-size:1.1rem}.subhead{margin:10px 0 0;color:#2e5a70;font-size:13px}.check-row{display:flex;align-items:center;gap:8px}.done{text-decoration:line-through;opacity:.74}.notes small,.list small{color:#5a788a}.rank-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.empty{color:var(--ink-soft);text-align:center}.compact{margin-top:8px}.output-panel textarea{min-height:530px}.impact-result{margin-top:8px;border:1px solid #bddcec;border-radius:11px;background:#eef8ff;padding:8px}.impact-result p{margin:4px 0}.form-grid.two,.governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gov-card{display:grid;gap:5px}.floating-cta{position:fixed;bottom:18px;inset-inline-start:18px;z-index:40;border:0;border-radius:999px;padding:12px 18px;color:#fff;font-weight:800;background:linear-gradient(125deg,var(--accent),var(--accent-green));box-shadow:0 16px 34px #0876a852;animation:pulse-cta 2.7s ease-in-out infinite}.platform-footer{border:1px solid #c4d8e8;border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:var(--shadow-soft);padding:12px;text-align:center;color:var(--ink-soft);font-size:12px}.onboarding-overlay{position:fixed;inset:0;background:#081f2c73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;padding:16px}.onboarding-modal{width:min(580px,calc(100vw - 24px));border:1px solid #c0d8e8;border-radius:18px;background:linear-gradient(180deg,#fff,#f6fbff);box-shadow:0 24px 54px #071e2a40;padding:15px;display:grid;gap:9px}.onboarding-modal h3{margin:2px 0}.onboarding-modal p{margin:0;color:var(--ink-soft);line-height:1.9}.onboarding-dots{display:flex;gap:6px}.onboarding-dots span{width:10px;height:10px;border-radius:50%;background:#c6dbe6}.onboarding-dots .active{width:24px;border-radius:999px;background:var(--accent)}.onboarding-actions{display:flex;justify-content:flex-end;gap:8px}.guide-card,.road-card,.knowledge-card,.kpi-grid article,.impact-year-grid article,.summary-grid article,.stage-kpi-card,.gov-card,.idea-card{animation:rise-in .5s ease both}.guide-grid>*:nth-child(2),.roadmap-grid>*:nth-child(2),.knowledge-grid>*:nth-child(2){animation-delay:.05s}.guide-grid>*:nth-child(3),.roadmap-grid>*:nth-child(3),.knowledge-grid>*:nth-child(3){animation-delay:.1s}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-cta{0%,to{transform:translateY(0);box-shadow:0 16px 34px #0876a84d}50%{transform:translateY(-2px);box-shadow:0 22px 38px #0876a85c}}@media(max-width:1320px){.hero,.lifecycle-layout,.workflow-layout,.prototype-layout,.impact-layout,.workspace-layout{grid-template-columns:1fr}.kpi-grid,.impact-year-grid,.guide-grid,.roadmap-grid,.knowledge-grid,.summary-grid,.summary-grid.mini,.stage-kpi-grid,.governance-grid,.form-grid.two,.view-context{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{width:min(1540px,calc(100vw - 16px));margin-top:10px;gap:10px}.hero,.panel,.platform-footer{border-radius:14px;padding:12px}.top-nav,.session-strip,.session-search,.hero-actions,.inline-input,.inline-actions,.onboarding-actions{flex-direction:column}.top-nav button,.btn,.session-search input{width:100%}.session-search input{min-width:0}.top-nav{position:static}.floating-cta{inset-inline:10px;bottom:10px;text-align:center}}@media(max-width:680px){.kpi-grid,.impact-year-grid,.guide-grid,.roadmap-grid,.knowledge-grid,.summary-grid,.summary-grid.mini,.stage-kpi-grid,.governance-grid,.form-grid.two,.view-context,.card-actions.two-cols{grid-template-columns:1fr}.hero h1{font-size:1.24rem}.hero-text,.lead{line-height:1.85}.output-panel textarea{min-height:320px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}