:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142b31;background:#f3f6f6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{background:#123c42;color:#e8f4f3;display:flex;flex-direction:column;padding:25px 17px;gap:25px}.brand{display:flex;gap:12px;align-items:center;padding:0 9px}.brand strong{display:block;font-size:1.1rem}.brand small{display:block;color:#b7d3d1;margin-top:4px}.mark{display:grid;place-items:center;background:#d2a450;color:#123c42;font-size:1.25rem;font-weight:800;width:38px;height:38px;border-radius:10px}.eyebrow{font-size:.75rem;letter-spacing:.11em;font-weight:800;color:#538283}.sidebar .eyebrow{color:#9cc6c2}.case-card{background:#205057;border:1px solid #3b696e;border-radius:13px;padding:16px}.case-card input{color:white;background:transparent;border:0;border-bottom:1px solid #6a9295;width:100%;padding:9px 0 7px;outline:none;font-size:1rem;font-weight:650}.case-card input::placeholder{color:#b1cbca}.muted{color:#a7c6c3;font-size:.8rem;margin-top:9px}nav{display:grid;gap:3px}nav button{background:transparent;color:#cbe1df;border:0;text-align:left;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:.9rem}nav button:hover,nav button.active{background:#e2f0eb;color:#153f43}nav button span{color:#b0cfcb;font-size:.74rem;font-weight:800;width:21px}nav button.active span{color:#30706d}.side-bottom{margin-top:auto;display:grid;gap:10px;padding:0 8px}.side-bottom button,.import-label{background:transparent;color:#e6f1f0;border:1px solid #65878a;border-radius:8px;padding:10px;text-align:center;font-size:.85rem}.side-bottom small{color:#a9c6c5;line-height:1.5}main{min-width:0;max-width:1250px;width:100%;margin:auto;padding:35px clamp(20px,5vw,65px) 20px}header{display:flex;justify-content:space-between;gap:25px;align-items:start;padding-bottom:27px;border-bottom:1px solid #d9e3e2}h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.1;margin:8px 0 9px}header p{color:#587077;margin:0;line-height:1.5;max-width:730px}.save-state{background:#e0eeeb;border:1px solid #bfd9d5;border-radius:20px;padding:7px 11px;color:#28675e;font-size:.78rem;white-space:nowrap}.section{margin-top:25px;background:white;border:1px solid #dce5e4;border-radius:14px;padding:23px;box-shadow:0 6px 18px rgba(10,45,50,.035)}h2{font-size:1.12rem;margin:0 0 8px}.section p{color:#576c70;line-height:1.5;margin:0 0 16px}.section p:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:6px;min-width:0}.field label{font-size:.83rem;font-weight:700;color:#35535a}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;border:1px solid #c6d7d7;border-radius:8px;padding:10px 11px;background:#fff;color:#17353b;outline-color:#358a86;min-height:42px}textarea{min-height:86px;resize:vertical}.wide{grid-column:1/-1}.notice{padding:14px 16px;border-left:4px solid #cc9f4c;background:#fcf7ed;color:#634d22;border-radius:5px;font-size:.9rem;line-height:1.5}.notice.blue{border-color:#3d8b88;background:#eef7f5;color:#295a58}.checks{display:grid;gap:10px}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.35}.check input{margin-top:3px;accent-color:#21776f}.row{border:1px solid #dce6e4;border-radius:11px;margin-top:12px;padding:16px;background:#fbfdfc}.rowhead{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.rowhead strong{font-size:.88rem}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.primary,.secondary,.danger{border-radius:8px;padding:10px 14px;font-weight:700;font-size:.85rem}.primary{border:1px solid #166662;background:#166662;color:white}.secondary{border:1px solid #aac8c5;background:white;color:#175957}.danger{border:0;background:transparent;color:#9e4540}.pill{display:inline-block;padding:5px 9px;border-radius:15px;background:#e6efed;color:#315f5d;font-size:.75rem;font-weight:700}.helper{font-size:.81rem;color:#6b7f82}.stack{display:grid;gap:14px}.area-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.area-tabs button{border:1px solid #cbdcda;background:white;color:#335c5d;border-radius:20px;padding:8px 11px;font-size:.82rem}.area-tabs button.selected{background:#175e5d;color:white;border-color:#175e5d}.prompt-list{columns:2;column-gap:30px;padding-left:19px;color:#405c60;line-height:1.55}.prompt-list li{break-inside:avoid;margin-bottom:8px}.qa-item{padding:12px 0;border-bottom:1px solid #e2eae9;display:flex;justify-content:space-between;gap:16px}.qa-item:last-child{border:0}.qa-item strong{color:#9b6431;font-size:.8rem;white-space:nowrap}.qa-item strong.ok{color:#27766b}footer{border-top:1px solid #d9e3e2;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#74888b;font-size:.78rem;margin-top:30px;padding-top:22px}footer button{background:#123c42;color:white;border:0;border-radius:8px;padding:10px 17px;white-space:nowrap}pre{white-space:pre-wrap;font:inherit;background:#f6f9f8;border:1px solid #deebe9;padding:20px;border-radius:10px;line-height:1.5}@media(max-width:850px){.shell{display:block}.sidebar{padding:15px;gap:12px}.brand{padding:0}.case-card{padding:10px 14px}.sidebar nav{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.sidebar nav button{white-space:nowrap;padding:9px}.side-bottom{display:flex;flex-wrap:wrap}.side-bottom small{width:100%}main{padding:20px}.grid,.grid.three{grid-template-columns:1fr}.prompt-list{columns:1}header{display:block}.save-state{display:inline-block;margin-top:15px}footer{align-items:start}}@media(max-width:440px){.side-bottom button,.import-label{flex:1}.section{padding:17px}.row{padding:12px}}
.attachment-box{background:#eff7f6;border:1px solid #c9dfdc;border-radius:9px;padding:14px}.attachment-input{width:100%;font-size:.86rem}.attachment-list{display:grid;gap:8px;margin-top:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #d5e5e2;padding:10px;border-radius:8px;min-width:0}.attachment-item span{min-width:0;overflow-wrap:anywhere}.attachment-item strong{display:block;font-size:.86rem}.attachment-item small{display:block;color:#667f80;margin-top:3px}.attachment-item>div{display:flex;flex-wrap:wrap;gap:5px}.attachment-item button{padding:6px 9px}.file-preview img,.file-preview video,.file-preview iframe{display:block;max-width:100%;width:100%;max-height:400px;border:0;border-radius:8px;margin-top:10px}.file-preview iframe{height:400px}@media(max-width:600px){.attachment-item{display:block}.attachment-item>div{margin-top:8px}}
.sidebar nav .board-link{border:1px solid #65878a;margin-top:13px;font-weight:700}.board-intro{margin-bottom:18px}.board-mode{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.board-mode button{border:1px solid #bad3d0;border-radius:9px;background:white;color:#215b5a;padding:9px 14px;font-weight:700}.board-mode button.selected{background:#175e5d;color:white;border-color:#175e5d}.board-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.peepo-board{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:10px;min-width:1190px}.board-column{background:#e9f0ee;border:1px solid #c7d9d5;border-radius:11px;min-height:380px;display:flex;flex-direction:column}.board-column-head{background:#2c5c58;color:#fff;border-radius:10px 10px 0 0;padding:12px;display:flex;justify-content:space-between;align-items:center}.board-column:nth-child(2) .board-column-head{background:#426957}.board-column:nth-child(3) .board-column-head{background:#526c51}.board-column:nth-child(4) .board-column-head{background:#656f4e}.board-column:nth-child(5) .board-column-head{background:#747251}.board-column-head h2{margin:0;font-size:.95rem}.board-column-head span{background:#ffffff2e;border-radius:20px;min-width:25px;text-align:center;padding:2px 6px}.board-notes{padding:10px;display:grid;gap:10px}.board-empty{color:#6d817f;font-size:.83rem;margin:8px}.board-add{margin:auto 10px 10px;border:1px dashed #69928c;background:white;color:#215f5c;border-radius:8px;padding:10px;font-size:.82rem;font-weight:700}.board-card{background:white;border:1px solid #d2dfdc;border-left:4px solid #75918b;border-radius:8px;padding:10px;box-shadow:0 3px 7px #173e3a0d;min-width:0}.board-card.contributing{border-left-color:#238568}.board-card.noncontributing{border-left-color:#87939a}.board-card.open{border-left-color:#d0a151}.board-card-head{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#3b5e5b;font-weight:800;font-size:.77rem;margin-bottom:10px}.board-card-head button{padding:2px;font-size:.72rem}.board-card label{display:grid;gap:5px;font-weight:700;font-size:.76rem;color:#405d5b;margin:9px 0}.board-card textarea,.board-card input,.board-card select{font-size:.81rem;min-height:36px;padding:8px}.board-card textarea{min-height:70px}.board-original{border-bottom:1px solid #dbe5e2;padding-bottom:9px;font-size:.82rem;color:#304b49;overflow-wrap:anywhere}.board-original p{margin:5px 0}.board-original small{color:#697e7a}.board-transfer{width:100%;margin-top:8px}.board-footnote{margin-top:12px}@media(max-width:850px){.peepo-board{min-width:1100px;grid-template-columns:repeat(5,210px)}.board-scroll{margin:0 -20px;padding:0 20px 15px}}
.board-remove-confirm{background:#fff5f2;border:1px solid #e5c7c0;border-radius:7px;padding:9px;color:#733e36;font-size:.82rem;line-height:1.35;margin-bottom:10px}.board-remove-confirm button{display:block;margin-top:8px;padding:6px 10px;font-size:.8rem}
.side-intro{margin-bottom:18px}.side-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.side-tabs button{border:1px solid #bdd2cf;background:white;color:#245a58;border-radius:8px;padding:10px 12px;font-weight:700;font-size:.88rem}.side-tabs button.selected{background:#175e5d;color:white;border-color:#175e5d}.side-field{display:grid;gap:5px;color:#345656;font-size:.84rem;font-weight:700;margin-top:12px}.side-field textarea{min-height:75px}.side-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.side-controls .secondary,.side-controls .danger{font-size:.82rem}.side-remove-note{color:#8b493e}.overview-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;margin:18px 0}.overview-steps label{background:#edf4f2;border:1px solid #d7e5e1;border-radius:8px;padding:11px;display:flex;gap:8px;align-items:center}.overview-steps input{accent-color:#21776f}.side-questions{line-height:1.65;color:#345659}.side-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}.side-phase{background:#edf3f2;border:1px solid #d4e2df;border-radius:10px;padding:12px;min-width:0}.side-phase h3,.learn-grid h3{margin:2px 0 14px}.side-card{background:white;border:1px solid #d0dfdc;border-left:4px solid #5e9290;border-radius:8px;padding:13px;margin:11px 0;overflow-wrap:anywhere}.side-card strong{color:#315d5a}.side-card p{font-size:.86rem}.side-card small{color:#667d7b;line-height:1.5}.why-stack{max-width:730px}.side-canvas-scroll{overflow-x:auto;padding-bottom:12px;margin:15px 0}.side-canvas{display:grid;grid-template-columns:repeat(5,230px);gap:9px;min-width:1186px}.side-col{background:#edf3f1;border:1px solid #d5e1dd;border-radius:10px;padding:10px;min-height:330px}.side-col h3{margin:0 0 15px;background:#35635e;color:white;border-radius:7px;padding:12px;font-size:.9rem;min-height:62px}.side-col:nth-child(2) h3{background:#4a6b5b}.side-col:nth-child(3) h3{background:#5d7057}.side-col:nth-child(4) h3{background:#696e51}.side-col:nth-child(5) h3{background:#73704d}.side-col .side-card{padding:10px}.side-col .side-field{font-size:.78rem}.side-col input,.side-col select,.side-col textarea{font-size:.83rem}.side-add{width:100%;margin-top:7px;border:1px dashed #688f89;color:#245d5a;background:white;padding:10px;border-radius:8px;font-weight:700}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.learn-grid section{min-width:0}.section h3{font-size:1rem}@media(max-width:850px){.side-timeline,.learn-grid{grid-template-columns:1fr}.side-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.side-tabs button{flex:0 0 auto}.side-canvas-scroll{margin-right:-18px}}

/* Premium dark ICAM dashboard direction, informed by the supplied UI reference. */
:root{--ink:#061c1a;--emerald:#073a32;--emerald-2:#0b5145;--emerald-3:#0f6b5a;--champagne:#d0a97b;--champagne-light:#efd5b2;--paper:#f6f1e9;--card:#fffdfa;--line:#ddc8ae;--muted-ink:#5f645e}
body{background:radial-gradient(circle at 4% 0%,#146452 0,#06241f 42%,#031411 100%);color:var(--ink);min-height:100vh}
.shell{max-width:1540px;margin:0 auto;background:rgba(247,241,232,.985);box-shadow:0 25px 65px #0008}
.sidebar{background:linear-gradient(160deg,#0f594d,#042c27 55%,#031c18);padding:29px 18px;gap:27px;border-right:1px solid #cda77966}
.brand{padding:3px 8px}.brand strong{font-size:1.15rem;letter-spacing:.02em;color:#fff7ec}.brand small{color:#d9c4aa}.mark{background:linear-gradient(135deg,#f0d9b9,#b78453);color:#123c36;border-radius:13px;box-shadow:inset 0 1px #fff9,0 7px 20px #0004}
.case-card{background:linear-gradient(130deg,#184f46cc,#0a332d);border:1px solid #d3ad7d66;border-radius:18px;padding:17px;box-shadow:inset 0 1px #ffffff18}.sidebar .eyebrow{color:#edc99d}.case-card input{border-bottom-color:#d6ac7c99;color:#fff9f0}.case-card input::placeholder{color:#e2d1bd}.muted{color:#ddc9b0}
nav{gap:5px}nav button{color:#d6e3da;border-radius:12px;padding:11px 12px}nav button:hover,nav button.active{background:linear-gradient(110deg,#efd7b5,#c99562);color:#153c35;box-shadow:0 4px 12px #0002}nav button span{color:#e7c391}nav button.active span{color:#154b42}.sidebar nav .board-link{border-color:#d3a77877;background:#073b33}
.side-bottom button,.import-label{color:#fff3e3;border-color:#d7ae7a88;border-radius:11px;background:#ffffff0a}.side-bottom button:hover,.import-label:hover{background:#d0a97b;color:#163b35}.side-bottom small{color:#d5c1a8}
main{max-width:none;padding:42px clamp(22px,5vw,74px) 24px;background:linear-gradient(180deg,#faf6ef 0,#f0e7da 100%)}header{border-bottom-color:#ddc8ae;align-items:center}h1{font-size:clamp(2rem,3.4vw,3.15rem);font-weight:780;color:#123e37;letter-spacing:-.05em}header p{color:#66645d}.eyebrow{color:#887150;letter-spacing:.14em}.save-state{background:linear-gradient(135deg,#f2d8b6,#d4a26d);border:0;color:#22443b;padding:8px 13px;font-weight:800;box-shadow:0 4px 13px #9f6f4033}
.section{background:linear-gradient(125deg,#fffefa,#f9f3e9);border-color:#e2cfb4;border-radius:20px;padding:25px;box-shadow:0 10px 24px #56340c10}.section h2{font-size:1.22rem;color:#143f38}.section p{color:#68645c}.field label,.side-field{color:#38564c}input:not([type=checkbox]):not([type=file]),textarea,select{border-color:#d9c5a7;border-radius:11px;background:#fffdf8;color:#153a34;box-shadow:inset 0 1px 2px #68471b0a}input:not([type=checkbox]):not([type=file]):focus,textarea:focus,select:focus{outline-color:#ad7a46;box-shadow:0 0 0 3px #d0a97b42}.row{background:linear-gradient(120deg,#fffefa,#faf3e9);border-color:#e4d1b7;border-radius:15px}.rowhead{border-bottom:1px solid #ead9c2;padding-bottom:11px}.primary{background:linear-gradient(135deg,#0e6556,#063c34);border:1px solid #0d594e;border-radius:11px;box-shadow:0 5px 12px #073b3329}.secondary{border-color:#b98a5a;background:linear-gradient(135deg,#fffaf2,#edd3af);color:#264b42;border-radius:11px}.danger{color:#9a3f39}.notice{border-left-color:#b68451;background:#fff5e4;color:#6d4a27;border-radius:9px}.notice.blue{border-color:#16806c;background:#e8f4ed;color:#225d51}
.area-tabs button,.board-mode button,.side-tabs button{border-color:#cfb087;border-radius:11px}.area-tabs button.selected,.board-mode button.selected,.side-tabs button.selected{background:linear-gradient(135deg,#0d6254,#08433a);border-color:#08433a}.board-column{border-color:#cdb898}.board-column-head{background:linear-gradient(135deg,#0e6556,#06483f)}.board-column:nth-child(2) .board-column-head{background:linear-gradient(135deg,#165b4e,#0d423a)}.board-column:nth-child(3) .board-column-head{background:linear-gradient(135deg,#2c6a52,#164b3d)}.board-column:nth-child(4) .board-column-head{background:linear-gradient(135deg,#586443,#2f4531)}.board-column:nth-child(5) .board-column-head{background:linear-gradient(135deg,#76623e,#4d442e)}.board-card,.side-card{border-color:#dfccb2;border-left-color:#c39462;box-shadow:0 6px 16px #58351312}.board-add,.side-add{border-color:#bb8758;color:#20544a;background:#fffaf2;border-radius:10px}.side-phase,.side-col{background:linear-gradient(160deg,#f6ecdf,#efe0cd);border-color:#ddc5a4}.side-col h3{background:linear-gradient(135deg,#0d6254,#08433a)}.side-col:nth-child(2) h3{background:linear-gradient(135deg,#185d4f,#104238)}.side-col:nth-child(3) h3{background:linear-gradient(135deg,#3e7355,#1f4938)}.side-col:nth-child(4) h3{background:linear-gradient(135deg,#6d704c,#46482e)}.side-col:nth-child(5) h3{background:linear-gradient(135deg,#9a794f,#5c482f)}.overview-steps label{background:linear-gradient(135deg,#fffaf2,#efdec7);border-color:#e0c8aa}
footer{border-top-color:#ddc8ae;color:#796d5e}footer button{background:linear-gradient(135deg,#0e6556,#063c34);border-radius:11px;box-shadow:0 5px 12px #073b3329}
@media(max-width:850px){body{background:#06241f}.shell{box-shadow:none}.sidebar{padding:15px 15px 13px;border-right:0;border-bottom:1px solid #cda77966}.brand{padding:0}.case-card{border-radius:14px}main{padding:25px 18px 18px}h1{font-size:2rem}.section{border-radius:16px;padding:18px}.sidebar nav{gap:6px}.sidebar nav button{background:#ffffff0a;border:1px solid #d3a77833}.sidebar nav .board-link{margin-top:0}.save-state{font-size:.77rem}footer{padding-bottom:8px}.side-canvas{min-width:1140px}}