:root{--oa-navy:#172251;--oa-blue:#075baa;--oa-bright:#2f8ce7;--oa-sky:#46a9d0;--oa-yellow:#ffc32b;--sidebar:#f1f2f5;--sidebar-dark:#505064;--canvas:#f7f8fa;--ink:#171c2c;--muted:#747b88;--line:#e1e4e9;--white:#fff;--shadow:0 2px 8px rgba(25,35,75,.09);--radius:13px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}a{text-decoration:none;color:inherit}.topbar{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 20px;color:#fff;background:linear-gradient(110deg,var(--oa-navy),#123b7e 52%,var(--oa-blue));box-shadow:0 1px 0 rgba(255,255,255,.08)}.brand-lockup{display:flex;align-items:center;min-width:0}.oa-mark{width:32px;height:32px;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;margin-right:8px}.oa-mark span{font-size:20px;line-height:1;transform:translateY(-1px);color:#78c8ef}.oa-wordmark{display:flex;flex-direction:column;letter-spacing:.12em;white-space:nowrap}.oa-wordmark strong{font-size:10px}.oa-wordmark small{font-size:5px;letter-spacing:.16em;margin-top:2px;color:#c7d5eb}.brand-divider{height:34px;width:1px;background:rgba(255,255,255,.35);margin:0 16px}.portal-name{font-weight:700;font-size:14px;white-space:nowrap}.workspace-badge{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:8px;padding:9px 12px;font-size:12px;color:#d9e5f5}.status-dot{display:inline-block;width:7px;height:7px;background:#67d9ae;border-radius:50%;margin-right:7px}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);background:var(--sidebar);border-right:1px solid #d7d9de;display:flex;flex-direction:column}.nav-section{height:33px;padding:0 15px;display:flex;align-items:center;background:var(--sidebar-dark);color:#fff;font-size:10px;letter-spacing:.05em;font-weight:800}.nav-section.dark{margin-top:8px}.nav-section.accent{margin-top:8px;background:var(--oa-yellow);color:#55515b}.nav-item,.nav-static{width:100%;height:46px;display:flex;align-items:center;gap:12px;color:#4d5360;padding:0 16px;font-size:13px}.nav-item:hover{background:#e7ebf2;color:var(--oa-blue)}.nav-item.active{background:linear-gradient(105deg,#55a5e8,#2f7edc);color:#fff}.nav-static{font-size:12px;color:#747985}.nav-icon{width:20px;text-align:center;font-size:17px}.profile{margin-top:auto;min-height:72px;border-top:1px solid #d8dbe1;display:flex;align-items:center;padding:12px 15px;gap:10px;background:#f4f5f7}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--oa-yellow);color:#fff;font-size:12px;font-weight:800}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{font-size:10px;color:var(--muted);margin-top:3px}.main{min-width:0;padding:30px 44px 64px;max-width:1500px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.page-heading h1{margin:0;font-size:25px;letter-spacing:-.025em}.page-heading p{margin:9px 0 0;color:#818793;font-size:13px}.date-chip{border:1px solid #d9dfe7;background:#fff;color:var(--oa-blue);border-radius:7px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.08em}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:34px}.summary-card{position:relative;min-height:128px;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;overflow:hidden}.summary-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--oa-sky),var(--oa-blue))}.summary-card span{display:block;font-size:10px;letter-spacing:.05em;color:#747b88;text-transform:uppercase}.summary-card strong{display:block;margin-top:13px;font-size:27px;line-height:1}.summary-card small{display:block;margin-top:12px;color:#8a909a;font-size:12px}.section-heading{margin-bottom:18px}.section-heading>span,.section-kicker{display:block;font-size:10px;font-weight:800;color:var(--oa-blue);letter-spacing:.08em}.section-heading h2,.standards-panel h2{margin:6px 0 6px;font-size:20px}.section-heading p{margin:0;color:#7d8490;font-size:12px}.initiative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.initiative-card{position:relative;background:#fff;border:1px solid #e1e5ea;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:.18s ease;overflow:hidden}.initiative-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--oa-sky),var(--oa-blue))}.initiative-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(28,52,88,.13);border-color:#c9d7e6}.card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;font-size:19px;font-weight:800}.card-icon.email{color:#1f6db6;background:#e8f3fd}.card-icon.video{color:#fff;background:linear-gradient(135deg,#4aa4e2,#1267bb)}.card-status{position:absolute;right:22px;top:25px;color:#66717e;font-size:10px;font-weight:750}.card-status i{display:inline-block;width:7px;height:7px;background:#28a579;border-radius:50%;margin-right:5px}.initiative-card h3{font-size:18px;margin:17px 0 9px}.initiative-card p{font-size:12px;line-height:1.65;color:#69717d;min-height:59px}.card-meta{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.card-meta span{font-size:10px;color:#3972a8;background:#eff7fe;border:1px solid #d8eafa;border-radius:999px;padding:5px 8px}.open-label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f3;margin-top:18px;padding-top:16px;color:var(--oa-blue);font-size:11px;font-weight:800}.open-label b{font-size:18px}.standards-panel{margin-top:24px;background:#fff;border:1px solid #e1e5ea;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.standards-list{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.standards-list span{font-size:10px;color:#5c6572;background:#f4f6f8;border:1px solid #e4e7eb;border-radius:6px;padding:7px 9px}
@media(max-width:1000px){.main{padding:28px}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:62px;padding:0 14px}.oa-wordmark,.brand-divider{display:none}.workspace-badge{display:none}.shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow-x:auto}.nav-section,.nav-static,.profile{display:none}.nav-item{min-width:max-content;width:auto}.main{padding:24px 16px 48px}.summary-grid{grid-template-columns:1fr 1fr;gap:12px}.summary-card{padding:18px;min-height:110px}.initiative-grid{grid-template-columns:1fr}.standards-panel{align-items:flex-start;flex-direction:column}.standards-list{justify-content:flex-start}}
@media(max-width:430px){.summary-grid{grid-template-columns:1fr}.date-chip{display:none}}