:root{--text-primary:#17313d;--text-secondary:#294957;--text-tertiary:#536d77;--text-muted:#6f838a;--text-inverse:#fff;--focus:#168e80}
html{font-size:16px}body{color:var(--text-secondary);font-family:Inter,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:15px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:750;line-height:1.3;letter-spacing:-.02em}h1{font-size:clamp(24px,2.2vw,34px)}h2{font-size:clamp(21px,2vw,29px)}h3{font-size:clamp(18px,1.5vw,22px)}h4{font-size:16px}p,li,dd,dt,td,th{color:var(--text-secondary);font-size:15px;line-height:1.7}small,.meta,.eyebrow,[class*="meta"],[class*="eyebrow"]{color:var(--text-tertiary);font-size:12px;line-height:1.5;opacity:1}label{color:var(--text-secondary);font-size:14px;font-weight:650;line-height:1.5}input,textarea,select,button{font:inherit}input,textarea,select{color:var(--text-primary);font-size:14px;line-height:1.55}input::placeholder,textarea::placeholder{color:#71858d;opacity:1}button,a{font-weight:650}button{line-height:1.35}a{color:#126f72}a:hover{color:#0b5559}.sidebar{color:#e9f4f3}.sidebar a,.sidebar small,.sidebar span,.sidebar strong{line-height:1.45}.sidebar nav a{font-size:13px}.sidebar nav a.active,.sidebar nav a:hover{color:#fff}.topbar h1{color:var(--text-primary)}.topbar small{color:var(--text-tertiary)}.panel,.white,.card{color:var(--text-secondary)}.panel p,.white p,.card p{color:var(--text-secondary)}.section-title small,.section-title span{color:var(--text-tertiary);opacity:1}.section-title h3{color:var(--text-primary)}.design-hero h2,.page-heading h2{color:var(--text-primary)}.design-hero p,.page-heading p{color:var(--text-secondary);opacity:1}.question-purpose,.question-outcome,.question-purpose strong,.question-outcome strong{color:var(--text-secondary)!important}.interview-question h3{color:var(--text-primary)}.interview-question p{color:var(--text-secondary)}.interview-question small{color:#087c68}.plan-list li,.plan-list li strong,.plan-list li small{color:var(--text-secondary)}.collab-head p,.ai-draft p,.fde-input textarea{color:var(--text-secondary)}.collab-label span{color:var(--text-primary);font-weight:750}.stage-collaboration small{opacity:1}.form-hint,.hint,.muted,.description{color:var(--text-tertiary)!important;opacity:1}.readiness-card span,.metric p,.project-card p{color:var(--text-secondary);opacity:1}.page button,.top-actions a{min-height:36px}.page button:focus-visible,.page a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7bd6c9;outline-offset:2px}@media(max-width:700px){body{font-size:14px}p,li,dd,dt,td,th{font-size:14px;line-height:1.65}.page{padding-left:16px!important;padding-right:16px!important}.topbar{gap:10px}.topbar h1{font-size:23px}}
.ontology-hero,.ontology-hero h2,.ontology-hero p,.ontology-hero span,.ontology-hero small,.ontology-ai-map,.ontology-ai-map h3,.ontology-ai-map p,.ontology-ai-map small,.ontology-ai-map span,.ontology-ai-map-foot,.ontology-ai-foot{color:#e9fbf5!important}.ontology-hero h2,.ontology-ai-map h3{font-weight:800}.ontology-hero p,.ontology-ai-map p{color:#c5e4e3!important}.ontology-ai-map-head small{color:#8ee8cf!important}.ontology-ai-actions button{color:#effffc!important}.ontology-ai-actions .primary{color:#102b3d!important}.ai-node text{fill:#fff!important}.ai-edge text{fill:#b8d9d7!important}.ontology-element h4,.ontology-element p,.ontology-element-top em,.ontology-element-top label,.ontology-question strong,.ontology-question small{opacity:1!important}.ontology-element h4{color:#17313d!important}.ontology-element p,.ontology-element-top label{color:#536d77!important}.ontology-question strong{color:#294957!important}.ontology-question small{color:#087c68!important}
.twoa4-hero,.twoa4-hero h2,.twoa4-hero p,.twoa4-hero small,.twoa4-score,.twoa4-score strong,.twoa4-score span,.analysis-hero,.analysis-hero h2,.analysis-hero p,.analysis-hero small,.analysis-score span,.onboarding-progress,.onboarding-progress b,.onboarding-progress p,.onboarding-progress li,.mission-hero,.mission-hero h2,.mission-hero p,.mission-hero small,.mission-meta small,.mission-meta strong,.kpi-hero,.kpi-hero p,.kpi-hero small,.run-sheet,.run-sheet h3,.run-sheet li,.interview-plan,.interview-plan h3,.interview-plan li,.qm-plan,.qm-plan h3,.qm-plan strong,.qm-plan small,.qm-plan label,.qm-plan span{color:#e9f5ef!important}.twoa4-hero p,.analysis-hero p,.onboarding-progress p,.mission-hero p,.kpi-hero p,.run-sheet li,.interview-plan li,.qm-plan small,.qm-plan label{color:#b8cbc3!important}.twoa4-hero h2,.analysis-hero h2,.mission-hero h2,.qm-plan h3{font-weight:800}.qm-plan .qm-count{color:#8be0bd!important}.qm-plan .qm-btn.primary,.run-sheet>button,.interview-plan>button{color:#174537!important}.kpi-hero strong,.kpi-hero b,.run-sheet>div>b,.interview-plan strong{color:#fff!important}
body[data-page="ontology"] .design-hero,body[data-page="ontology"] .design-hero h2,body[data-page="ontology"] .design-hero p,body[data-page="ontology"] .design-hero small{color:#e9fbf5!important}body[data-page="ontology"] .design-hero p{color:#c5e4e3!important}body[data-page="ontology"] .design-hero small{color:#8ee8cf!important}
.ontology-recovery{padding:28px;border:1px solid #bfe3de;border-radius:18px;background:linear-gradient(135deg,#effbf8,#fff);color:#17313d}.ontology-recovery small{color:#087c68!important;font-weight:800;letter-spacing:.1em}.ontology-recovery h2{margin:8px 0;color:#17313d!important;font-size:28px}.ontology-recovery>p{color:#294957!important;line-height:1.7}.ontology-recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.ontology-recovery-grid article{padding:15px;border:1px solid #dbe6e4;border-top:4px solid #168e80;border-radius:11px;background:#fff}.ontology-recovery-grid article:nth-child(2){border-top-color:#5478ef}.ontology-recovery-grid article:nth-child(3){border-top-color:#8b5cf6}.ontology-recovery-grid article:nth-child(4){border-top-color:#16825f}.ontology-recovery-grid article:nth-child(5){border-top-color:#ec7258}.ontology-recovery-grid article:nth-child(6){border-top-color:#c2417a}.ontology-recovery-grid article:nth-child(7){border-top-color:#d97706}.ontology-recovery-grid b{color:#168e80}.ontology-recovery-grid h3{margin:8px 0 4px;color:#17313d!important}.ontology-recovery-grid p{margin:0;color:#536d77!important;font-size:13px;line-height:1.55}.ontology-recovery>a{display:inline-block;padding:10px 14px;border-radius:8px;background:#168e80;color:#fff!important;text-decoration:none}@media(max-width:800px){.ontology-recovery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.ontology-recovery-grid{grid-template-columns:1fr}}
body[data-page="ontology"] .ontology-hero{background:linear-gradient(135deg,#102b3d,#155d67)!important;color:#e9fbf5!important}.ontology-hero .ontology-score{color:#e9fbf5!important}.ontology-hero .ontology-score b{color:#8ee8cf!important}.ontology-hero .ontology-score span{color:#d7eff0!important}.ontology-flow{color:#116d72!important}.ontology-flow span{color:#116d72!important}.ontology-ai-map{background:#102b3d!important;color:#e9fbf5!important}.ontology-ai-map h3,.ontology-ai-map p,.ontology-ai-map small{color:#e9fbf5!important}.ontology-ai-map p{color:#c5e4e3!important}.ontology-ai-foot{color:#abd3d0!important}.ontology-ai-foot b{color:#ffd18a!important}
.design-hero,.page-heading{background:linear-gradient(135deg,#f1faf8,#ffffff)!important;border:1px solid #cfe7e1!important;border-radius:18px;padding:24px!important;box-shadow:0 10px 26px #173c4b0d}.design-hero h2,.page-heading h2{color:#17313d!important}.design-hero p,.page-heading p{color:#536d77!important}.analysis-hero,.twoa4-hero,.ontology-hero,.qm-hero,.mission,.manual-hero,.onboarding-hero,.kpi-hero{border-radius:18px;box-shadow:0 14px 32px #173c4b18}.manual-hero{background:linear-gradient(135deg,#eef8f6,#fff)!important;border:1px solid #cfe7e1}.manual-hero h2,.manual-hero p{color:#17313d!important}.qm-hero{padding:24px;border:1px solid #dbe3df;background:linear-gradient(135deg,#fff8f1,#fff)!important}.qm-hero h2{color:#172b37!important}.qm-hero p{color:#52615b!important}.onboarding-hero .onboarding-intro{background:linear-gradient(135deg,#f1faf8,#fff);border:1px solid #cfe7e1}.mvp-studio-head,.agent-studio-head,.workflow-studio-head,.boot-studio-head{border-radius:14px;padding:20px;background:linear-gradient(135deg,#f7fbfb,#fff)}.mvp-studio-head h3,.agent-studio-head h3,.workflow-studio-head h3,.boot-studio-head h3{font-weight:800}

/* Unified hero treatment: every page uses the same background color */
.hero,.design-hero,.page-heading,.analysis-hero,.twoa4-hero,.ontology-hero,.qm-hero,.mission,.manual-hero,.onboarding-hero,.kpi-hero,.mvp-studio-head,.agent-studio-head,.workflow-studio-head,.boot-studio-head{
  background:#eaf5f2!important;
  border:1px solid #c9e2dc!important;
  border-radius:18px;
  box-shadow:0 12px 30px #173c4b14;
  color:#17313d!important;
}
.hero h1,.hero h2,.hero h3,.hero p,.hero small,.design-hero h1,.design-hero h2,.design-hero h3,.design-hero p,.design-hero small,.page-heading h1,.page-heading h2,.page-heading h3,.page-heading p,.page-heading small,.analysis-hero h1,.analysis-hero h2,.analysis-hero h3,.analysis-hero p,.analysis-hero small,.twoa4-hero h1,.twoa4-hero h2,.twoa4-hero h3,.twoa4-hero p,.twoa4-hero small,.ontology-hero h1,.ontology-hero h2,.ontology-hero h3,.ontology-hero p,.ontology-hero small,.qm-hero h1,.qm-hero h2,.qm-hero h3,.qm-hero p,.qm-hero small,.mission h1,.mission h2,.mission h3,.mission p,.mission small,.manual-hero h1,.manual-hero h2,.manual-hero h3,.manual-hero p,.manual-hero small,.onboarding-hero h1,.onboarding-hero h2,.onboarding-hero h3,.onboarding-hero p,.onboarding-hero small,.kpi-hero h1,.kpi-hero h2,.kpi-hero h3,.kpi-hero p,.kpi-hero small{
  color:#17313d!important;
}
.hero p,.design-hero p,.page-heading p,.analysis-hero p,.twoa4-hero p,.ontology-hero p,.qm-hero p,.mission p,.manual-hero p,.onboarding-hero p,.kpi-hero p{color:#536d77!important}

/* Ontology hero contrast on the unified light background */
body[data-page="ontology"] .design-hero,
body[data-page="ontology"] .design-hero h1,
body[data-page="ontology"] .design-hero h2,
body[data-page="ontology"] .design-hero h3,
body[data-page="ontology"] .design-hero p,
body[data-page="ontology"] .design-hero small,
body[data-page="ontology"] .design-hero span,
.ontology-hero,
.ontology-hero h1,
.ontology-hero h2,
.ontology-hero h3,
.ontology-hero p,
.ontology-hero small,
.ontology-hero span,
.ontology-hero b,
.ontology-hero em,
.ontology-hero label{
  color:#17313d!important;
}
body[data-page="ontology"] .design-hero p,
.ontology-hero p,
.ontology-hero small,
.ontology-hero span{
  color:#536d77!important;
}
.ontology-hero .ontology-score b{color:#16786f!important}
.ontology-recovery{background:#eaf5f2!important;color:#17313d!important;border:1px solid #c9e2dc;border-radius:18px;padding:28px;box-shadow:0 12px 30px #173c4b14}
.ontology-recovery h2,.ontology-recovery h3,.ontology-recovery p,.ontology-recovery small,.ontology-recovery b,.ontology-recovery a{color:#17313d!important}
.ontology-recovery p{color:#536d77!important}
.mission-input-panel{margin:16px 0}.mission-input-panel>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #dbe7e3;padding-bottom:14px}.mission-input-panel h3{margin:6px 0}.mission-input-panel p{margin:0;color:#536d77}.mission-input-panel>header>span{padding:6px 9px;border-radius:99px;background:#eaf5f2;color:#126f72;font-size:11px;font-weight:800}.mission-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:15px}.mission-input-grid label{display:grid;gap:7px;color:#294957;font-weight:750}.mission-input-grid label.full{grid-column:1/-1}.mission-input-grid input,.mission-input-grid select,.mission-input-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cbdcd8;border-radius:9px;background:#fbfdfc;padding:10px;color:#17313d}.mission-input-grid textarea{min-height:78px;resize:vertical}.mission-input-panel form>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #dbe7e3;color:#71858d;font-size:12px}.mission-input-panel form>footer button{border:0;border-radius:9px;background:#126f72;color:#fff;padding:10px 15px;font-weight:800;cursor:pointer}@media(max-width:700px){.mission-input-grid{grid-template-columns:1fr}.mission-input-grid label.full{grid-column:auto}.mission-input-panel>header,.mission-input-panel form>footer{display:block}.mission-input-panel form>footer button{margin-top:10px}}
.claude-api-panel{margin:16px 0;background:#f8fcfa!important}.claude-api-panel>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #dbe7e3;padding-bottom:13px}.claude-api-panel h3{margin:5px 0}.claude-api-panel p{margin:0;color:#536d77}.claude-api-panel>header>span{padding:6px 9px;border-radius:99px;background:#fff3d9;color:#9b6c1c;font-size:11px;font-weight:800}.claude-api-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.claude-api-grid label{display:grid;gap:7px;color:#294957;font-weight:750}.claude-api-grid input{width:100%;box-sizing:border-box;border:1px solid #cbdcd8;border-radius:9px;background:#fff;padding:10px;color:#17313d}.claude-api-panel>footer{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #dbe7e3}.claude-api-panel>footer small{margin-right:auto;color:#71858d}.claude-api-panel>footer button{border:1px solid #126f72;border-radius:8px;background:#fff;color:#126f72;padding:9px 11px;font-weight:800;cursor:pointer}.claude-api-panel>footer button:first-of-type{background:#126f72;color:#fff}@media(max-width:700px){.claude-api-grid{grid-template-columns:1fr}.claude-api-panel>header,.claude-api-panel>footer{display:block}.claude-api-panel>footer button{margin:9px 8px 0 0}}
.reference-update-section{margin-top:16px;background:#f8fcfa!important}.reference-update-body{margin-top:14px;border:1px solid #dbe7e3;border-radius:10px;padding:16px;background:#fff}.reference-update-body h4{margin:0;color:#126f72;font-size:17px}.reference-update-body p{margin:9px 0 0;color:#536d77;line-height:1.75}
.architecture-svg-wrap{width:100%;overflow:auto;border-radius:16px}.architecture-svg{display:block;width:100%;min-width:760px;height:auto}.arch-bg{fill:#f4fbf9;stroke:#c9e2dc;stroke-width:2}.arch-title{fill:#17313d;font:800 22px Arial,"Noto Sans KR",sans-serif;letter-spacing:1px}.arch-subtitle{fill:#536d77;font:15px Arial,"Noto Sans KR",sans-serif}.arch-line{stroke:url(#arch-flow);stroke-width:5;fill:none}.arch-line.secondary{stroke:#d97724;stroke-width:4}.arch-node rect{stroke-width:2}.arch-input rect{fill:#eaf5f2;stroke:#42c592}.arch-intel rect{fill:#eef0ff;stroke:#5478ef}.arch-asset rect{fill:#fff2e7;stroke:#d97724}.arch-systems rect{fill:#fff;stroke:#168b80}.arch-kicker{fill:#126f72;font:800 13px Arial,"Noto Sans KR",sans-serif;letter-spacing:1px}.arch-heading{fill:#17313d;font:800 25px Arial,"Noto Sans KR",sans-serif}.arch-copy{fill:#536d77;font:15px Arial,"Noto Sans KR",sans-serif}.architecture-svg-note{margin:12px 0 0;padding:12px 14px;border-radius:9px;background:#eaf5f2;color:#294957;line-height:1.7}
.ecosystem-stage-map{margin-top:18px;border:1px solid #dbe7e1;background:linear-gradient(145deg,#fff 0%,#f7fbf9 100%)}.ecosystem-map-lead{max-width:920px;margin:0 0 18px;color:#40554d;font-size:15px;line-height:1.8}.ecosystem-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ecosystem-stage-card{min-width:0;padding:20px;border:1px solid #dce8e2;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(24,65,51,.06)}.ecosystem-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ecosystem-card-top small,.ecosystem-stage-links>small{display:block;color:#168b80;font-size:10px;font-weight:800;letter-spacing:.12em}.ecosystem-card-top h4{margin:3px 0 0;color:#18342b;font-size:20px}.ecosystem-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5f5ed;color:#08775f;font-weight:900}.ecosystem-stage-card>p{margin:0 0 12px;color:#3d514a;font-size:14px;line-height:1.65}.ecosystem-output{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f4f8f6}.ecosystem-output b{color:#18342b;font-size:12px}.ecosystem-output span{color:#52645d;font-size:13px;line-height:1.55}.ecosystem-stage-links{margin-top:15px}.ecosystem-stage-links>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.ecosystem-stage-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #c9e2d7;border-radius:999px;background:#f7fcf9;color:#206b57;text-decoration:none;font-size:11px;font-weight:700;transition:.18s ease}.ecosystem-stage-chip:hover{background:#168b80;color:#fff;border-color:#168b80;transform:translateY(-1px)}.ecosystem-stage-chip b{font-size:10px}.ecosystem-map-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:15px 18px;border-radius:14px;background:#17382d;color:#fff;font-size:13px}.ecosystem-map-summary strong{color:#a7e4c9;margin-right:6px}.ecosystem-map-summary span{font-weight:700}.ecosystem-map-summary i{color:#f4b46b;font-style:normal;font-size:18px}@media(max-width:900px){.ecosystem-stage-grid{grid-template-columns:1fr}}@media(max-width:620px){.ecosystem-stage-card{padding:16px}.ecosystem-card-top h4{font-size:18px}.ecosystem-map-summary{align-items:flex-start;flex-direction:column;gap:5px}.ecosystem-map-summary i{display:none}}
.design-system-stage-map{margin-top:18px;border:1px solid #dbe7e1;background:#fbfdfc}.design-system-lead{max-width:920px;margin:0 0 18px;color:#40554d;font-size:15px;line-height:1.8}.design-system-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.design-system-block{padding:20px;border:1px solid #dce8e2;border-radius:16px;background:#fff}.design-system-block.ontology{border-top:4px solid #7561bd}.design-system-block.primitive{border-top:4px solid #d97724}.design-system-block header small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#168b80}.design-system-block.ontology header small{color:#6651a7}.design-system-block.primitive header small{color:#b45b1b}.design-system-block h4{margin:5px 0;color:#18342b;font-size:21px}.design-system-block header p{margin:0;color:#52645d;font-size:13px;line-height:1.6}.design-system-items{display:grid;gap:8px;margin-top:16px}.design-system-item{padding:12px;border-radius:12px;background:#f5f8f6}.design-system-item>div:first-child{display:grid;gap:3px}.design-system-item b{color:#18342b;font-size:14px}.design-system-item span{color:#52645d;font-size:12px;line-height:1.45}.design-stage-links{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}.design-stage-links small{width:100%;color:#168b80;font-size:10px;font-weight:800}.design-stage-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #c9e2d7;border-radius:999px;background:#fff;color:#206b57;text-decoration:none;font-size:10px;font-weight:700}.design-stage-chip:hover{background:#168b80;color:#fff}.design-stage-chip b{font-size:10px}@media(max-width:900px){.design-system-columns{grid-template-columns:1fr}}
.workflow-hero{display:flex;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#17382d,#246957);color:#fff;box-shadow:0 14px 35px rgba(23,56,45,.18)}.workflow-hero small,.workflow-board-head small,.workflow-flow small,.workflow-gate small,.workflow-record small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a7e4c9}.workflow-hero h2{margin:7px 0 8px;font-size:30px}.workflow-hero p{max-width:700px;margin:0;color:#d7eee4;line-height:1.7}.workflow-hero-status{align-self:center;min-width:160px;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.08)}.workflow-hero-status b{display:block;font-size:28px}.workflow-hero-status span{font-size:12px;color:#d7eee4}.workflow-hero-status i{display:block;height:6px;margin-top:12px;border-radius:6px;background:rgba(255,255,255,.2);overflow:hidden}.workflow-hero-status em{display:block;height:100%;width:0;background:#f4b46b;transition:.2s}.workflow-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;margin-top:18px}.workflow-stage-list,.workflow-board{border:1px solid #dbe7e1;border-radius:18px;background:#fff}.workflow-stage-list{padding:14px}.workflow-list-head{display:grid;gap:4px;padding:7px 8px 12px;border-bottom:1px solid #e5eee9}.workflow-list-head small{color:#168b80;font-size:10px;font-weight:800;letter-spacing:.12em}.workflow-list-head strong{color:#18342b;font-size:17px}.workflow-stage-button{display:flex;align-items:center;width:100%;gap:9px;padding:10px 7px;border:0;border-bottom:1px solid #edf3f0;background:#fff;text-align:left;cursor:pointer}.workflow-stage-button>b{color:#168b80;font-size:11px}.workflow-stage-button span{display:grid;gap:2px;min-width:0}.workflow-stage-button strong{color:#18342b;font-size:12px}.workflow-stage-button small{overflow:hidden;color:#71827a;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.workflow-stage-button i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#dce7e2}.workflow-stage-button.active{margin:0 -2px;border-radius:10px;background:#eaf7f1}.workflow-stage-button.active i{background:#168b80}.workflow-stage-button.done i{background:#f0a05e}.workflow-board{padding:24px}.workflow-board-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e5eee9}.workflow-board-head h3{margin:6px 0;color:#18342b;font-size:25px}.workflow-board-head p{margin:0;color:#52645d;font-size:14px}.workflow-open-link{align-self:center;padding:9px 12px;border:1px solid #c9e2d7;border-radius:9px;color:#168b80;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.workflow-flow{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:10px;margin-top:20px}.workflow-flow article{min-width:0;min-height:220px;padding:17px;border-radius:15px}.workflow-material{background:#f1f7f4}.workflow-ai{background:#f3f1fc}.workflow-fde{background:#fff6ec}.workflow-flow h4{margin:6px 0 10px;color:#18342b;font-size:17px}.workflow-flow p{color:#52645d;font-size:13px;line-height:1.65}.workflow-arrow{color:#168b80;font-size:22px;text-align:center}.workflow-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.workflow-tags span{padding:6px 8px;border-radius:999px;background:#fff;color:#34725e;font-size:10px;font-weight:700}.workflow-draft{min-height:92px;color:#4c3d80;font-size:13px;line-height:1.7}.workflow-flow textarea{box-sizing:border-box;width:100%;height:112px;resize:vertical;padding:10px;border:1px solid #ead8c0;border-radius:9px;background:#fff;color:#39453f;font:inherit;font-size:13px;line-height:1.6}.workflow-flow button,.workflow-gate button{margin-top:10px;padding:9px 12px;border:1px solid #cbdcd4;border-radius:8px;background:#fff;color:#246957;font-weight:700;cursor:pointer}.workflow-primary{border-color:#168b80!important;background:#168b80!important;color:#fff!important}.workflow-gate{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:17px;border-radius:14px;background:#17382d;color:#fff}.workflow-gate h4{margin:5px 0;color:#fff}.workflow-gate p{margin:0;color:#cde5db;font-size:13px}.workflow-gate-actions{display:flex;gap:8px;flex-wrap:wrap}.workflow-gate button{margin:0}.workflow-record{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 15px;border:1px solid #e5eee9;border-radius:10px;background:#f8fbf9}.workflow-record div{display:grid;gap:4px}.workflow-record small{color:#168b80}.workflow-record strong,.workflow-record span{color:#52645d;font-size:12px}@media(max-width:1100px){.workflow-layout{grid-template-columns:1fr}.workflow-stage-list{display:flex;overflow:auto;gap:4px}.workflow-list-head{min-width:120px}.workflow-stage-button{min-width:150px;border:0}}@media(max-width:760px){.workflow-hero{display:block}.workflow-hero-status{margin-top:18px}.workflow-flow{grid-template-columns:1fr}.workflow-arrow{transform:rotate(90deg)}.workflow-board-head,.workflow-gate{display:block}.workflow-open-link{display:inline-block;margin-top:12px}.workflow-gate-actions{margin-top:14px}}
.projects-hero{display:flex;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#17382d,#246957);color:#fff;box-shadow:0 14px 35px rgba(23,56,45,.18)}.projects-hero small,.projects-list-head small,.project-editor-head small,.project-next small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a7e4c9}.projects-hero h2{margin:7px 0 8px;font-size:30px}.projects-hero p{max-width:720px;margin:0;color:#d7eee4;line-height:1.7}.projects-hero-stat{align-self:center;min-width:150px;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.08)}.projects-hero-stat b{display:block;font-size:30px}.projects-hero-stat span{font-size:12px;color:#d7eee4}.projects-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;margin-top:18px}.projects-list,.project-editor{border:1px solid #dbe7e1;border-radius:18px;background:#fff}.projects-list{padding:16px}.projects-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:4px 4px 14px;border-bottom:1px solid #e5eee9}.projects-list-head h3,.project-editor-head h3{margin:5px 0 0;color:#18342b;font-size:20px}.projects-list-head button{padding:8px 10px;border:1px solid #b9dacb;border-radius:8px;background:#eff9f4;color:#168b80;font-size:12px;font-weight:800;cursor:pointer}.project-list-item{display:flex;align-items:center;width:100%;gap:10px;padding:14px 8px;border:0;border-bottom:1px solid #edf3f0;background:#fff;text-align:left;cursor:pointer}.project-list-item>span:nth-child(2){display:grid;gap:4px;min-width:0}.project-list-item strong{overflow:hidden;color:#18342b;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.project-list-item small{color:#71827a;font-size:11px}.project-list-item i{margin-left:auto;color:#a5b6ae;font-size:20px;font-style:normal}.project-list-item.active{border-radius:10px;background:#eaf7f1}.project-list-item.active i{color:#168b80}.project-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#168b80}.project-editor{padding:24px}.project-editor-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e5eee9}.project-status{padding:6px 8px;border-radius:999px;background:#e6f5ed;color:#08775f;font-size:10px;font-weight:800}.project-editor form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.project-editor label{display:grid;gap:7px;color:#365249;font-size:12px;font-weight:800}.project-editor label:nth-child(4){grid-column:1/-1}.project-editor input,.project-editor textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d4e2db;border-radius:9px;background:#fbfdfc;color:#263b33;font:inherit;font-size:13px;font-weight:400}.project-editor textarea{min-height:115px;resize:vertical;line-height:1.6}.project-form-actions{grid-column:1/-1;display:flex;gap:9px;margin-top:2px}.project-form-actions button,.project-next a{padding:10px 13px;border:1px solid #c7ddd3;border-radius:8px;background:#fff;color:#246957;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}.project-form-actions .projects-primary,.project-next a{border-color:#168b80;background:#168b80;color:#fff}.project-form-actions .project-danger{border-color:#efc9c0;color:#ad4c3d}.project-next{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:17px;border-radius:14px;background:#17382d;color:#fff}.project-next div{display:grid;gap:5px}.project-next strong{font-size:14px}.project-next span{color:#cde5db;font-size:12px}.project-next a{white-space:nowrap}@media(max-width:900px){.projects-layout{grid-template-columns:1fr}}@media(max-width:620px){.projects-hero{display:block}.projects-hero-stat{margin-top:18px}.project-editor form{grid-template-columns:1fr}.project-editor label:nth-child(4),.project-form-actions{grid-column:auto}.project-next{display:block}.project-next a{display:inline-block;margin-top:12px}}
.approval-hero{display:flex;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#17382d,#246957);color:#fff;box-shadow:0 14px 35px rgba(23,56,45,.18)}.approval-hero small,.approval-queue-head small,.approval-detail small,.approval-evidence small,.approval-history small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a7e4c9}.approval-hero h2{margin:7px 0 8px;font-size:30px}.approval-hero p{max-width:720px;margin:0;color:#d7eee4;line-height:1.7}.approval-hero-stat{align-self:center;min-width:150px;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.08)}.approval-hero-stat b{display:block;font-size:30px}.approval-hero-stat span{font-size:12px;color:#d7eee4}.approval-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;margin-top:18px}.approval-queue,.approval-detail{border:1px solid #dbe7e1;border-radius:18px;background:#fff}.approval-queue{padding:16px}.approval-queue-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:4px 4px 14px;border-bottom:1px solid #e5eee9}.approval-queue-head h3,.approval-detail-head h3{margin:5px 0 0;color:#18342b;font-size:20px}.approval-queue select{padding:8px;border:1px solid #cbded5;border-radius:8px;background:#fff;color:#365249;font-size:12px}.approval-item{position:relative;display:grid;gap:6px;width:100%;padding:15px 45px 15px 10px;border:0;border-bottom:1px solid #edf3f0;background:#fff;text-align:left;cursor:pointer}.approval-item.active{border-radius:10px;background:#eaf7f1}.approval-item strong{color:#18342b;font-size:14px}.approval-item small{color:#71827a;font-size:11px}.approval-item i{position:absolute;top:17px;right:10px;color:#52645d;font-size:11px;font-style:normal}.approval-item-risk{width:max-content;padding:4px 6px;border-radius:5px;background:#f2f5f3;color:#52645d;font-size:9px!important;font-weight:800}.approval-item-risk.pending{background:#fff0dd;color:#a85b19}.approval-item-risk.approved{background:#e5f5ed;color:#08775f}.approval-item-risk.rejected{background:#fdebe8;color:#ad4c3d}.approval-item-risk.hold{background:#eeeafd;color:#6651a7}.approval-no-items{padding:20px;color:#71827a;font-size:13px}.approval-detail{padding:24px}.approval-detail-empty{display:grid;place-items:center;min-height:360px;gap:8px;color:#52645d;text-align:center}.approval-detail-empty strong{color:#18342b;font-size:17px}.approval-detail-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e5eee9}.approval-detail-head h3{font-size:24px}.approval-detail-head>div>span{display:block;margin-top:7px;color:#71827a;font-size:12px}.approval-detail-head>a{align-self:center;padding:9px 11px;border:1px solid #c9e2d7;border-radius:8px;color:#168b80;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.approval-detail-head small{color:#168b80}.approval-evidence{margin-top:18px;padding:17px;border-radius:14px;background:#f3f8f5}.approval-evidence h4{margin:7px 0;color:#18342b;font-size:16px}.approval-evidence p{margin:0;color:#40554d;font-size:14px;line-height:1.7}.approval-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.approval-tags span{padding:6px 9px;border-radius:999px;background:#fff;color:#34725e;font-size:10px;font-weight:700}.approval-comment-label{display:grid;gap:7px;margin-top:18px;color:#365249;font-size:12px;font-weight:800}.approval-comment-label textarea{box-sizing:border-box;width:100%;min-height:105px;resize:vertical;padding:11px;border:1px solid #d4e2db;border-radius:9px;background:#fbfdfc;color:#263b33;font:inherit;font-size:13px;line-height:1.6}.approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.approval-actions button{padding:10px 14px;border:1px solid #cbdcd4;border-radius:8px;background:#fff;color:#246957;font-weight:800;cursor:pointer}.approval-actions .approval-reject{border-color:#efc9c0;color:#ad4c3d}.approval-actions .approval-approve{border-color:#168b80;background:#168b80;color:#fff}.approval-history{display:grid;gap:5px;margin-top:18px;padding:13px 15px;border-radius:10px;background:#17382d;color:#fff}.approval-history strong{font-size:13px}.approval-history span{color:#cde5db;font-size:11px}@media(max-width:950px){.approval-layout{grid-template-columns:1fr}}@media(max-width:620px){.approval-hero{display:block}.approval-hero-stat{margin-top:18px}.approval-detail-head{display:block}.approval-detail-head>a{display:inline-block;margin-top:12px}.approval-actions{justify-content:stretch}.approval-actions button{flex:1}}
.control-hero{display:flex;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#17382d,#246957);color:#fff;box-shadow:0 14px 35px rgba(23,56,45,.18)}.control-hero small,.control-panel-head small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a7e4c9}.control-hero h2{margin:7px 0 8px;font-size:30px}.control-hero p{max-width:760px;margin:0;color:#d7eee4;line-height:1.7}.control-hero-stat{align-self:center;min-width:150px;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.08)}.control-hero-stat b{display:block;font-size:30px}.control-hero-stat span{font-size:12px;color:#d7eee4}.control-panel{margin-top:18px;padding:20px;border:1px solid #dbe7e1;border-radius:18px;background:#fff}.control-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 4px 16px;border-bottom:1px solid #e5eee9}.control-panel-head h3{margin:5px 0 0;color:#18342b;font-size:20px}.control-primary{padding:9px 12px;border:1px solid #168b80;border-radius:8px;background:#168b80;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.asset-card,.kpi-card{padding:16px;border:1px solid #dce8e2;border-radius:14px;background:#fbfdfc}.asset-card.verified{border-top:4px solid #168b80}.asset-card.draft{border-top:4px solid #f0a05e}.asset-card>div{display:flex;justify-content:space-between;align-items:center}.asset-card>div small{font-size:9px;font-weight:800;color:#168b80}.asset-card h4{margin:12px 0 7px;color:#18342b;font-size:15px}.asset-card p,.kpi-card p{min-height:42px;margin:0;color:#52645d;font-size:12px;line-height:1.55}.asset-card label{display:grid;gap:5px;margin-top:12px;color:#365249;font-size:11px;font-weight:800}.asset-card textarea{box-sizing:border-box;width:100%;height:58px;resize:vertical;padding:8px;border:1px solid #d4e2db;border-radius:7px;font:inherit;font-size:11px}.asset-card button,.kpi-card button{margin-top:10px;padding:7px 9px;border:1px solid #c9e2d7;border-radius:7px;background:#fff;color:#246957;font-size:11px;font-weight:800;cursor:pointer}.control-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5f5ed;color:#08775f;font-size:11px;font-weight:900}.control-log{margin-top:16px;padding:13px;border-radius:10px;background:#17382d;color:#d7eee4;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.kpi-card{border-top:4px solid #f0a05e}.kpi-card.good{border-top-color:#168b80}.kpi-card>div{display:flex;justify-content:space-between;gap:10px}.kpi-card>div small{color:#18342b;font-size:15px;font-weight:800}.kpi-card>div b{color:#168b80;font-size:10px}.kpi-card.watch>div b{color:#a85b19}.kpi-values{display:flex;align-items:end;gap:10px;margin-top:15px}.kpi-values label{display:grid;gap:5px;color:#52645d;font-size:11px}.kpi-values input{width:90px;padding:8px;border:1px solid #d4e2db;border-radius:7px;font:inherit}.kpi-values strong{padding-bottom:8px;color:#52645d;font-size:12px}.kpi-card>i{display:block;height:6px;margin-top:14px;border-radius:6px;background:#e7eee9;overflow:hidden}.kpi-card>i em{display:block;height:100%;background:#168b80}.governance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.governance-grid .control-panel{margin-top:18px}.role-list,.audit-list{display:grid;gap:8px;margin-top:16px}.role-row,.audit-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#f5f8f6}.role-row>div{display:grid;gap:3px;flex:1}.role-row strong,.audit-row b{color:#18342b;font-size:13px}.role-row small,.audit-row span{color:#71827a;font-size:11px}.role-row>b{padding:5px 7px;border-radius:999px;background:#e5f5ed;color:#08775f;font-size:10px}.audit-row{justify-content:space-between}.control-empty{color:#71827a;font-size:13px}@media(max-width:1050px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.governance-grid,.kpi-grid{grid-template-columns:1fr}}@media(max-width:620px){.control-hero{display:block}.control-hero-stat{margin-top:18px}.asset-grid{grid-template-columns:1fr}.control-panel-head{display:block}.control-primary{margin-top:12px}}