:root{--navy:#10233e;--ink:#172943;--muted:#68788d;--blue:#285cdb;--bg:#f3f6fa;--border:#dfe5ed;--green:#137d5d;--red:#b83e4a;--amber:#a66a13}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:15px;height:72px;padding:0 30px;display:flex}.logo{letter-spacing:-2px;font:34px Georgia,serif}.logo small{letter-spacing:.7px;color:#c7d4e5;margin-left:18px;font:600 12px system-ui}.demo{color:#d8e2ef;background:#ffffff19;border-radius:30px;padding:7px 12px;font-size:12px}.shell{grid-template-columns:235px 1fr;min-height:calc(100vh - 72px);display:grid}aside{border-right:1px solid var(--border);background:#fff;padding:24px 14px}aside .eyebrow{letter-spacing:1.6px;color:#8b98a9;margin:10px 12px 14px;font-size:11px;font-weight:800}aside button{text-align:left;color:#43546c;background:0 0;border:0;border-radius:11px;width:100%;margin:3px 0;padding:12px 14px;font-weight:650}main{width:100%;max-width:1500px;margin:auto;padding:30px}.view{display:none}.view.active{display:block}.topline{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}h1{letter-spacing:-1px;margin:0 0 8px;font-size:32px;line-height:1.1}h2{margin:0 0 13px;font-size:19px}h3{margin:0 0 8px;font-size:15px}p{color:var(--muted);margin:0}.sub{color:var(--muted);font-size:13px}.label{letter-spacing:1.1px;color:#75869a;text-transform:uppercase;font-size:11px;font-weight:800}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.columns{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr)}.card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:21px;box-shadow:0 5px 22px #15294408}.metric{font-size:31px;font-weight:800;line-height:1.3}.metric.red{color:var(--red)}.metric.amber{color:var(--amber)}.badge{color:#52657a;background:#e9eef6;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:750;display:inline-block}.badge.red{color:#b83e4a;background:#fbe9ec}.badge.green{color:#137d5d;background:#def5e9}.badge.amber{color:#98600d;background:#fff1d9}.btn{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:9px;padding:9px 14px;font-weight:750}.btn.secondary{color:#334760;background:#fff;border-color:#cfd9e6}.btn.tiny{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#7b899b;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:10px;font-size:11px}td{border-bottom:1px solid #edf0f4;padding:12px 10px}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f7faff}select,input,textarea{color:var(--ink);background:#fff;border:1px solid #d2dce7;border-radius:9px;width:100%;padding:10px}textarea{resize:vertical;min-height:80px}.formrow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:#5c6c7f;flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.note{color:#506781;background:#eef3fb;border-radius:10px;padding:12px 14px;font-size:13px}.notice{background:#eef4ff;border-left:4px solid #2c61d7;border-radius:8px;padding:13px 15px;font-size:13px}.mail{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.mailbar{border-bottom:1px solid var(--border);color:#60728a;background:#f6f8fb;padding:12px 16px;font-size:12px}.mailbody{padding:20px;line-height:1.75}.mailbody strong{color:#1b304b}.phone{background:#f7f9fc;border:8px solid #1c2b3c;border-radius:32px;max-width:315px;min-height:340px;margin:auto;padding:20px 15px;box-shadow:0 15px 40px #1a2d451a}.bubble{background:#e2e9f4;border-radius:14px;margin-top:14px;padding:13px;font-size:13px}.tabs{flex-wrap:wrap;gap:7px;margin:12px 0 18px;display:flex}.tabs button{color:#52647a;background:#fff;border:1px solid #d4ddea;border-radius:9px;padding:9px 13px;font-weight:700}.timeline{border-left:2px solid #dce4ef;margin-left:7px;padding-left:20px}.event{padding:0 0 19px;position:relative}.event:before{content:"";background:#2b61db;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-27px}.event small{color:#8492a3}.hidden{display:none!important}.divider{background:var(--border);height:1px;margin:16px 0}.empty{text-align:center;color:#8390a2;padding:25px}.muted{color:var(--muted)}.footer{color:#8a97a8;margin-top:20px;font-size:12px}.toast{color:#fff;z-index:5;background:#132e50;border-radius:11px;padding:12px 17px;display:none;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #142e5040}.pillrow{flex-wrap:wrap;gap:7px;display:flex}.pillrow span{background:#f1f4f9;border-radius:7px;padding:6px 9px;font-size:12px}.sectionhead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}@media (max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media (max-width:750px){header{padding:0 16px}.logo small{display:none}.shell{display:block}aside{border-bottom:1px solid var(--border);gap:5px;padding:10px;display:flex;overflow-x:auto}aside .eyebrow{display:none}aside button{white-space:nowrap;width:auto;font-size:12px}main{padding:18px}.topline{display:block}.formrow{grid-template-columns:1fr}h1{font-size:26px}}:root{--navy:#101f2c;--blue:#176b57;--ink:#1a303b;--muted:#6c7a83;--bg:#f4f6f5;--border:#e1e7e4}header{color:var(--ink);border-bottom:1px solid var(--border);background:#fff;height:80px}.logo{letter-spacing:-1.5px;font-family:system-ui;font-size:30px;font-weight:900}.logo small{color:#677c7b;letter-spacing:1.9px;font-size:10px}.demo{color:#176b57;letter-spacing:.5px;background:#e8f4ee;font-weight:750}aside{background:#101f2c;border:0;padding-top:30px}aside .eyebrow{color:#718b98;font-size:10px}aside button{color:#c2d0d6;padding:13px 14px;font-size:13px}aside button:hover{color:#fff;background:#1c3542}.shell{grid-template-columns:230px 1fr;min-height:calc(100vh - 80px)}main{max-width:1600px;margin:0 auto;padding:34px}.topline h1{font-size:29px;font-weight:750}.topline p{font-size:13px}.card{border-radius:12px;padding:24px;box-shadow:0 3px 8px #142b2003}h2{font-size:16px}.welcome{background:#e6efe9;border:1px solid #d7e5dc;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:26px 28px;display:flex}.welcome h2{letter-spacing:-.7px;margin:8px 0;font-size:26px}.welcome p{font-size:13px}.welcome .label{color:#557468;letter-spacing:1.5px;font-size:9px}.metric{letter-spacing:-1.5px;margin-top:10px;font-size:38px}.kpis .card{border-top:3px solid #c9dbd0}.label{font-size:10px}.btn{border-radius:7px;font-size:13px}.mailbody{font-size:14px}td{padding:16px 10px}th{font-size:10px}.footer{line-height:1.7}dialog{border:1px solid var(--border);width:560px;max-width:94vw;color:var(--ink);border-radius:18px;padding:28px;box-shadow:0 30px 120px #102c3340}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10232d88}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #79bfa6}tr:focus-visible{outline:2px solid #176b57}#reviewItems>div{padding:20px 0!important}@media (min-width:751px){aside{height:calc(100vh - 80px);position:sticky;top:0}main{min-width:0}}@media (max-width:750px){header{flex-wrap:wrap;gap:6px;height:auto;min-height:76px;padding:14px 16px}.demo{font-size:9px}.shell{display:block}aside{height:auto;padding:8px;position:static}.welcome{padding:20px;display:block}.welcome .btn{margin-top:16px}.welcome h2{font-size:23px}main{padding:20px 14px}.kpis{gap:10px}.kpis .card{padding:16px}.topline .badge{margin-top:12px}.metric{font-size:30px}.sectionhead{flex-wrap:wrap}.card{padding:18px}}:root{--blue:#d51325;--navy:#262b2e;--ink:#262b2e;--bg:#f5f5f6;--border:#e4e4e7;--muted:#707276}header{border-top:4px solid #f0172a}.logo{color:#262b2e;font-weight:900}.logo small{color:#d51325}aside{background:#262b2e}aside button.active{color:#fff;background:#f0172a}aside button:hover{background:#3c4145}aside .eyebrow{color:#a4a8ab}.demo{color:#b70c1c;background:#fff0f1}.welcome{color:#fff;background:#262b2e;border-color:#262b2e}.welcome p,.welcome .label{color:#cfd0d1}.welcome .btn{background:#f0172a;border-color:#f0172a}.kpis .card{border-top-color:#262b2e}.kpis .card:nth-child(2){border-top-color:#f0172a}.tabs button.active{color:#b40c1c;background:#fff0f1;border-color:#f0172a}.note{color:#5d6064;background:#f4f4f5}.badge.blue{color:#4f555a;background:#f0f0f2}.notice{background:#fff1f2;border-color:#f0172a}.event:before{background:#f0172a}.bubble{background:#e9eaec}.btn:hover{filter:brightness(.9)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#f0172a}.project-card{border-left:4px solid #f0172a}.project-card.future{border-left-color:#8d9196}.project-progress{background:#eee;border-radius:8px;height:6px;margin:14px 0;overflow:hidden}.project-progress span{background:#f0172a;height:100%;display:block}.project-copy{white-space:pre-wrap;margin:12px 0}.department-stat{cursor:pointer}.department-stat:hover{border-color:#f0172a}.project-meta{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.project-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}#departmentOverview{grid-template-columns:repeat(3,1fr)}@media (max-width:750px){#departmentOverview{grid-template-columns:1fr}.project-actions .btn{width:100%}}
