*{box-sizing:border-box} :root{--navy:#232e4c;--gold:#fad06f;--orange:#fe7c39;--ink:#26334d;--muted:#6c778a;--line:#e1e5ec;--canvas:#f5f6f9}body{margin:0;font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:7px;padding:10px 16px;font-weight:650}button:disabled{opacity:.55;cursor:wait}a{color:var(--navy)}.primary{background:var(--navy);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.small{padding:6px 10px;font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.4px;color:var(--muted);margin:0 0 8px}h1{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:0 0 10px}h2{font-size:18px;margin:0 0 14px}h3{font-size:15px;margin:0 0 8px}aside{position:fixed;inset:0 auto 0 0;width:235px;background:var(--navy);color:white;padding:28px 20px;display:flex;flex-direction:column}.logo-panel{background:var(--navy);padding:10px;border-radius:8px}.logo-panel img{width:100%;max-height:80px;object-fit:contain}.brand{font-size:17px;font-weight:700;margin:18px 8px 30px}.brand span{display:block;font-size:9px;letter-spacing:1.7px;color:var(--gold);margin-top:7px}nav{display:grid;gap:5px}nav button{text-align:left;color:#bfc7d8;background:transparent;font-weight:500;padding:12px}nav button.active{background:#35425e;color:white;border-left:3px solid var(--gold)}.aside-foot{margin-top:auto;display:grid;gap:5px;padding:18px 8px 0;border-top:1px solid #44506a}.aside-foot span{font-size:12px;color:#bfc7d8}.logout{color:var(--gold);background:none;padding:8px 0}.shell{margin-left:235px}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px}main{padding:32px 36px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p:last-child{margin:0;max-width:700px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card,.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.metric{font-size:32px;font-weight:650;line-height:1.3}.card small{display:block;margin-top:8px;color:var(--muted)}.panel{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.project-top{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.project-card p{margin:10px 0}.tag{display:inline-block;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap;background:#eef0f4;color:#616b7b}.red,.overdue{background:#ffeded;color:#ad3434}.amber{background:#fff4db;color:#8a6218}.green{background:#e8f4ed;color:#34734e}.unknown{background:#edf0f5;color:#69768b}.progress{height:6px;background:#e8ebf2;border-radius:5px;margin:10px 0;overflow:hidden}.progress i{display:block;height:100%;background:var(--navy)}.progress-labels{display:flex;justify-content:space-between;font-size:12px}.metadata{color:var(--muted);font-size:12px;margin-top:16px}.notice{background:#fff8e7;border-left:3px solid var(--gold);padding:14px 18px;margin-bottom:24px;font-size:13px}.empty{color:var(--muted);padding:24px 0;text-align:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 10px}td{padding:14px 10px;border-bottom:1px solid #edf0f4;vertical-align:top;max-width:480px;overflow-wrap:anywhere}td p{margin:4px 0;white-space:pre-wrap}td small{display:block;color:var(--muted)}.actions{display:flex;gap:6px;flex-wrap:wrap}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filterbar input{flex:1;min-width:150px}.filterbar select{width:auto;min-width:130px}label{display:block;font-size:12px;font-weight:650;margin-bottom:16px}input,textarea,select{display:block;width:100%;border:1px solid #ced5e0;border-radius:6px;padding:10px;background:#fff;color:var(--ink);margin-top:6px}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}dialog{width:min(740px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:24px;color:var(--ink)}dialog::backdrop{background:#111d35a6}.dialog-header,.dialog-footer{display:flex;justify-content:space-between;align-items:center}.dialog-header{margin-bottom:20px}.dialog-footer{justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px;margin-top:12px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#fields .wide{grid-column:1/-1}#feedback:not(:empty){padding:12px;background:#e8f4ed;border-radius:6px;margin-bottom:18px}#form-error:not(:empty){padding:12px;background:#ffeded;color:#ad3434;margin-bottom:12px}.timeline-row{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:center;margin:18px 0}.timeline-track{position:relative;height:44px;background:repeating-linear-gradient(90deg,#f5f6f9 0,#f5f6f9 calc(100% / 6 - 1px),#e1e5ec calc(100% / 6 - 1px),#e1e5ec calc(100% / 6));border-radius:5px}.bar{position:absolute;height:8px;top:10px;background:#d8dfeb;border-radius:4px}.bar.forecast{top:26px;background:var(--navy)}.timeline-axis{display:flex;justify-content:space-between;margin-left:258px;font-size:11px;color:var(--muted)}.marker{position:absolute;width:2px;background:var(--orange);height:100%;z-index:1}.legend{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:20px}footer{padding:22px 36px;color:var(--muted);font-size:11px}.login{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:12px;padding:36px;border-top:5px solid var(--gold)}.login-card .logo-panel{margin-bottom:26px}.login-card h1{font-size:32px}.login-card button{width:100%}.login-card small{display:block;text-align:center;color:var(--muted);margin-top:24px}.errorlist{color:#ad3434;padding-left:18px}.text-body{white-space:pre-wrap;unicode-bidi:plaintext}.check-label input{display:inline;width:auto}.pill-link{font-size:12px}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.shell{margin-left:200px}aside{width:200px}main{padding:24px}.timeline-row{grid-template-columns:180px 1fr}.timeline-axis{margin-left:198px}}@media(max-width:680px){aside{position:static;width:100%;padding:14px}.logo-panel,.brand{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.aside-foot{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:10px}.aside-foot form{margin-left:auto}.shell{margin:0}header{padding:16px;height:auto;gap:12px}main{padding:20px 16px}.page-heading{align-items:start;flex-direction:column}h1{font-size:26px}.card{padding:16px}.cards{gap:10px}#fields{grid-template-columns:1fr}.timeline-row{grid-template-columns:120px 1fr}.timeline-axis{margin-left:138px}.panel{padding:16px}}

/* Arabic layout. Dates, identifiers and credentials retain LTR formatting. */
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] aside{left:auto;right:0;overflow-y:auto}
html[dir="rtl"] .shell{margin-left:0;margin-right:235px}
html[dir="rtl"] nav button{text-align:right}
html[dir="rtl"] nav button.active{border-left:0;border-right:3px solid var(--gold)}
html[dir="rtl"] table{text-align:right}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .brand span,html[dir="rtl"] th{letter-spacing:0}
html[dir="rtl"] .timeline-axis{margin-left:0;margin-right:258px}
html[dir="rtl"] .errorlist{padding-left:0;padding-right:18px}
html[dir="rtl"] input[dir="ltr"]{text-align:left}
html[dir="rtl"] pre{direction:rtl;text-align:right;white-space:pre-wrap;overflow-wrap:anywhere}
html[dir="rtl"] .text-body{line-height:1.8}
@media(max-width:1000px){html[dir="rtl"] .shell{margin-right:200px}html[dir="rtl"] .timeline-axis{margin-right:198px}}
@media(max-width:680px){html[dir="rtl"] .shell{margin-right:0}html[dir="rtl"] .aside-foot form{margin-left:0;margin-right:auto}html[dir="rtl"] .timeline-axis{margin-right:138px}}

