:root{--ink:#1c2c3b;--muted:#66798a;--line:#dce6e9;--bg:#f3f7f7;--white:#fff;--navy:#123344;--navy2:#1d4d5a;--teal:#148776;--teal2:#2caa91;--teal-soft:#e4f5f1;--blue:#3976a2;--blue-soft:#eaf3f8;--amber:#a86b17;--amber-soft:#fff4df;--red:#b94e59;--red-soft:#fff0f1;--purple:#765da7;--purple-soft:#f1edfa;--shadow:0 3px 12px rgba(23,54,69,.06);--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:13px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#153949,#112f3d);color:#d9e7e9;padding:18px 13px;min-height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 20px;color:#fff;font-weight:780;font-size:16px;letter-spacing:-.3px}.brandmark{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#60c6ad,#148776);display:grid;place-items:center;font-weight:850;color:#073b3a;font-size:15px}.brand small{display:block;font-size:8px;letter-spacing:.45px;color:#a9c9cd;margin-top:2px;font-weight:600}.org{margin:0 4px 17px;padding:11px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0a}.org small{display:block;text-transform:uppercase;letter-spacing:.8px;color:#93b0b9;font-size:8px;font-weight:750}.org strong{display:block;color:white;font-size:11px;margin-top:5px}.org span{color:#a6bbc4;font-size:9px}.nav-label{color:#7f9aa4;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:800;padding:13px 11px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:#c8d7da;font-size:11px;margin:1px 0}.nav-link:hover,.nav-link.active{background:#ffffff14;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #6bd2b5}.nav-icon{width:18px;text-align:center;color:#a8c4cb;font-size:13px}.nav-count{margin-left:auto;color:#a5bbc3;font-size:9px}.side-foot{margin-top:auto;border-top:1px solid #ffffff1c;padding:13px 6px 2px;display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dcf0e9;color:#236052;font-size:9px;font-weight:800;flex:none}.user strong{display:block;color:#fff;font-size:10px}.user small{color:#9bb2bb;font-size:9px}.main{min-width:0;padding:0 26px 40px}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 -26px;padding:0 26px;background:#ffffffdf}.crumb{color:var(--muted);font-size:10px}.crumb b{color:var(--ink)}.top-right{display:flex;align-items:center;gap:10px}.search{width:220px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);background:#fafdfd;outline:none;font-size:10px}.search:focus{border-color:#83cabb;box-shadow:0 0 0 3px var(--teal-soft)}.page{max-width:1440px;margin:0 auto}.prototype-banner{margin:13px 0 0;padding:7px 10px;border-radius:8px;border:1px solid #eadbb5;background:#fff8e8;color:#735822;font-size:9px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 0 15px}.eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--teal);font-weight:850}.page-head h1{font-size:24px;letter-spacing:-.7px;margin:5px 0 4px;line-height:1.15}.subtitle{color:var(--muted);font-size:10px}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;font-size:10px;font-weight:700;color:#40586a;display:inline-flex;align-items:center;gap:6px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.soft{background:var(--teal-soft);border-color:#cae8df;color:#176b5e}.btn:hover{box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:4px 8px;font-size:8px;font-weight:800;letter-spacing:.3px}.badge.green{background:var(--teal-soft);color:var(--teal)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.purple{background:var(--purple-soft);color:var(--purple)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.grid{display:grid;gap:11px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{padding:12px 14px;border-bottom:1px solid #edf1f3;display:flex;align-items:center;justify-content:space-between;gap:9px}.card-head h2{margin:0;font-size:11px;font-weight:800}.card-head p{margin:2px 0 0;font-size:9px;color:var(--muted)}.card-body{padding:13px 14px}.metric{padding:13px 15px}.metric-label{color:#82939d;text-transform:uppercase;letter-spacing:.6px;font-size:8px;font-weight:800}.metric-value{font-size:22px;letter-spacing:-.5px;font-weight:800;margin-top:6px}.metric-note{font-size:9px;color:var(--muted);margin-top:3px}.metric-note em{color:var(--teal);font-style:normal;font-weight:700}.task-list{display:grid;gap:0}.task{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid #eff2f4}.task:last-child{border:0}.task-icon{width:23px;height:23px;border-radius:7px;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-size:10px}.task b{display:block;font-size:9px}.task small{display:block;color:#84939e;font-size:8px;margin-top:2px}.task-date{font-size:8px;font-weight:800;color:var(--amber)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}.table th{padding:9px 10px;text-align:left;background:#f9fbfb;color:#81909b;font:800 8px ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table td{padding:9px 10px;border-top:1px solid #eff2f4;color:#536879;vertical-align:middle;font-size:9px}.table td:first-child{font-weight:700;color:#334c5b}.progress{height:6px;border-radius:8px;background:#edf1f3;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#6dc7ae,#198c79);border-radius:inherit}.workflow{padding:12px 14px;margin-bottom:13px}.workflow-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.workflow-head b{font-size:10px}.workflow-head span{font-size:9px;color:var(--muted)}.phases{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.phase{border:1px solid var(--line);border-radius:8px;padding:8px 9px;background:#fbfdfd;min-width:0}.phase.done{background:#f1faf6;border-color:#cce8dc}.phase.current{background:var(--teal-soft);border-color:#a8dccb}.phase strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.phase i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6b4bc;margin-right:4px}.phase.done i,.phase.current i{background:var(--teal)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.field label{display:block;color:#536a79;font-size:9px;font-weight:750;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 9px;color:#42596a;font-size:10px;outline:none}.field textarea{min-height:72px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#86cbb8;box-shadow:0 0 0 3px var(--teal-soft)}.section-label{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#587183;font-weight:850;margin:13px 0 7px}.checkline{display:flex;align-items:flex-start;gap:7px;color:#536879;font-size:9px}.checkline input{accent-color:var(--teal)}.step-list{display:grid;gap:8px}.step{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #edf1f3;border-radius:9px}.step-no{width:23px;height:23px;border-radius:7px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-size:9px;font-weight:800}.step b{display:block;font-size:9px}.step small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.step-state{font-size:8px;font-weight:800;color:var(--teal);text-transform:uppercase}.callout{padding:10px 11px;background:#f3f8fa;border-left:3px solid #70adac;border-radius:7px;color:#5c7180;font-size:9px;margin-top:10px}.callout strong{color:#2d5960}.timeline{padding:5px 13px}.event{display:grid;grid-template-columns:21px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #f0f2f4}.event:last-child{border:0}.event-icon{width:19px;height:19px;border-radius:6px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-size:8px;font-weight:800}.event p{margin:0;color:#506575;font-size:9px}.event small{color:#93a0a8;font-size:8px}.case-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:11px;align-items:start}.case-row{display:block;padding:10px 12px;border-bottom:1px solid #eff2f4;cursor:pointer}.case-row b{display:block;font-size:9px;color:#334b5a}.case-row small{display:block;color:#83929d;font-size:8px;margin-top:3px}.case-radio{position:absolute;opacity:0;pointer-events:none}.case-detail{display:none}.case-radio#case1:checked~.case-grid .detail1,.case-radio#case2:checked~.case-grid .detail2,.case-radio#case3:checked~.case-grid .detail3{display:block}.case-radio#case1:checked~.case-grid label[for=case1],.case-radio#case2:checked~.case-grid label[for=case2],.case-radio#case3:checked~.case-grid label[for=case3]{background:#eaf6f2;box-shadow:inset 3px 0 var(--teal)}.privacy-note{padding:9px 10px;background:#f4f6fa;border:1px solid #e7ebf0;border-radius:8px;font-size:8px;color:#657687}.choice-row{display:flex;gap:5px}.choice{flex:1;text-align:center;border:1px solid var(--line);border-radius:6px;padding:6px 3px;font-size:8px;color:#617687;background:#fff}.choice input{accent-color:var(--teal);vertical-align:middle;margin:0 3px 0 0}.choice:has(input:checked){border-color:#9bd2c2;background:var(--teal-soft);color:#256d5c}.details{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:8px 9px;background:#fbfdfd}.details summary{font-size:9px;font-weight:750;color:#456374;cursor:pointer}.details p{font-size:9px;color:var(--muted);margin:7px 0 0}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.wizard-step{display:flex;align-items:center;gap:6px;border-bottom:2px solid #e5ecee;padding:7px 4px;color:#83929b;font-size:8px}.wizard-step.active{border-color:#57a88e;color:#266554;font-weight:800}.wizard-step.done{border-color:#b7ddcb;color:#638272}.wizard-step i{width:19px;height:19px;border:1px solid #ccd9dc;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;flex:none}.wizard-step.active i,.wizard-step.done i{background:#4a966b;border-color:#4a966b;color:#fff}.bar-row{display:grid;grid-template-columns:110px 1fr 35px;gap:8px;align-items:center;font-size:8px;color:#6a7c89;margin:9px 0}.bar-track{height:7px;border-radius:8px;background:#edf2f3;overflow:hidden}.bar-track i{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#7acdb3,#178774)}.integration{display:flex;justify-content:space-between;align-items:center;border:1px solid #edf1f3;border-radius:8px;padding:9px 10px;margin:6px 0}.integration b{font-size:9px}.integration small{display:block;color:var(--muted);font-size:8px}.footer{font-size:8px;color:#8b98a1;padding:15px 2px 0}.prototype-pill{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#795b21;background:#fff5df;border:1px solid #eadcb9;border-radius:5px;padding:4px 6px}.progress-card{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px}.ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--teal) 0 68%,#e6edef 68% 100%);display:grid;place-items:center}.ring:after{content:"68%";width:48px;height:48px;border-radius:50%;background:white;display:grid;place-items:center;font-size:12px;font-weight:800;color:#2e6659}.sr{position:absolute;left:-9999px}
@media(max-width:1080px){.app{grid-template-columns:205px minmax(0,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:220px minmax(0,1fr)}.phases{grid-template-columns:repeat(3,1fr)}.main{padding-left:17px;padding-right:17px}.topbar{margin:0 -17px;padding:0 17px}}
@media(max-width:720px){.app{display:block}.sidebar{display:none}.main{padding:0 12px 28px}.topbar{margin:0 -12px;padding:0 12px}.search{width:145px}.page-head{display:block}.actions{margin-top:11px}.g2,.g3{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}.phases{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.wizard-progress{grid-template-columns:repeat(2,1fr)}.top-right{gap:6px}}
@media print{.sidebar{display:none}.app{display:block}.main{padding:0}.topbar{display:none}.card{box-shadow:none}}
.case-hero{background:linear-gradient(130deg,#123b49,#1b655e);color:white;border-radius:16px;padding:24px;margin:16px 0}.case-hero h1{font:800 30px/1.2 Manrope,Arial;margin:6px 0}.case-hero p{color:#d2e6e4;max-width:760px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.story{padding:16px}.story h2{font:700 15px Manrope,Arial;margin:0 0 8px}.story p,.story li{font-size:10px;color:#5d7280}.story ul{padding-left:18px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.journey article{background:white;border:1px solid var(--line);border-radius:10px;padding:12px}.journey b{display:block;font-size:10px}.journey small{font-size:9px;color:var(--muted)}.rolecard{background:white;border:1px solid var(--line);border-radius:10px;padding:13px}.rolecard b{font-size:11px}.rolecard p{font-size:9px;color:var(--muted);margin:4px 0}.source{font-size:9px;color:#71838e}.privacy{padding:11px;border:1px solid #e6ddf2;background:#faf8fd;border-radius:9px;color:#695f7b;font-size:9px}.taskflow{display:grid;gap:7px}.taskflow article{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #edf1f3;border-radius:9px}.taskflow article b{font-size:10px}.taskflow article small{display:block;color:var(--muted);font-size:9px}.taskflow .num{width:25px;height:25px;border-radius:8px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-weight:bold}@media(max-width:720px){.story-grid{grid-template-columns:1fr}.journey{grid-template-columns:repeat(2,1fr)}}