:root{--ink:#10231f;--muted:#6c7471;--forest:#0b251e;--green:#176735;--green-2:#2e7c47;--pale-green:#edf5ed;--line:#e1e5e2;--surface:#ffffff;--page:#f6f5f1;--amber:#e99c0c;--orange:#ef6b18;--red:#d9272e}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--page);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);background:var(--page)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:27px 12px 20px;color:#fff;background:var(--forest)}.brand,.sidebar{display:flex;flex-direction:column}.brand{padding:0 14px 30px;gap:4px}.brand strong{font-size:23px;letter-spacing:-.6px}.brand span{color:#70b967;font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:transparent;color:#d8e2de;height:51px;border-radius:6px;padding:0 16px;display:flex;gap:14px;align-items:center;cursor:pointer;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{color:white;background:#1d4335}.sidebar nav svg{width:22px;height:22px}.profile{border-top:1px solid #375148;margin-top:auto;padding:20px 6px 0;display:grid;grid-template-columns:40px 1fr 16px;grid-gap:11px;gap:11px;align-items:center}.avatar{width:40px;height:40px;background:#79c660;color:#14301d;display:grid;place-items:center;border-radius:50%;font-weight:700}.profile span,.profile strong{display:block;font-size:13px}.profile span{color:#bdc9c5;margin-top:2px}main{min-width:0}.topbar{height:124px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar h1{margin:0 0 5px;font-size:31px;letter-spacing:-.8px}.topbar p{color:var(--muted);margin:0}.generate,.primary{border:0;background:var(--green);color:white;border-radius:5px;padding:14px 22px;font-weight:600;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.generate:hover,.primary:hover{background:#0f5529}.primary svg{width:20px;height:20px}.workspace{display:grid;grid-template-columns:minmax(650px,1fr) 246px}.report-area{min-width:0;padding:0 24px;background:rgba(255,255,255,.58);min-height:calc(100vh - 124px)}.tabs{height:60px;display:flex;gap:8px;border-bottom:1px solid var(--line);align-items:stretch}.tabs button{padding:0 22px;border:0;border-bottom:2px solid transparent;background:transparent;font-weight:500;color:#535b58;display:flex;gap:12px;align-items:center;cursor:pointer}.tabs button.active{color:#154c29;border-bottom-color:var(--green);font-weight:700}.tabs span{font-size:12px;padding:2px 7px;background:#f1f2ef;border:1px solid #ddd;border-radius:5px}.tabs button:nth-child(2) span{background:#fff5e5;border-color:#f1c67e}.tabs button:nth-child(3) span{background:#fff0f0;border-color:#f2bcbc;color:var(--red)}.tabs button:nth-child(4) span{background:#eef6ec;border-color:#bdd3b8}.helper{margin:14px 4px 0;font-size:13px;color:#64706b}.filters{display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1.15fr auto;grid-gap:10px;gap:10px;padding:14px 0}.date-control,.filters button,.filters label{height:42px;background:#fff;border:1px solid #d7dcd8;border-radius:5px;display:flex;align-items:center;gap:9px;padding:0 12px;font-size:13px;white-space:nowrap}.filters button{cursor:pointer}.filters button svg:last-child{margin-left:auto}.filters label input{border:0;outline:0;min-width:0;width:100%;background:transparent}.filters svg{flex:0 0 auto;width:18px;height:18px;color:#626b67}.filter-button{justify-content:center}.selection-bar{height:48px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.report-row input,.selection-bar input{accent-color:var(--green);width:17px;height:17px}.selection-bar i{width:1px;height:18px;background:var(--line)}.selection-bar button{color:var(--green);border:0;background:transparent;cursor:pointer;font-weight:600}.selection-bar .sort{margin-left:auto;display:flex;align-items:center;gap:6px;color:#4b5350}.report-list{background:rgba(255,255,255,.45)}.report-row{height:80px;display:grid;grid-template-columns:24px 3px 50px minmax(250px,1fr) 150px 110px;grid-gap:12px;gap:12px;align-items:center;border-bottom:1px solid var(--line);position:relative}.severity-line{width:3px;height:50px;border-radius:3px;background:#9da4a1}.report-row.review .severity-line{background:var(--orange)}.report-row.action .severity-line{background:var(--red)}.report-row.approved .severity-line{background:var(--green-2)}.report-icon{width:44px;height:44px;border-radius:50%;background:#eef1ef;display:grid;place-items:center;color:#47534f}.report-row.review .report-icon{background:#fff1e8;color:var(--orange)}.report-row.action .report-icon{background:#fff0ef;color:var(--red)}.report-row.approved .report-icon{background:#edf6f0;color:var(--green-2)}.report-icon svg{width:26px;height:26px}.report-copy{min-width:0}.report-copy strong{display:flex;align-items:center;gap:7px;font-size:15px}.report-copy strong b{font-size:9px;background:var(--red);color:white;padding:3px 5px;border-radius:3px}.report-copy span{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-copy em{margin:0 7px;font-style:normal}.status{justify-self:start;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.status i{width:7px;height:7px;border-radius:50%}.status.review{color:#be4a0f;background:#fff1e8}.status.review i{background:var(--orange)}.status.action{color:#b7161e;background:#ffeded}.status.action i{background:var(--red)}.status.approved{color:#236138;background:#edf5ed}.status.approved i{background:var(--green)}.status.draft{color:#565e5b;background:#f0f1ef}.status.draft i{background:#69716e}.row-action{height:34px;background:white;color:#15552c;border:1px solid #3e7c50;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.row-action:hover{background:#edf5ed}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px}.empty svg{width:30px;height:30px}.empty strong{color:var(--ink)}.pagination{min-height:72px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.pagination div{display:flex;gap:5px}.pagination button{border:1px solid var(--line);width:36px;height:36px;background:#fff;border-radius:4px;cursor:pointer}.pagination button.active{background:var(--green);color:white;border-color:var(--green)}.audit-scope{border-left:1px solid var(--line);background:#fbfaf7;padding:36px 18px 24px}.audit-scope h2{margin:0 0 20px;font-size:18px}.date-control{width:100%;justify-content:space-between;cursor:pointer}.scope-section{padding:22px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:13px}.scope-section strong{font-size:14px}.scope-section p{margin:0;color:var(--muted)}.scope-section p b{color:var(--ink);font-size:27px;margin-right:5px}.text-link{padding:0;background:transparent;border:0;font-weight:600;text-align:left;cursor:pointer;font-size:12px}.readiness p b,.readiness>span,.text-link{color:var(--green)}.readiness>span{font-weight:600;font-size:12px}.progress{height:7px;background:#dedfdd;border-radius:8px;margin-top:5px;overflow:hidden}.progress i{display:block;height:100%;width:78%;background:var(--green);border-radius:8px}.legend{padding:20px 0 8px;display:flex;flex-direction:column;gap:9px;font-size:12px}.legend span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;grid-gap:8px;gap:8px;color:#545c59}.legend i{width:7px;height:7px;border-radius:50%}.green{background:var(--green)}.yellow{background:var(--amber)}.orange{background:var(--orange)}.red{background:var(--red)}.gray{background:#929895}.blockers{color:#a33e16;background:#fff3ea;font-size:11px;display:flex;align-items:center;gap:6px;padding:8px;border-radius:4px;margin:8px 0}.centered{display:block;margin:9px auto 14px}.generate{width:100%;justify-content:center}.audit-scope small{display:block;color:var(--muted);margin-top:12px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(4,20,16,.66);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:24px}.modal{width:min(720px,95vw);max-height:92vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.24);position:relative}.modal.wide{width:min(850px,95vw)}.modal-close{position:absolute;right:20px;top:20px;z-index:2;border:0;background:#f0f2ef;width:34px;height:34px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.form-panel,.wizard{padding:34px}.modal-heading span{color:var(--green);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:700}.modal-heading h2{font-size:25px;letter-spacing:-.4px;margin:7px 0}.modal-heading p{margin:0;color:var(--muted);font-size:13px}.stepper{display:flex;justify-content:center;margin:30px 0}.stepper span{display:flex;align-items:center;gap:8px;color:#89908d;font-size:12px;position:relative;padding-right:75px}.stepper span:last-child{padding-right:0}.stepper span:not(:last-child):after{content:"";position:absolute;width:50px;height:1px;background:#ccd1ce;right:12px}.stepper span:before{content:attr(data-n)}.stepper span.done{color:var(--green)}.stepper span b{font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;padding:22px 0}.form-grid label,.review-panel>label,.scope-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.review-panel textarea,.scope-form input,.scope-form select{border:1px solid #d4d9d5;border-radius:5px;padding:12px;background:#fff;outline-color:var(--green)}textarea{resize:vertical;min-height:80px}.checklist{border-top:1px solid var(--line);margin-top:24px}.checklist>div{justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.checklist span,.checklist>div{display:flex;align-items:center}.checklist span{gap:10px;font-size:13px}.checklist span>b{width:24px;height:24px;border-radius:50%;background:#edf1ee;display:grid;place-items:center}.checklist small{color:var(--red);border:1px solid #efb4b4;padding:2px 5px;border-radius:3px}.checklist div div{display:flex;gap:5px}.checklist div div button{background:white;border:1px solid #d4d9d5;padding:8px 13px;border-radius:4px;cursor:pointer}.checklist div div button.yes{color:var(--green);border-color:var(--green);background:var(--pale-green)}.generate-ready,.review-summary{text-align:center;padding:40px 0}.generate-ready>svg,.review-summary>svg{width:64px;height:64px;color:var(--green)}.generate-ready h3,.review-summary h3{margin:10px 0 5px}.generate-ready p,.generate-ready span,.review-summary p{color:var(--muted);font-size:13px}.review-summary div{max-width:300px;margin:25px auto 0;padding:14px;background:var(--pale-green);display:flex;justify-content:space-between}.review-summary div b{color:var(--green)}.modal-actions{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.secondary{border:1px solid #cbd1cd;background:#fff;padding:12px 19px;border-radius:5px;cursor:pointer}.secondary:disabled{opacity:.4}.review-alert{margin:24px 0;padding:14px;border-radius:5px;background:#fff4e9;color:#b75118;display:flex;gap:12px}.review-alert svg{width:24px;height:24px;flex:0 0 auto}.review-alert span,.review-alert strong{display:block}.review-alert span{font-size:12px;margin-top:3px}.answers{border:1px solid var(--line);border-radius:6px;margin-bottom:20px}.answers div{padding:14px;display:flex;justify-content:space-between;gap:20px;font-size:13px;border-bottom:1px solid var(--line)}.answers div:last-child{border:0}.answers b{font-size:12px}.pass{color:var(--green)}.fail{color:var(--red)}.review-panel>label{margin-top:15px}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border-bottom:1px solid var(--line);padding-bottom:22px}.wizard-steps span{display:flex;align-items:center;gap:8px;color:#89908d;font-size:12px}.wizard-steps span b{width:26px;height:26px;border-radius:50%;border:1px solid #ccd1ce;display:grid;place-items:center}.wizard-steps span.done{color:var(--green);font-weight:600}.wizard-steps span.done b{background:var(--green);color:white;border-color:var(--green)}.wizard-body{min-height:330px}.scope-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;padding:12px 0}.scope-form .toggle{flex-direction:row;align-items:center;border:1px solid var(--line);padding:13px;border-radius:5px}.scope-form .toggle input{accent-color:var(--green)}.validation-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;padding:12px 0}.validation-grid>div{border:1px solid var(--line);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:4px}.validation-grid svg{width:24px;height:24px;color:#62706a}.validation-grid b{font-size:25px}.validation-grid span{color:var(--muted);font-size:12px}.validation-grid .success{background:#f2f8f2}.validation-grid .success b,.validation-grid .success svg{color:var(--green)}.validation-grid .warning{background:#fff7ed}.validation-grid .warning b,.validation-grid .warning svg{color:#c35c17}.validation-grid section{grid-column:1/-1;border-top:1px solid var(--line);margin-top:10px;padding-top:18px;display:flex;flex-direction:column;gap:10px}.validation-grid section span{display:flex;gap:8px;align-items:center}.validation-grid section span svg{width:18px;height:18px}.packet-preview{border:1px solid var(--line);border-radius:6px}.packet-preview div{display:grid;grid-template-columns:30px 1fr 22px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.packet-preview div:last-child{border:0}.packet-preview span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#edf1ee;font-size:11px}.packet-preview b{font-size:13px}.packet-preview svg{color:var(--green)}.toast{position:fixed;z-index:70;bottom:22px;left:50%;transform:translateX(-50%);background:var(--forest);color:white;padding:12px 15px;border-radius:6px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast>svg{color:#7ed36d}.toast button{border:0;background:transparent;color:white;cursor:pointer;display:grid;place-items:center}@media (max-width:1150px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.brand span,.brand strong,.profile>div:not(.avatar),.profile>svg,.sidebar nav span{display:none}.brand{height:65px;padding:0}.sidebar nav button{justify-content:center;padding:0}.profile{grid-template-columns:1fr;place-items:center}.workspace{grid-template-columns:1fr}.audit-scope{display:none}}@media (max-width:820px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;bottom:0;top:auto;width:100%;height:66px;padding:7px 10px}.brand,.profile{display:none}.sidebar nav{flex-direction:row;justify-content:space-around}.sidebar nav button{height:52px;width:55px}.sidebar nav button:nth-child(n+5){display:none}.topbar{height:auto;padding:22px 18px}.topbar h1{font-size:26px}.topbar p{font-size:13px}.topbar .primary{padding:12px;font-size:0}.topbar .primary svg{margin:0}.report-area{padding:0 14px 75px}.tabs{overflow-x:auto}.tabs button{padding:0 13px;flex:0 0 auto}.filters{grid-template-columns:1fr 1fr}.filters label{grid-column:1/-1}.filter-button{display:none!important}.report-row{height:auto;min-height:92px;grid-template-columns:22px 3px 44px 1fr;padding:10px 0}.report-copy{padding-right:4px}.row-action,.status{grid-column:4}.row-action{width:110px}.selection-bar .sort{display:none}.pagination{padding-bottom:10px}.pagination div button:nth-child(4),.pagination div button:nth-child(5){display:none}.form-grid,.scope-form,.validation-grid{grid-template-columns:1fr}.form-grid .full,.validation-grid section{grid-column:auto}.wizard-steps{overflow-x:auto;grid-template-columns:repeat(4,140px)}}