:root{--brand:#0087dc;--brand-hover:#006bad;--brand-active:#005b95;--brand-text:#006aab;--brand-on:#071a28;--brand-on-hover:#fff;--brand-soft:#eef8ff;--brand-soft-hover:#e4f3fd;--brand-soft-active:#d8edfc;--brand-border:#b7ddf5;--brand-border-hover:#69b7e8;--brand-focus:var(--brand);--brand-selection:#d9efff;--text:#1e2d3d;--text-muted:#5e6d7e;--text-subtle:#667586;--border:#e2e8ee;--input-border:#bac6d2;--surface:#fff;--surface-muted:#f8fafc;--radius:12px;--control-radius:8px;--success:#16734f;--success-soft:#eff8f3;--warning:#895512;--warning-soft:#fff7e9;--error:#b63745;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f9;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-size:14px;line-height:1.65}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}input,select,textarea{color:var(--text)}h1,h2,h3,h4,p{margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}input[type=radio],input[type=checkbox]{accent-color:var(--brand)}::selection{background:var(--brand-selection);color:var(--brand-on)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;height:76px;padding-inline:max(28px,50vw - 600px);display:flex}.brand{align-items:center;gap:12px;font-size:19px;font-weight:700;display:flex}.logo{background:var(--brand);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:750;display:grid}.brand-subtitle{color:var(--text-muted);font-size:15px;font-weight:500}main{max-width:1200px;margin-inline:auto;padding:40px 0 12px}h1{letter-spacing:-.6px;color:var(--brand);font-size:28px;font-weight:700;line-height:1.4}.intro>p{color:var(--text-muted);margin-top:10px}.progress{color:var(--text-muted);align-items:center;gap:16px;margin:26px 0 20px;font-size:12px;display:flex}.progress strong{color:var(--brand-text);font-variant-numeric:tabular-nums;margin-left:8px;font-weight:650}.progress-track{background:#e1e9f0;border-radius:4px;flex:1;max-width:200px;height:4px;overflow:hidden}.progress-track>div{background:var(--brand);border-radius:inherit;height:100%}.progress>span:last-child{margin-left:auto}.section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;overflow:hidden;box-shadow:0 2px 5px #183c6004}.section-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:19px 26px;display:flex}.number{border:1px solid var(--brand);background:var(--brand);color:#fff;font-variant-numeric:tabular-nums;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:28px;font-size:12px;font-weight:650;display:grid}h2{color:var(--brand-text);font-size:17px;font-weight:650;line-height:1.5}.section-note{color:var(--text-muted);margin-left:auto;font-size:12px}.section-body{padding:26px}.basic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}label{font-weight:500}input:not([type=radio]):not([type=checkbox]),select,textarea{border:1px solid var(--input-border);border-radius:var(--control-radius);background:var(--surface);width:100%;min-width:0;min-height:44px;padding:10px 12px;line-height:1.5}input:not([type=radio]):not([type=checkbox]),select{height:44px}input::placeholder,textarea::placeholder{color:#69798a;font-size:13px}input:not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--brand)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],fieldset[aria-invalid=true] .rating-options label{border-color:var(--error)!important}.option:has(input[aria-invalid=true]){border-color:var(--error)!important}textarea{resize:vertical;min-height:104px;display:block}.basic-grid input,.basic-grid select{margin-top:8px;display:block}.required{color:var(--error);font-size:12px;font-weight:500}.scope-label{color:var(--text-muted);margin:22px 0 9px;font-size:12px;font-weight:500}.scope{border:1px solid var(--brand-border);border-radius:var(--control-radius);background:var(--brand-soft);color:var(--brand-text);align-items:baseline;gap:10px;padding:12px 15px;font-size:13px;display:flex}.scope strong{font-weight:600}fieldset{border:0;min-width:0;margin:0 0 28px;padding:0}fieldset:last-child{margin-bottom:0}legend{max-width:100%;margin-bottom:13px;padding:0;font-size:15px;font-weight:600;line-height:1.7}.options{flex-wrap:wrap;gap:10px;display:flex}.option{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);min-width:0;min-height:44px;color:var(--text-muted);cursor:pointer;align-items:center;gap:9px;padding:10px 14px;font-size:13px;display:flex}.option input{flex-shrink:0;width:16px;height:16px;margin:0}.option.selected,.rating-options label.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.option:has(input:focus-visible){outline:2px solid var(--brand-focus);outline-offset:3px}.rating-options label:has(input:focus-visible){outline:2px solid var(--brand-focus);outline-offset:3px}.option input:focus-visible,.rating-options input:focus-visible{outline:none}.checkbox{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.other{max-width:540px;color:var(--text-muted);margin-top:14px;font-size:12px;display:block}.other input{margin-top:6px;display:block}.ratings{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.ratings fieldset{margin:0}.ratings fieldset+fieldset{border-left:1px solid var(--border);padding-left:26px}.ratings legend{margin-bottom:6px}.rating-description{min-height:36px;color:var(--text-muted);font-size:12px}.rating-options{gap:8px;margin-top:12px;display:flex}.rating-options label{border:1px solid var(--input-border);border-radius:var(--control-radius);min-width:0;height:44px;color:var(--text-muted);cursor:pointer;flex:1;place-items:center;font-weight:600;display:grid;position:relative}.rating-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.rating-options span{pointer-events:none}.evaluation-note{color:var(--text-muted);margin-bottom:20px;font-size:12px}.agent+.agent{margin-top:28px}.agent-heading{border:1px solid var(--border);background:var(--surface-muted);border-radius:9px;align-items:center;gap:12px;padding:14px 16px;display:flex}.agent-icon{color:var(--brand-text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:600}.agent-heading h3{color:var(--brand-text);font-size:15px;font-weight:650;line-height:1.5}.agent-heading p{color:var(--text-muted);margin-top:3px;font-size:12px}.agent-count{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;background:var(--surface);border-radius:5px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:11px}.metric{border:1px solid var(--border);border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) 130px;align-items:start;gap:24px;margin-top:12px;padding:18px 20px;display:grid}.metric>div{min-width:0}.metric h4{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.55}.metric p{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.65}.metric p.metric-rules{color:var(--text-subtle);margin-top:8px;font-size:11px}.metric-fields label{color:var(--text-muted);font-size:12px;display:block}.metric-fields label>span{margin-bottom:7px;display:block}.metric--ratio .metric-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;display:grid}.metric--ratio .metric-fields label{flex-direction:column;justify-content:space-between;gap:7px;display:flex}.metric--ratio .metric-fields label>span{margin-bottom:0}.metric-fields .calculated{color:var(--brand-text);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:14px;font-weight:650}.metric-fields>.error{grid-column:1/-1}.metric--count .metric-fields>label{margin-bottom:7px}.metric-fields input{font-variant-numeric:tabular-nums}.unit-input{position:relative}.unit-input input{padding-right:35px!important}.unit-input>span{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;top:11px;right:12px}.threshold{border-left:1px solid var(--border);min-height:80px;padding-left:20px}.threshold>span{color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.threshold strong{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.5;display:block}.threshold small{min-width:calc(5em + 14px);min-height:calc(1.65em + 6px);color:var(--text-subtle);margin-top:6px;font-size:11px;display:block}.threshold small.pass,.threshold small.fail{border-radius:5px;padding:3px 7px;display:inline-block}.threshold small.pass{background:var(--success-soft);color:var(--success)}.threshold small.fail{background:var(--warning-soft);color:var(--warning)}.submit-row{justify-content:flex-end;align-items:center;margin:28px 0 40px;display:flex}.primary,.secondary{border-radius:var(--control-radius);border:1px solid #0000;min-height:44px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1.5}.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}.primary>span{margin-left:20px}.secondary{border-color:var(--input-border);background:var(--surface);color:var(--text)}.error{color:var(--error)!important;margin-top:7px!important;font-size:12px!important}.error-summary{border-radius:var(--control-radius);color:var(--error);background:#fff5f6;border:1px solid #eac9ce;margin-top:20px;padding:14px 16px}.success{border-radius:var(--control-radius);background:var(--success-soft);color:var(--success);border:1px solid #cce4d6;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:18px 20px;display:flex}.success p{margin-top:5px;font-size:12px}.modal-backdrop{z-index:10;background:#14253680;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.review{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;width:760px;max-width:100%;max-height:90dvh;padding:26px;display:flex;box-shadow:0 18px 60px #14253630}.review>p{color:var(--text-muted);margin-top:8px}.review-content{border-block:1px solid var(--border);overflow-wrap:anywhere;overscroll-behavior:contain;min-height:0;margin:20px 0;padding-right:12px;overflow:auto}.review-content>div{border-bottom:1px solid #edf1f5;padding:15px 0}.review-content>div:last-child{border-bottom:0}.review-content strong{font-size:13px;font-weight:600}.review-content p{color:var(--text-muted);white-space:pre-wrap;margin-top:5px;font-size:13px}.review-content h3{font-size:15px}.review .review-note{font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal-actions button:disabled{cursor:wait;opacity:.65}@media (hover:hover){input:not([type=radio]):not([type=checkbox]):hover,select:hover,textarea:hover{border-color:var(--brand-border-hover)}.option:hover,.rating-options label:hover{border-color:var(--brand-border-hover);background:var(--brand-soft-hover)}.option.selected:hover,.rating-options label.selected:hover{border-color:var(--brand);background:var(--brand-soft-hover)}.primary:hover{border-color:var(--brand-hover);background:var(--brand-hover);color:var(--brand-on-hover)}.secondary:hover{border-color:var(--brand-border-hover);background:var(--brand-soft-hover);color:var(--brand-text)}}.primary:active{border-color:var(--brand-active);background:var(--brand-active);color:var(--brand-on-hover)}.secondary:active,.option:active,.rating-options label:active{border-color:var(--brand-active);background:var(--brand-soft-active);color:var(--brand-active)}@media (width<=1260px){main{margin-inline:28px}.topbar{padding-inline:28px}}@media (width>=761px) and (width<=1000px){.metric{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 110px;gap:18px;padding:18px}.threshold{padding-left:14px}.metric--ratio .metric-fields{column-gap:9px}.ratings{gap:18px}.ratings fieldset+fieldset{padding-left:18px}.rating-options{gap:6px}}@media (width<=760px){.topbar{height:66px;padding-inline:18px}.brand{gap:10px;font-size:17px}.brand-subtitle{display:none}.logo{width:33px;height:33px}main{margin-inline:16px;padding-top:28px}h1{letter-spacing:-.4px;font-size:23px}.intro>p{font-size:13px}.progress{gap:10px;margin-top:22px}.progress-track{max-width:120px}.progress>span:last-child{font-size:11px}.section{margin-bottom:20px}.section-heading{flex-wrap:wrap;gap:10px;padding:16px}h2{font-size:16px}.section-note{width:100%;margin-left:40px;font-size:12px}.section-body{padding:20px 16px}.basic-grid{grid-template-columns:minmax(0,1fr);gap:20px}.scope{padding:12px}.scope strong{margin-top:3px;display:block}.options{gap:8px}.option{padding:10px 12px}.checkbox{grid-template-columns:repeat(2,minmax(0,1fr))}.ratings{grid-template-columns:minmax(0,1fr);gap:22px}.ratings fieldset+fieldset{border-top:1px solid var(--border);border-left:0;padding:20px 0 0}.rating-description{min-height:0}.rating-options{max-width:320px}.agent-heading{flex-wrap:wrap;gap:8px;padding:13px 12px}.agent-heading>div{flex:1;min-width:0}.agent-icon{display:none}.agent-heading h3{font-size:15px}.agent-heading p{font-size:12px}.agent-count{padding:3px 6px}.metric{grid-template-columns:minmax(0,1fr);gap:15px;padding:16px}.metric--ratio .metric-fields{gap:10px}.threshold{border-top:1px solid var(--border);border-left:0;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:0;padding:12px 0 0;display:flex}.threshold>span{margin:0}.threshold strong{font-size:16px}.threshold small,.threshold small.pass,.threshold small.fail{margin:0 0 0 auto}.submit-row{margin-top:24px}.submit-row button{max-width:100%}.success{flex-direction:column;align-items:stretch;padding:16px}.modal-backdrop{padding:14px}.review{max-height:calc(100dvh - 28px);padding:20px}.modal-actions>button{flex:1;padding-inline:10px}}@media (width<=380px){.checkbox,.metric--ratio .metric-fields{grid-template-columns:minmax(0,1fr)}.progress-track{max-width:65px}.threshold small{font-size:11px}}