/* Executive report: program, four delivery projects, timeline, program RAIDD. */
.program-overview{border-top:4px solid var(--gold)}
.program-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.program-heading h2{font-size:24px;margin:0}.program-description{max-width:1000px}
.rag-chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}
.rag-circle{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #dfe3e9;flex-shrink:0}
.rag-red{background:#e53935}.rag-amber{background:#f59e0b}.rag-green{background:#2c9660}.rag-unknown{background:#8993a3}
.program-heading .rag-circle{width:38px;height:38px}
.program-dates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.program-dates span{display:block;color:var(--muted);font-size:12px}.program-dates b{display:block;margin-top:6px}
.program-challenges{background:#fff6f3;border-right:3px solid var(--orange);padding:16px;border-radius:6px}.program-challenges p{margin:0}
.section-heading{margin:28px 0 14px}.section-heading h2{margin:0}
.executive-projects{margin-bottom:28px}.executive-projects .project-card{border-top:4px solid var(--gold);display:flex;flex-direction:column}
.executive-projects .project-top h3{font-size:18px;line-height:1.6}.project-narrative{padding:14px 0;border-top:1px solid var(--line)}
.project-narrative h4{font-size:13px;color:var(--navy);margin:0}.project-narrative p{margin:6px 0 0}
.project-dates{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;padding:14px 0;margin-top:auto}.project-dates span{color:var(--muted)}.project-dates b{color:var(--ink)}
.card-actions{margin-top:16px}.executive-timeline{padding:24px}.program-timeline-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.executive-timeline a{display:block}
.executive-raidd table{min-width:950px}.executive-raidd td:nth-child(2){min-width:230px}.executive-raidd td:nth-child(3){min-width:220px}.executive-raidd td:nth-child(5){min-width:200px}
@media(max-width:1100px){.executive-projects .project-top{flex-wrap:wrap}.program-dates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.program-heading{align-items:start;flex-direction:column}.program-heading h2{font-size:21px}.program-dates{gap:12px}.executive-timeline{padding:16px}.panel-head{flex-wrap:wrap}.executive-projects .project-card{padding:18px}}