:root{--ink:#153640;--green:#2b7568;--muted:#71858a;--gold:#b29258;--bg:#f1f4f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px Tahoma,Arial,sans-serif;line-height:1.8}aside{position:fixed;right:0;top:0;bottom:0;width:238px;background:#12313b;color:white;padding:34px 23px;display:flex;flex-direction:column}.brand{font:700 33px Arial;letter-spacing:5px}.brand span{display:block;font:12px Tahoma;letter-spacing:0;margin-top:10px;color:#bfd0d1}.workspace{font-size:11px;color:#97b6bb;margin:43px 8px 13px}nav button{width:100%;text-align:right;background:none;border:0;color:#bed1d4;margin:3px 0;padding:10px 13px;border-radius:6px;font-size:14px}nav button.active{background:#28515a;color:white;border-right:3px solid #c5a771}.credit{margin-top:auto;color:#a0bbc0;font-size:12px}.credit strong{color:white;font-size:17px}.shell{margin-right:238px}header{background:white;padding:21px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8e5;gap:12px}small{display:block;color:var(--muted);font-size:12px}.disclosure{background:#e9eee9;color:#587068;font-size:11px;padding:8px 35px}main{padding:30px 35px 65px;max-width:1550px;margin:auto}.eyebrow{color:var(--green);font-size:12px}h1{font-size:28px;margin:5px 0 8px}h2{font-size:19px;margin:0 0 16px}p{margin:5px 0 20px}.sub{color:var(--muted)}button{font:inherit;cursor:pointer;background:var(--green);color:white;border:1px solid transparent;padding:8px 15px;border-radius:5px}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}.ghost{color:var(--ink);background:transparent;border-color:#cedad7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}.metric{background:white;padding:20px;border:1px solid #e1e8e5;border-radius:7px}.metric strong{display:block;font:700 35px Arial;color:var(--ink)}.metric span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-top:23px}.panel{background:white;border:1px solid #e0e7e4;border-radius:8px;padding:25px;margin-bottom:22px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag{font-size:11px;padding:3px 9px;background:#e7f2ee;color:#27705d;border-radius:4px;white-space:nowrap}.warning{background:#f8f0df;color:#9b7533}.danger{background:#f9e8e3;color:#a45d47}table{border-collapse:collapse;width:100%;text-align:right;font-size:13px}td,th{padding:13px 10px;border-bottom:1px solid #edf0ee}th{color:var(--muted);font-size:11px;font-weight:normal}.scroll{overflow:auto}.progress{height:8px;background:#e7eeeb;border-radius:8px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:var(--green)}.stage{margin-bottom:22px}.stage .sectionhead{font-size:13px}.big{font:700 55px Arial}.note{border-right:3px solid var(--gold);padding:10px 15px;background:#faf7ef;font-size:12px;margin:18px 0}.timeline{padding-right:18px;border-right:2px solid #d8e5df}.timeline p{font-size:13px;margin-bottom:23px}.timeline b{display:block}.form{display:grid;gap:13px}label{font-size:13px}input,select,textarea{font:inherit;width:100%;border:1px solid #cfdcd7;border-radius:4px;background:#fff;padding:9px;color:var(--ink)}textarea{min-height:100px;resize:vertical}#toast{position:fixed;bottom:25px;left:25px;background:#143c36;color:white;padding:12px 22px;border-radius:6px;display:none;max-width:80%}.phases{display:grid;gap:15px}.phase{padding:17px 22px;background:white;border:1px solid #dfe7e3;border-right:4px solid var(--green)}.phase b{display:block}.phase span{font-size:13px;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.toolbar select{width:auto;min-width:160px}.empty{padding:40px;text-align:center;color:var(--muted)}.client aside{display:none}.client .shell{margin:0}.client main{max-width:1100px}.client header{background:#12313b;color:white}.client header button{background:#fff;color:#12313b}a{color:var(--green)}@media(max-width:1000px){aside{width:195px;padding:25px 15px}.shell{margin-right:195px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}main{padding:25px 20px}header{padding:15px 20px;flex-wrap:wrap}}@media(max-width:650px){aside{position:static;width:100%;padding:15px}.brand{font-size:24px}.workspace,.credit{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;width:auto}.shell{margin:0}h1{font-size:23px}.metric{padding:13px}.panel{padding:16px}.disclosure{padding:8px 20px}header button{font-size:11px}}
