:root{--ink:#183c37;--green:#175c4e;--mint:#e8f1ec;--muted:#667772;--line:#dde5df;--paper:#f4f6f2;--gold:#b48b40}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--green)}aside{position:fixed;inset:0 auto 0 0;width:244px;background:#123e36;color:#fff;padding:37px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:28px;font-weight:650;letter-spacing:2px}.brandmark{border:1px solid #a6be9d;border-radius:50%;width:45px;height:45px;line-height:42px;text-align:center;color:#d1d7ab}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#b6cec4}.workspace{color:#a6c0b6;font-size:9px;letter-spacing:1.8px;margin:48px 0 17px}nav a{display:block;color:#d6e3dc;text-decoration:none;padding:12px 15px;margin:4px 0;border-radius:6px}nav a.active{background:#ffffff17;color:white;border-left:3px solid #c1cfa3}nav a span{display:inline-block;width:28px}.sidefoot{margin-top:auto;font-size:12px}.sidefoot small{display:block;color:#a9c2b5;margin-top:9px;font-size:11px}.dot{display:inline-block;background:#b9d19b;width:7px;height:7px;border-radius:50%;margin-right:8px}.shell{margin-left:244px}header{height:79px;background:white;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.slash{padding:0 15px;color:#a3b0a5}.persona{display:flex;gap:12px;align-items:center}.persona label{color:var(--muted)}select{background:#fff;border:1px solid var(--line);border-radius:5px;padding:9px;color:var(--ink)}.avatar{display:inline-grid;place-items:center;background:#e9eee5;border-radius:50%;width:34px;height:34px;font-size:11px}.demobar{padding:10px 38px;background:#eef0df;color:#59643f;font-size:11px;display:flex;gap:15px;align-items:center}.demobar span{font-size:9px;font-weight:750;letter-spacing:1px}.demobar button{margin-left:auto;border:0;background:transparent;color:#475b36;text-decoration:underline}main{max-width:1400px;margin:auto;padding:33px 38px 48px;min-height:78vh}h1{font-size:32px;letter-spacing:-1px;font-weight:550;margin:4px 0 7px}h2{font-size:18px;font-weight:600;margin:0 0 9px}h3{font-size:14px;margin:0 0 6px}p{margin:0 0 16px}.muted,.sub{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#73816d}.titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:18px}.btn{display:inline-block;background:var(--green);color:#fff;border:1px solid var(--green);padding:10px 17px;border-radius:5px;text-decoration:none;font-size:12px;font-weight:550}.btn.secondary{background:white;color:var(--green);border-color:var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.5fr 1fr;background:#e8eee2;border:1px solid #dce5d4;border-radius:10px;margin-bottom:26px;overflow:hidden}.herotext{padding:28px 30px}.herotext h2{font-size:25px;letter-spacing:-.5px}.herotext p{max-width:470px;color:#61725c}.herovisual{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#c7d4ba33,transparent);position:relative}.ring{width:140px;height:140px;border:15px solid #d4dfc8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-35deg)}.ring div{transform:rotate(35deg);text-align:center;font-size:33px;line-height:1.1}.ring small{display:block;font-size:10px;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:8px}.stat{padding:20px 22px}.stat strong{display:block;font-size:28px;font-weight:550;margin:7px 0}.stat small{font-size:11px;color:var(--muted)}.stat label{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.card{padding:24px;margin-bottom:22px}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.badge{font-size:10px;padding:4px 9px;border-radius:4px;background:var(--mint);color:#246751;white-space:nowrap}.badge.amber{background:#f8efd9;color:#775813}.task{display:flex;gap:14px;padding:18px 0;border-top:1px solid #edf0eb;align-items:center}.task:first-of-type{border:0}.task p{font-size:12px;color:var(--muted);margin:2px 0 0}.task .btn{margin-left:auto}.iconbox{width:36px;height:36px;display:grid;place-items:center;background:#edf2e9;border-radius:7px;color:#647d59}.steps{display:flex;gap:0;margin:24px 0 28px}.step{flex:1;border-top:3px solid #dfe6db;padding:10px 9px 0;font-size:10px;color:#74816e}.step.done{border-color:#49765a;color:#244d39}.step.current{border-color:#b4934e;color:#715b2e}.step b{display:block;font-size:11px}.timeline{border-left:1px solid #d8e2d5;margin:20px 0 0 9px;padding-left:23px}.timeline p{font-size:11px;color:var(--muted);margin-bottom:22px}.timeline b{color:var(--ink);font-size:12px;display:block}.row{display:flex;justify-content:space-between;gap:20px;align-items:center}.progress{height:5px;background:#e9eee7;border-radius:3px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:#829771}.goal{border:1px solid var(--line);border-radius:7px;padding:19px;margin-top:14px}.goal .meta{display:flex;gap:25px;font-size:11px;color:var(--muted);margin-top:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}label.field{display:block;color:#405c50;font-size:12px;margin-bottom:16px}.field input,.field textarea,.field select{width:100%;margin-top:7px;padding:10px 12px;border:1px solid #ccd8cd;border-radius:5px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.field.full{grid-column:1/-1}.notice{background:#f1f5ee;border-left:3px solid #8d9e74;padding:15px 19px;font-size:12px;margin:18px 0}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.5px;font-weight:600;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #eef1ec}td small{display:block;color:var(--muted)}.bars{display:grid;gap:22px;margin:25px 0}.bars .row{font-size:12px}.bars .progress{height:11px}.check{display:flex;gap:10px;align-items:center;font-size:12px;margin:14px 0}.empty{text-align:center;padding:42px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:20px 38px;color:#74826f;font-size:10px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:25px;right:25px;background:#173e34;color:white;padding:15px 22px;border-radius:6px;display:none;max-width:450px}.skip{position:absolute;left:-9999px}.skip:focus{left:260px;top:5px;z-index:10;background:white;padding:10px}details{margin:15px 0}summary{cursor:pointer;font-weight:600}input[type=checkbox]{accent-color:var(--green)}.pill{font-size:11px;color:#6a785e;padding:5px 9px;border:1px solid #d5dfce;border-radius:5px}a.doc{display:block;padding:20px;border:1px solid var(--line);border-radius:7px;margin:12px 0;text-decoration:none}.doc b{display:block}.doc small{color:var(--muted)}@media(max-width:1050px){aside{width:200px;padding:25px 17px}.shell{margin-left:200px}main{padding:25px}header{padding:0 25px}.grid{grid-template-columns:1fr}.persona label{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:static;width:100%;padding:15px 20px}.brand{font-size:22px}.workspace,.sidefoot{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav a{white-space:nowrap;padding:7px 10px;font-size:12px}nav a span{display:none}.shell{margin:0}header{height:auto;padding:14px 20px;gap:12px;flex-wrap:wrap}.demobar{padding:10px 20px;flex-wrap:wrap;gap:7px}main{padding:24px 18px}.titlebar{align-items:flex-start;flex-wrap:wrap}h1{font-size:27px}.hero{grid-template-columns:1fr}.herovisual{display:none}.stats{gap:10px}.stat{padding:15px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.steps{overflow:auto}.step{min-width:80px}.card{padding:18px}.task{flex-wrap:wrap}.goal .meta{flex-wrap:wrap;gap:8px}footer{padding:20px;gap:10px;flex-wrap:wrap}}
meter{display:block;width:100%;height:18px;margin-top:9px}meter::-webkit-meter-bar{background:#e9eee7;border:0;border-radius:6px}meter::-webkit-meter-optimum-value{background:#829771}

.sidefoot a{color:#d8e4d6;text-underline-offset:3px}footer a{font-weight:600;text-underline-offset:3px}
/* Identity sampled from the official OIC website: primary #005c44, gold #e3ae28. */
:root{--ink:#163b31;--green:#005c44;--mint:#eaf3ef;--muted:#63736d;--line:#dce5e0;--paper:#f0f4f3;--gold:#e3ae28}
aside{width:270px;background:#fff;color:var(--ink);border-inline-end:1px solid var(--line);border-top:5px solid var(--green);padding:28px 22px}.shell{margin-left:270px}.brand{gap:12px;color:var(--ink);letter-spacing:0;align-items:center}.oic-logo{width:61px;height:61px;flex-shrink:0;object-fit:contain}.brandname{font-size:15px;line-height:1.45;font-weight:650}.brand small{color:#6a8074;font-size:8px;letter-spacing:1px;line-height:1.8;margin-top:8px}.workspace{color:#648072;letter-spacing:1px;margin-top:38px}nav a{color:#405d51;padding:12px 13px}nav a.active{background:#eaf3ef;color:var(--green);border-left:3px solid var(--green);font-weight:650}.sidefoot{color:#335e4b}.sidefoot small{color:#6e8077}.dot{background:var(--gold)}header{min-height:88px;height:auto;padding-block:18px;gap:20px;border-top:5px solid var(--green)}header>span{font-size:12px}.persona{gap:10px;flex-wrap:wrap;justify-content:flex-end}.persona select{max-width:196px}.language-switch{display:flex;border:1px solid #cedbd3;border-radius:5px;padding:3px;gap:2px;direction:ltr;flex-shrink:0}.language-switch button{border:0;background:transparent;color:var(--green);padding:5px 9px;border-radius:3px;font-size:11px}.language-switch button[aria-pressed=true]{background:var(--green);color:white}.demobar{background:#f8f4e5;color:#685a2c;border-bottom:1px solid #ebe3c9;flex-wrap:wrap}.demobar button{color:#685a2c}.hero{background:#fff;border:1px solid #d6e4dc;border-inline-start:4px solid var(--gold)}.herotext{padding:30px}.herotext h2{color:var(--green)}.herovisual{background:linear-gradient(135deg,#f2f7f3,#e8f0eb)}.ring{border-color:#dae6dc}.eyebrow{color:#728777}.stat{border-top:3px solid #b8cfc1}footer{background:white;align-items:center;font-size:11px;gap:20px}.built-by{display:flex;gap:8px;align-items:center;color:#728078;font-size:10px}.built-by a{display:inline-flex;align-items:center}.built-by img{width:92px;height:auto;max-height:22px;object-fit:contain}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif;line-height:1.9}html[dir=rtl] aside{inset:0 0 0 auto}html[dir=rtl] .shell{margin-left:0;margin-right:270px}html[dir=rtl] nav a.active{border-left:0;border-right:3px solid var(--green)}html[dir=rtl] .brandname{font-size:18px}html[dir=rtl] .brand small,html[dir=rtl] .eyebrow,html[dir=rtl] .workspace{letter-spacing:0}html[dir=rtl] h1{letter-spacing:0;font-size:30px}html[dir=rtl] .demobar button,html[dir=rtl] .task .btn{margin-left:0;margin-right:auto}html[dir=rtl] .timeline{border-left:0;border-right:1px solid #d8e2d5;margin:20px 9px 0 0;padding-left:0;padding-right:23px}html[dir=rtl] .notice{border-left:0;border-right:3px solid #8d9e74}html[dir=rtl] th{text-align:right}html[dir=rtl] #toast{right:auto;left:25px}html[dir=rtl] .dot{margin-right:0;margin-left:8px}.tablewrap{max-width:100%}main .grid>*{min-width:0}input[type=date]{direction:ltr;text-align:start}.language-switch button:focus-visible{outline:2px solid var(--gold)}
@media(max-width:1120px){aside{width:226px;padding-inline:16px}.shell{margin-left:226px}html[dir=rtl] .shell{margin-right:226px}.oic-logo{width:48px;height:48px}.brandname{font-size:13px}header{flex-wrap:wrap}.persona{justify-content:flex-start}.brand small{font-size:7px}}
@media(max-width:700px){aside{width:100%;padding:14px 18px;border-top-width:4px}.shell,html[dir=rtl] .shell{margin:0}html[dir=rtl] aside{position:static}.brand{max-width:330px}.oic-logo{width:48px;height:48px}.brandname{font-size:15px}.brand small{font-size:8px;margin-top:3px}header{border-top:0;padding:14px 18px}.persona{width:100%;justify-content:space-between}.persona select{max-width:190px}.language-switch button{font-size:12px}.demobar{font-size:11px;line-height:1.7}html[dir=rtl] h1{font-size:27px}.herotext{padding:24px 20px}.sidefoot{display:none}footer{align-items:flex-start}.built-by{white-space:nowrap}html[dir=rtl] #toast{left:18px;right:18px}}
/* Keep the keyboard skip link off-canvas without creating RTL overflow. */
.skip{position:fixed;left:16px;right:auto;top:0;transform:translateY(-150%);z-index:1000}.skip:focus{left:16px;top:12px;transform:none}html[dir=rtl] .skip{left:auto;right:16px}