:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#18312d;background:#f3f6f3;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #dbe4df}.brand{font-size:27px;font-weight:800;color:#14755c}.brand span{font-weight:500;font-size:18px;margin-left:10px;color:#234139}.badge{font-size:12px;border-radius:24px;background:#edf4ef;padding:8px 14px;color:#45665b}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1560px;margin:auto}aside{padding:32px 24px;min-height:calc(100vh - 76px);border-right:1px solid #dbe4df}h1{font-size:29px;letter-spacing:-1px;margin:8px 0 10px}h2{margin:8px 0}p{line-height:1.75;color:#63776f}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#397561;margin:0}nav{display:grid;gap:8px;margin-top:30px}nav span,nav strong{padding:14px 12px;border-radius:8px;font-size:14px;display:flex;justify-content:space-between}nav strong{background:#dfeee6;color:#176449}small{font-size:11px;color:#788880}.aside-note{font-size:12px;margin-top:36px}main{padding:32px 36px 140px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading p{margin-top:0}.notice{font-size:13px;border:1px solid #d3e3d8;background:#eef6f0;padding:14px 18px;border-radius:8px;line-height:1.7;margin:16px 0 24px}button{font:inherit;font-size:14px;border:1px solid #bdcec3;background:#fff;border-radius:7px;padding:11px 17px;color:#245943;cursor:pointer;white-space:nowrap}button:hover:enabled{background:#e7f2eb}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:#19734f;color:#fff;border-color:#19734f}.primary:hover:enabled{background:#125d3f}.customer{background:#fff;border:1px solid #dce6df;border-radius:12px;margin-bottom:22px;padding:24px;box-shadow:0 5px 18px #193e2505}.customer h3{font-size:17px;margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ed;padding-bottom:17px;margin-bottom:20px}.row-code{font-size:12px;color:#728077}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.field{min-width:0}.field label,.field legend{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input:not([type=checkbox]),textarea,select{width:100%;min-height:42px;padding:10px;border:1px solid #cad6cd;border-radius:6px;background:#fff;font:inherit;font-size:14px;color:#253b32}textarea{resize:vertical;min-height:75px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #96c8b3;outline-offset:2px}fieldset{padding:0;border:0;margin:0}.multi{grid-column:1/-1}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices label{display:flex;align-items:center;font-weight:400;padding:8px 10px;border:1px solid #dbe5dd;border-radius:6px;margin:0;font-size:12px;background:#fafcf9;cursor:pointer}.choices label:has(input:checked){border-color:#76b194;background:#e9f5ec}.choices input{accent-color:#16754e;margin-right:7px}.hint{font-size:12px;color:#738279;margin:7px 0 0}.error{font-size:12px;color:#b03934;margin:7px 0 0}.invalid input,.invalid select,.invalid textarea{border-color:#c96254}.warning{color:#936a21}.summary{padding:18px;border:1px solid #e5c6b8;background:#fff6ef;margin-bottom:22px;border-radius:8px;font-size:14px}.summary.ok{background:#eaf4eb;border-color:#b6d6bc}.summary button{display:block;border:0;background:none;padding:6px 0;color:#9b4a32;text-align:left;white-space:normal}.summary p{margin:8px 0 0}footer{position:fixed;bottom:0;left:240px;right:0;background:#ffffffed;border-top:1px solid #d9e2db;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}footer small{display:block;margin-top:7px}.actions{display:flex;gap:10px}#status{font-size:13px}.empty{padding:35px;text-align:center;background:#fff;border:1px dashed #bacfc0;border-radius:12px;color:#6a7e72}@media(min-width:1560px){footer{left:calc((100vw - 1560px)/2 + 240px);right:calc((100vw - 1560px)/2)}}@media(max-width:1000px){.layout{grid-template-columns:185px minmax(0,1fr)}aside{padding:25px 16px}main{padding:25px 22px 165px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{left:185px;flex-wrap:wrap;padding:15px 22px}.heading{align-items:start}h1{font-size:24px}}@media(max-width:650px){header{padding:0 18px;height:65px}.layout{display:block}aside{min-height:0;padding:18px;border-right:0;border-bottom:1px solid #dbe4df}aside h2{font-size:18px}nav,.aside-note{display:none}#identity{margin:0}main{padding:22px 16px 210px}.heading{display:block}.heading button{margin-bottom:5px}.grid{grid-template-columns:1fr}.customer{padding:18px}.multi{grid-column:auto}footer{left:0;right:0;padding:16px;gap:13px}.actions{flex-wrap:wrap}button{padding:11px 13px}.badge{font-size:10px;padding:7px 10px}}

