*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1a3557;--navy-dark: #122540;--navy-lt: #e8f0fa;--gold: #c8a84b;--gold-lt: #fff8e6;--sales-color: #1d4ed8;--sales-bg: #eff6ff;--exec-color: #b45309;--exec-bg: #fffbeb;--rel-color: #16a34a;--rel-bg: #f0fdf4;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 0px}html,body{font-family:var(--font);background:var(--gray-100);color:var(--gray-800);font-size:13px;line-height:1.5;min-height:100vh}.app-container{max-width:1050px;margin:0 auto;background:#fff;box-shadow:0 0 20px #0000001a;padding-bottom:40px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--navy);color:#fff;padding:14px 24px}.logo-block{display:flex;flex-direction:column;line-height:1.2}.logo-text{font-size:15px;font-weight:800;letter-spacing:1px}.logo-sub{font-size:10px;opacity:.7;letter-spacing:.5px;text-transform:uppercase}.header-center{flex:1;text-align:center}.header-title{font-size:18px;font-weight:800;letter-spacing:.5px}.header-subtitle{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-top:3px}.header-badge{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#ffffff26;padding:4px 10px;border-radius:20px;white-space:nowrap}.form-section{background:#fff;border-bottom:1px solid var(--gray-200)}.section-body-pad{padding:16px 20px}.role-section{background:var(--gray-50)}.role-select-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.role-select-label{font-size:13px;font-weight:700;color:var(--gray-700);white-space:nowrap}.role-select-dropdown{padding:8px 12px;border:2px solid var(--navy);border-radius:6px;font-family:var(--font);font-size:13px;font-weight:700;color:var(--navy);background:#fff;cursor:pointer;min-width:220px}.role-select-dropdown:focus{outline:none;border-color:var(--gold)}.role-weight-pills{display:flex;gap:8px}.weight-pill{font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;border:1px solid transparent}.what-pill{background:var(--navy-lt);color:var(--navy);border-color:var(--navy)}.how-pill{background:var(--rel-bg);color:var(--rel-color);border-color:var(--rel-color)}.emp-section{background:#fff}.emp-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--gray-300)}.emp-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--gray-300)}.emp-row:last-child{border-bottom:none}.emp-field{display:flex;align-items:center;border-right:1px solid var(--gray-300);padding:0}.emp-field:last-child{border-right:none}.emp-label{font-size:12px;font-weight:600;color:var(--gray-700);padding:8px 12px;white-space:nowrap;background:var(--gray-50);border-right:1px solid var(--gray-200);min-width:130px}.emp-input{flex:1;padding:8px 12px;border:none;font-family:var(--font);font-size:13px;color:var(--gray-800);background:transparent;outline:none}.emp-input.field-error{background:#fff5f5}.kpi-section{background:#fff}.kpi-section-header{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:10px 20px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.kpi-section-icon{color:var(--gold);font-size:14px}.kpi-table-wrap{overflow-x:auto;border:1px solid var(--gray-300)}.kpi-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff;min-width:680px}.kpi-table thead tr{background:var(--navy);color:#fff}.kpi-table thead th{padding:9px 10px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.15)}.kpi-table thead th:last-child{border-right:none}.col-no{width:36px;text-align:center!important}.col-desc{min-width:240px}.col-class{width:110px}.col-resp{width:145px}.col-weight{width:80px;text-align:center!important}.col-score{width:95px;text-align:center!important}.row-even{background:#fff}.row-odd{background:#f9fbff}.kpi-table tbody tr:hover{background:#f0f7ff}.kpi-table tbody td{padding:8px 10px;border-bottom:1px solid var(--gray-200);border-right:1px solid var(--gray-200);vertical-align:middle}.kpi-table tbody td:last-child{border-right:none}.td-no{text-align:center;font-weight:700;color:var(--gray-600);width:36px}.td-desc{min-width:240px;vertical-align:top!important;padding:9px 10px!important}.td-class{text-align:center}.td-resp{font-size:11px;color:var(--gray-500)}.td-weight{text-align:center;font-weight:700;color:var(--gray-700)}.td-score{text-align:center}.kpi-title{font-weight:700;color:var(--gray-800);line-height:1.4;margin-bottom:2px;font-size:12px}.kpi-subdesc{font-size:11px;color:var(--gray-500);line-height:1.5}.class-badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px;white-space:nowrap;text-align:center;line-height:1.4}.score-input{width:72px;padding:6px 8px;border:1.5px solid var(--gray-300);border-radius:4px;font-family:var(--font);font-size:14px;font-weight:700;text-align:center;color:var(--navy);background:#fff;transition:border-color .15s}.score-input:focus{outline:none;border-color:var(--navy)}.score-input-error{border-color:#ef4444!important;background:#fff5f5}.score-input::placeholder{color:var(--gray-400);font-weight:400;font-size:12px}.kpi-table tfoot .total-row td{background:var(--navy);color:#fff;padding:9px 10px;font-size:11px;font-weight:800;letter-spacing:.5px;border:none}.total-label{text-transform:uppercase;letter-spacing:1px}.total-breakdown{font-size:11px;font-weight:600;opacity:.85}.total-weight-cell{text-align:center;font-size:13px}.total-score-cell{text-align:right;padding-right:14px!important}.total-score-value{font-size:20px;font-weight:900;color:var(--gold)}.kpi-table tfoot .bonus-row td{background:var(--gold-lt);border-top:none;padding:7px 12px;border-bottom:1px solid #e9d89a}.bonus-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;color:#92620a}.bonus-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#d97706}.bonus-added{font-size:11px;font-weight:600;color:#d97706;margin-left:4px}.section-header-band{display:flex;align-items:stretch;border-bottom:3px solid rgba(0,0,0,.15)}.section-num-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;padding:14px 10px;background:#0003;flex-shrink:0}.section-num-label{font-size:9px;font-weight:700;letter-spacing:1px;color:#ffffffb3;text-transform:uppercase}.section-num-value{font-size:30px;font-weight:900;color:#fff;line-height:1}.section-header-text{flex:1;padding:12px 18px}.section-title{font-size:15px;font-weight:800;color:#fff}.section-sub{font-size:12px;color:#fffc;margin-top:3px}.section-header-tag{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff9;padding:0 18px;align-self:center;flex-shrink:0}.how-section{background:#fff}.how-band{background:var(--gray-700)}.how-table-wrap{overflow-x:auto;border:1px solid var(--gray-300)}.how-table{width:100%;border-collapse:collapse;font-size:12px;min-width:620px}.how-thead-title{background:var(--gray-800)}.how-thead-title td{padding:0}.how-left-label{width:100px;background:var(--gray-700);color:#fff;font-size:11px;font-weight:700;text-align:center;padding:8px 6px;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.2)}.how-framework-title{background:var(--navy);color:#fff;text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:8px}.how-thead-pillars{background:var(--navy)}.how-pillar-th{color:#fff;text-align:center;font-size:12px;font-weight:800;padding:9px 10px;border-right:1px solid rgba(255,255,255,.2);letter-spacing:.5px}.how-pillar-th:last-child{border-right:none}.how-table tbody tr{border-bottom:1px solid var(--gray-200)}.how-table tbody td{padding:10px;border-right:1px solid var(--gray-200);vertical-align:top}.how-table tbody td:last-child{border-right:none}.how-row-label{background:var(--gray-100);font-size:11px;font-weight:700;color:var(--gray-600);text-align:center;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle!important;white-space:nowrap}.how-pillar-td{background:#fff}.how-items{list-style:none;display:flex;flex-direction:column;gap:4px}.how-items li{font-size:11px;color:var(--gray-600);padding-left:12px;position:relative;line-height:1.5}.how-items li:before{content:"–";position:absolute;left:0;color:var(--gray-400)}.how-weight-cell{text-align:center;font-size:14px;font-weight:800;color:var(--navy);vertical-align:middle!important}.how-eval-textarea{width:100%;padding:6px 8px;border:1px solid var(--gray-300);border-radius:4px;font-family:var(--font);font-size:11px;color:var(--gray-700);resize:vertical;background:#fafafa}.how-eval-textarea:focus{outline:none;border-color:var(--navy)}.how-rating-td{vertical-align:middle!important}.how-rating-error{background:#fff5f5!important}.how-select{width:100%;padding:7px 8px;border:1.5px solid var(--gray-300);border-radius:4px;font-family:var(--font);font-size:12px;font-weight:600;color:var(--navy);background:#fff;cursor:pointer}.how-select:focus{outline:none;border-color:var(--navy)}.how-select-error{border-color:#ef4444!important;background:#fff5f5}.how-rating-selected{margin-top:5px;font-size:11px;font-weight:700;color:var(--rel-color);text-align:center}.how-total-row{background:var(--gray-800)}.how-total-row td{padding:9px 12px;color:#fff;font-size:11px;font-weight:700;border:none}.how-total-pct{text-align:center;width:100px}.how-total-label{text-align:right;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.how-total-score{text-align:right;font-size:20px;font-weight:900;color:var(--gold);padding-right:12px!important}.overall-section{background:#fff}.overall-panel{display:flex;flex-direction:column;gap:14px}.overall-table{width:100%;border-collapse:collapse;border:1px solid var(--gray-300)}.overall-table td{padding:10px 14px;border:1px solid var(--gray-300);font-size:12px}.overall-left-label{background:var(--navy);color:#fff;width:90px;text-align:center;vertical-align:middle!important}.overall-label-text{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;line-height:1.5}.overall-row-tag{font-size:13px;font-weight:800;width:60px}.what-row{color:var(--navy)}.how-row{color:var(--rel-color)}.overall-row-weight{font-size:13px;font-weight:700;color:var(--gray-500);width:50px}.overall-combined-label{font-size:12px;font-weight:600;color:var(--gray-700);text-align:right;background:var(--gray-50)}.overall-score-cell{text-align:right;background:var(--navy);min-width:120px}.overall-score-value{display:block;font-size:28px;font-weight:900;color:var(--gold);text-align:center;line-height:1}.overall-rating-chip{display:block;margin:4px auto 0;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-align:center;width:fit-content}.overall-legend-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.legend-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:6px;border:1.5px solid var(--gray-200);text-align:center;background:var(--gray-50);transition:all .15s}.legend-item-active{border-width:2px!important}.legend-num{font-size:18px;font-weight:800;color:var(--gray-400)}.legend-name{font-size:11px;font-weight:700;color:var(--gray-500)}.legend-range{font-size:10px;color:var(--gray-400)}.sig-section{background:#fff}.sig-body{padding:0!important}.sig-table{width:100%;border-collapse:collapse}.sig-row td{padding:12px 20px;border-bottom:1px solid var(--gray-200)}.sig-row:last-child td{border-bottom:none}.sig-label{font-size:12px;font-weight:700;color:var(--gray-700);width:220px;white-space:nowrap;background:var(--gray-50);border-right:1px solid var(--gray-200)}.sig-field{padding:12px 20px}.sig-line-input{height:1px;background:var(--gray-300);margin-top:20px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background:var(--gray-50);border-top:2px solid var(--gray-200)}.btn-primary{padding:10px 24px;background:var(--navy);color:#fff;border:none;border-radius:6px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--navy-dark)}.btn-secondary{padding:10px 20px;background:#fff;color:var(--gray-600);border:1.5px solid var(--gray-300);border-radius:6px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--navy);color:var(--navy)}.btn-print{color:var(--navy);border-color:var(--navy-lt)}.app-footer{text-align:center;padding:16px 20px;font-size:11px;color:var(--gray-400);font-style:italic;line-height:1.8;border-top:1px solid var(--gray-200)}@media(max-width:768px){.emp-row{grid-template-columns:1fr}.emp-field{border-right:none;border-bottom:1px solid var(--gray-200)}.overall-legend-row{grid-template-columns:repeat(2,1fr)}.form-actions{flex-wrap:wrap}}@media(max-width:500px){.app-header{flex-wrap:wrap;padding:10px 14px;gap:6px}.header-title{font-size:15px}.overall-legend-row{grid-template-columns:repeat(2,1fr)}.role-select-row{flex-direction:column;align-items:flex-start}}@media print{.no-print{display:none!important}.app-header{position:static}body{background:#fff;font-size:11px}.app-container{max-width:100%;box-shadow:none}.kpi-table-wrap,.how-table-wrap{overflow:visible}.kpi-table,.how-table{min-width:unset;font-size:10px}.kpi-table thead tr,.how-thead-pillars,.kpi-section-header,.overall-panel{-webkit-print-color-adjust:exact;print-color-adjust:exact}.score-input{border:1px solid #ccc}}.submit-banner{margin:16px 24px;padding:14px 20px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.submit-success{background:#f0fdf4;color:#15803d;border:1px solid #86efac}.submit-error{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}