:root{--ink:#183046;--muted:#65788a;--blue:#2563d9;--line:#dce4ec;--bg:#f6f8fb;--pending:#b4c3d6;--return:#bd6b37}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 'Segoe UI','Microsoft JhengHei',sans-serif}header{padding:26px 4vw 20px;background:#173149;color:white}header small{letter-spacing:3px;color:#a9c5df}h1{font-size:29px;margin:4px 0}header p{margin:0;color:#c6d5e2;font-size:13px}nav{display:flex;gap:18px;margin-top:16px}a{color:var(--blue)}nav a{color:#dae8f6;font-size:13px}main{max-width:1500px;margin:auto;padding:0 4vw 50px}.filters{position:sticky;top:0;z-index:4;background:#f6f8fbf5;backdrop-filter:blur(12px);padding:16px 0;display:flex;gap:16px;align-items:end;border-bottom:1px solid var(--line);flex-wrap:wrap}label{font-size:12px;color:var(--muted);display:grid;gap:3px}select,input,button{font:inherit;border:1px solid #c8d4df;border-radius:5px;background:white;color:var(--ink);padding:9px 12px}button{cursor:pointer}button:hover{border-color:var(--blue);color:var(--blue)}button:focus-visible,a:focus-visible{outline:3px solid #7ba8ff;outline-offset:2px}#scope{margin-left:auto;font-size:13px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:26px 0;gap:22px}.kpi span{font-size:13px;color:var(--muted)}.kpi strong{display:block;font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.kpi small{display:block;font-size:12px;color:var(--muted)}.notice{padding:12px 0;color:#775432;font-size:13px;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}section{padding:24px 0;border-bottom:1px solid var(--line);min-width:0}h2{font-size:18px;margin:0 0 3px}section p{color:var(--muted);font-size:12px;margin:0 0 18px}.chart{min-height:230px}.barrow{display:grid;grid-template-columns:125px 1fr 90px;align-items:center;gap:12px;margin:12px 0;font-size:12px}.barrow button{padding:0;text-align:left;border:0;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track{height:17px;background:#e8edf4;border-radius:3px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:3px;animation:grow .45s ease-out;transform-origin:left}.value{text-align:right;font-variant-numeric:tabular-nums}.legend{display:flex;gap:14px;font-size:12px;flex-wrap:wrap}.legend i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:2px}.status{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;min-height:210px}.ring{width:172px;height:172px;border-radius:50%;display:grid;place-items:center}.ring>div{width:130px;height:130px;border-radius:50%;background:var(--bg);display:grid;align-content:center;text-align:center}.ring strong{font-size:30px}.ring small{font-size:12px;color:var(--muted)}.status button{display:flex;justify-content:space-between;width:100%;margin:7px 0;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:10px 0}.stack{display:flex;height:22px;overflow:hidden;border-radius:3px}.stack>div{transition:width .3s}.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.tools input{flex:1;min-width:200px}.tablewrap{overflow:auto;max-height:540px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:#eaf0f6;position:sticky;top:0;z-index:1}td.notes{white-space:normal;min-width:240px;max-width:350px}tr:hover td{background:#edf3fc}.badge{padding:4px 8px;border-radius:4px;background:#e7edf5}.badge.pass{background:#e4edff;color:#2051ae}.badge.return{background:#f5e9df;color:#935328}.empty{padding:40px;color:var(--muted);text-align:center}footer{font-size:12px;color:var(--muted);padding-top:20px}svg{width:100%;height:auto}svg text{font-family:inherit;fill:var(--muted);font-size:11px}.roles .barrow{grid-template-columns:125px 1fr 85px}.active-filter{color:var(--blue)!important} @keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:850px){.grid{grid-template-columns:1fr;gap:0}.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:27px}.filters{gap:8px}.filters label{flex:1}select{width:100%}#scope{width:100%;margin:0}.barrow{grid-template-columns:105px 1fr 75px}header{padding-top:18px}.status{grid-template-columns:170px 1fr}main{padding-left:5vw;padding-right:5vw}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.filters,.tools,nav{display:none}.grid{display:block}.tablewrap{max-height:none}section{break-inside:avoid}}
@media(max-width:600px){.filters label{flex:1 1 135px;min-width:135px}.filters select{min-width:135px}}