nav button{text-align:left;border:0;background:transparent}nav button[aria-current="page"]{background:#dfeee6;font-weight:700}#period{margin-top:8px;font-size:12px}.customer h3{margin-bottom:18px}.actions{flex-wrap:wrap}footer>div:first-child{min-width:160px} @media(max-width:650px){nav{display:flex;overflow:auto;margin-top:15px}nav span{display:none}nav button{flex-shrink:0}.customer{scroll-margin-bottom:180px}}
.directory-toolbar{background:#fff;padding:18px;border:1px solid #dce6df;border-radius:10px 10px 0 0}.directory-toolbar input{max-width:680px;font-size:15px;padding:13px}.directory-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:0 18px 18px;background:#fff;border:1px solid #dce6df;border-top:0;border-radius:0 0 10px 10px}.directory-filter{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:110px}.directory-filter select{font-size:13px;padding:8px;min-height:38px}.directory-count{font-size:13px;margin:16px 0 12px}.directory-table-wrap{overflow:auto;max-height:62vh;border:1px solid #d9e3dd;border-radius:9px;background:#fff}.directory-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.directory-table th{position:sticky;top:0;background:#eaf1ed;color:#50675b;white-space:nowrap;text-align:left;font-size:12px;padding:14px 16px;border-bottom:1px solid #cfdfd3;z-index:1}.directory-table td{padding:12px 16px;border-bottom:1px solid #e7eee9;vertical-align:middle;max-width:260px;overflow-wrap:anywhere}.directory-table tbody tr:hover{background:#f1f8f3}.directory-table td:first-child{min-width:190px}.directory-table small{display:block;margin-top:5px;line-height:1.5}.customer-name{padding:0;border:0;background:none;font-weight:600;font-size:14px;text-align:left;white-space:normal;line-height:1.6;text-decoration:underline;text-decoration-color:#a4c7b5;text-underline-offset:4px}.code-cell code{display:block;font-size:12px;color:#435e50;white-space:nowrap}.copy-code{border:0;background:none;padding:5px 0;font-size:11px}.grade-badge{display:inline-block;background:#edf3e8;color:#4b682e;border-radius:4px;padding:3px 7px;font-size:11px}.directory-pager{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:16px 0;font-size:13px;flex-wrap:wrap}.directory-pager .directory-filter{flex-direction:row;align-items:center;margin-right:auto}.directory-pager select{width:85px}.customer-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,96vw);height:100dvh;max-width:none;max-height:none;border:0;padding:0;color:#18312d;background:#f5f8f5;box-shadow:-15px 0 60px #123c252a}.customer-dialog[open]{display:flex;flex-direction:column}.customer-dialog::backdrop,.reference-dialog::backdrop{background:#132d2870}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:#fff;border-bottom:1px solid #dce6df;gap:14px}.dialog-heading h2{font-size:20px}.dialog-note{font-size:12px;padding:0 25px;margin:12px 0;color:#567363}.dialog-body{overflow:auto;flex:1;padding:12px 24px 30px}.dialog-body .customer{padding:20px;box-shadow:none}.dialog-body .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-body .multi{grid-column:1/-1}.reference-trigger{width:100%;min-height:43px;text-align:left;white-space:normal;line-height:1.6}.reference-dialog{border:0;border-radius:12px;padding:25px;width:min(650px,92vw);max-height:88dvh;color:#18312d;box-shadow:0 20px 80px #0b322740}.reference-results{overflow:auto;max-height:58dvh;margin:12px 0}.reference-choice{display:block;width:100%;text-align:left;padding:13px;border:1px solid #e0e9e2;margin:7px 0;white-space:normal}.reference-choice strong{display:block;font-size:14px}.reference-choice span{display:block;font-size:12px;line-height:1.7;color:#668071;margin-top:5px}@media(max-width:1000px){.directory-table .industry-cell{display:none}.directory-table th:nth-child(3){display:none}}@media(max-width:650px){.directory-filter{min-width:100px;flex:1}.directory-filters{padding:0 12px 12px;gap:10px}.directory-toolbar{padding:12px}.directory-table-wrap{max-height:55vh}.directory-table td,.directory-table th{padding:11px}.directory-table td:first-child{min-width:160px}.directory-pager{gap:8px}.customer-dialog{width:100vw}.dialog-body{padding:10px}.dialog-body .grid{grid-template-columns:1fr}.dialog-heading{padding:14px}.dialog-heading button{font-size:12px}.reference-dialog{padding:16px}}

.customer-directory-page>.notice{display:none}.customer-directory-page>.heading{margin-bottom:18px}.customer-directory-page .heading>div>p:not(.eyebrow){display:none}.customer-directory-page .directory-table td{padding-top:9px;padding-bottom:9px}.customer-directory-page .directory-toolbar{padding:12px 16px}.customer-directory-page .directory-filters{padding:0 16px 12px}.customer-directory-page .directory-count{margin:12px 0}.customer-directory-page .directory-table-wrap{max-height:calc(100dvh - 415px);min-height:160px}
.tracking-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tracking-table td{white-space:pre-wrap;min-width:100px;max-width:340px;overflow-wrap:anywhere}.tracking-table th{white-space:nowrap}
.business-table .list-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.business-table td:first-child .customer-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.business-table td{min-width:110px}.business-table th:nth-child(3){display:table-cell}.detail-controls{display:flex;justify-content:flex-end;gap:12px;padding:14px 24px;background:white;border-top:1px solid #dce6df}.kpi-panel{background:white;border:1px solid #dce6df;border-radius:10px;margin:18px 0;overflow:hidden}.kpi-panel h2{font-size:16px;margin:0;padding:16px 18px;background:#eef4ef}.kpi-scroll{overflow:auto}.kpi-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.kpi-table th,.kpi-table td{padding:10px;border-right:1px solid #e2e9e4;border-bottom:1px solid #e2e9e4;text-align:left;min-width:105px}.kpi-table thead th{font-size:12px;background:#f7faf7;white-space:nowrap}.kpi-table tbody th{position:sticky;left:0;z-index:1;background:#fff;min-width:120px;max-width:170px}.kpi-table small{display:block;color:#738279;font-weight:400;margin-top:4px}.kpi-table input{min-width:85px;min-height:36px;padding:8px}.kpi-table textarea{min-width:180px;min-height:58px}.kpi-table .kpi-value{background:#eff7f1;font-variant-numeric:tabular-nums}.kpi-table td.invalid{background:#fff0e9}.kpi-table .error{max-width:180px}.business-dialog .dialog-body{scrollbar-gutter:stable}@media(max-width:650px){.detail-controls{padding:12px}.kpi-table th,.kpi-table td{padding:8px}.kpi-panel h2{padding:12px}.business-table th:nth-child(3){display:table-cell}}
.kpi-page>.notice,.kpi-page>.heading>div>p:not(.eyebrow){display:none}.kpi-page>.heading{margin-bottom:12px}.kpi-page #customers>.notice{padding:10px 14px;margin:12px 0}.kpi-page .kpi-panel{margin:12px 0}.check-warnings{margin-top:8px;max-height:200px;overflow:auto}.check-warnings summary{cursor:pointer;font-size:12px}.summary{max-height:260px;overflow:auto}.tracking-table .list-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.tracking-detail{display:grid;grid-template-columns:130px 1fr;gap:12px}.tracking-detail dt{color:#607466}.tracking-detail dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.kpi-page{padding-top:20px}.kpi-page>.heading .eyebrow{display:none}.kpi-page>.heading h1{margin:0;font-size:24px}.kpi-page #summary .summary{padding:10px 14px;margin-bottom:8px}.kpi-page .summary>p:last-child{display:none}.kpi-page .check-warnings{margin-top:4px}.kpi-page .kpi-panel h2{padding:10px 14px}.kpi-table td,.kpi-table th{padding:6px 9px}.kpi-table input{min-height:32px;padding:6px}.kpi-table tbody th small{display:none}
.close-confirm{border:1px solid #bfd0c3;border-radius:12px;max-width:min(520px,92vw);color:#18312d;padding:24px}.close-confirm::backdrop{background:#132d2870}.close-confirm p{line-height:1.7}.close-confirm h2{font-size:20px}.kpi-table td small{display:block;font-size:11px;color:#667b6d;line-height:1.5;margin-top:5px}
.kpi-table input[readonly]{background:#f0f2f0;color:#6c7970;border-style:dashed;cursor:default}

#back-dashboard{width:100%;margin-bottom:18px;text-align:left;border-color:#a6c9b5;color:#145c40;background:#e7f2eb}#back-dashboard[hidden]{display:none}.close-confirm .actions{flex-wrap:wrap}
.directory-table td.approval-cell{min-width:240px;max-width:440px;white-space:pre-wrap;line-height:1.7;vertical-align:top;overflow-wrap:anywhere;background:#f3f8f4}
.personal-kpi-feedback{padding:10px 18px;white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}
.directory-table.management-personal{table-layout:fixed;min-width:900px}.directory-table.management-personal td{min-width:0;max-width:none;vertical-align:top;padding:12px 9px}.directory-table.management-personal th{padding:12px 9px}.directory-table.management-personal td:first-child{min-width:0}.management-personal th:nth-child(1){width:21%}.management-personal th:nth-child(2){width:10%}.management-personal th:nth-child(3){width:7%}.management-personal th:nth-child(4){width:18%}.management-personal th:nth-child(5){width:17%}.management-personal th:nth-child(6){width:21%}.management-personal th:last-child{width:6%}.management-personal .list-excerpt,.management-personal td:first-child .customer-name{display:block;white-space:pre-wrap;overflow:visible;-webkit-line-clamp:unset}.directory-table.management-personal td.approval-cell{min-width:0;max-width:none}.management-personal td:last-child button{padding:6px 7px}

.management-personal th:nth-child(1){width:23%}.management-personal th:nth-child(2){width:21%}.management-personal th:nth-child(3){width:11%}.management-personal th:nth-child(4){width:15%}.management-personal th:nth-child(5){width:12%}.management-personal th:nth-child(6){width:12%}.management-personal th:last-child{width:6%}

.management-personal th:nth-child(1){width:23%}.management-personal th:nth-child(2){width:20%}.management-personal th:nth-child(3){width:11%}.management-personal th:nth-child(4){width:28%}.management-personal th:nth-child(5){width:12%}.management-personal th:last-child{width:6%}

.management-personal th:nth-child(1){width:20%}.management-personal th:nth-child(2){width:17%}.management-personal th:nth-child(3){width:7%}.management-personal th:nth-child(4){width:10%}.management-personal th:nth-child(5){width:15%}.management-personal th:nth-child(6){width:25%}.management-personal th:last-child{width:6%}