:root{--ink:#173b38;--muted:#6a807d;--teal:#08766e;--teal-dark:#07534d;--mint:#e8f4f1;--canvas:#eef4f2;--paper:#fff;--line:#cddeda;--soft:#e7efed;--ok:#28784c;--ok-bg:#eaf6ee;--warn:#9a651c;--warn-bg:#fff5df;--danger:#b44a45;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--canvas);letter-spacing:0}button,input{font:inherit}.preview-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.header-inner{width:min(1220px,calc(100% - 36px));min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-inner>.locale-control{margin-left:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--teal-dark);text-decoration:none}.brand img{width:40px;height:40px;border-radius:6px;object-fit:cover}.brand span{display:grid}.brand strong{font-size:14px}.brand small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:800}.local-badge{padding:7px 9px;border:1px solid #bcd9d4;border-radius:5px;color:var(--teal-dark);background:var(--mint);font-size:10px;font-weight:900}
.preview-main{width:min(1220px,calc(100% - 36px));margin:auto;padding:28px 0 42px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:19px}.page-heading p,.subject-panel header p,.measurement-heading p{margin:0 0 5px;color:var(--teal);font-size:9px;font-weight:950}.page-heading h1{margin:0;font-size:28px;line-height:1.2}.page-heading>div>span{display:block;margin-top:7px;color:var(--muted);font-size:11px}.source-state{display:flex;align-items:center;gap:7px;padding-bottom:3px;color:var(--muted);font-size:10px;font-weight:800}.source-state i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg)}
.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(100px,.65fr)) minmax(190px,1.4fr);border:1px solid var(--line);background:var(--paper)}.summary-strip>div{min-height:88px;display:flex;align-items:baseline;align-content:center;flex-wrap:wrap;gap:4px;padding:16px 18px;border-right:1px solid var(--soft)}.summary-strip>div:last-child{border-right:0}.summary-strip span{flex-basis:100%;color:var(--muted);font-size:9px;font-weight:800}.summary-strip strong{font-size:25px;line-height:1}.summary-strip small{color:var(--muted);font-size:9px}.summary-strip .latest-stat strong{font-size:15px}
.viewer-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);min-height:590px;margin-top:14px;border:1px solid var(--line);background:var(--paper)}.subject-panel{min-width:0;border-right:1px solid var(--line);background:#f9fcfb}.subject-panel>header{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--soft)}.subject-panel h2{margin:0;font-size:16px}.subject-panel header>span{color:var(--muted);font-size:9px;font-weight:800}.search-field{display:grid;gap:6px;padding:13px 14px;border-bottom:1px solid var(--soft)}.search-field>span{color:var(--muted);font-size:9px;font-weight:800}.search-field input{width:100%;height:40px;border:1px solid var(--line);border-radius:6px;padding:0 11px;color:var(--ink);background:#fff;font-size:12px;outline:0}.search-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,118,110,.1)}.subject-list{max-height:560px;overflow:auto}.subject-row{width:100%;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--soft);padding:10px 14px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.subject-row:hover{background:#f0f7f5}.subject-row[aria-pressed=true]{box-shadow:inset 3px 0 var(--teal);background:var(--mint)}.subject-identity,.subject-meta{min-width:0;display:grid;gap:4px}.subject-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.subject-identity small,.subject-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.subject-meta{text-align:right}.subject-meta strong{color:var(--teal-dark);font-size:9px}.list-empty{padding:30px 15px;color:var(--muted);font-size:11px;text-align:center}
.detail-panel{position:relative;min-width:0;padding:22px 24px}.detail-empty{min-height:500px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}.detail-empty strong{color:var(--ink);font-size:14px}.detail-empty span{font-size:10px}.mobile-back{display:none}.subject-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--soft)}.subject-heading p{margin:0 0 5px;color:var(--teal);font-size:10px;font-weight:900}.subject-heading h2{margin:0;font-size:24px}.eligibility-badge{padding:7px 9px;border-radius:5px;font-size:9px;font-weight:900}.eligibility-badge.all-ready{color:var(--ok);background:var(--ok-bg)}.eligibility-badge.has-hold{color:var(--warn);background:var(--warn-bg)}.subject-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;border-bottom:1px solid var(--soft)}.subject-facts>div{min-width:0;padding:15px 10px 15px 0}.subject-facts dt{color:var(--muted);font-size:8px;font-weight:800}.subject-facts dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:11px;font-weight:850}.measurement-heading{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.measurement-heading h3{margin:0;font-size:16px}.legend{display:flex;gap:10px;color:var(--muted);font-size:8px}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:7px;height:7px;border-radius:50%}.ready-dot{background:var(--ok)}.hold-dot{background:var(--warn)}.table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line)}table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}th,td{height:48px;padding:8px 9px;border-bottom:1px solid var(--soft);text-align:center;font-size:9px;white-space:nowrap}th{position:sticky;top:0;color:var(--muted);background:#f4f8f7;font-size:8px;font-weight:900}th:first-child,td:first-child{text-align:left}.date-cell{color:#385753;font-weight:800}.table-status{display:inline-block;padding:5px 6px;border-radius:4px;font-size:8px;font-weight:900}.table-status.ready{color:var(--ok);background:var(--ok-bg)}.table-status.quarantined{color:var(--warn);background:var(--warn-bg)}.missing-value{color:var(--danger);background:#fff4f3;font-weight:900}.hold-row{background:#fffdfa}.privacy-note{margin:13px 2px 0;color:var(--muted);font-size:8px;line-height:1.6}.error-banner{position:fixed;left:50%;bottom:24px;z-index:20;width:min(560px,calc(100% - 28px));transform:translateX(-50%);padding:12px 14px;border-radius:6px;color:#fff;background:#8f3733;font-size:11px;font-weight:800;box-shadow:0 8px 28px rgba(53,20,18,.22)}
@media(max-width:900px){.summary-strip{grid-template-columns:repeat(4,1fr)}.summary-strip .latest-stat{grid-column:1/-1;border-top:1px solid var(--soft)}.summary-strip>div:nth-child(4){border-right:0}.subject-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header-inner,.preview-main{width:100%}.header-inner{min-height:60px;padding:8px 12px;flex-wrap:wrap}.header-inner>.locale-control{min-width:112px}.local-badge{display:none}.preview-main{padding:18px 12px 28px}.page-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px}.page-heading h1{font-size:23px}.source-state{padding:0}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div{min-height:72px;padding:13px}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(3),.summary-strip>div:nth-child(4){border-top:1px solid var(--soft)}.summary-strip .latest-stat{grid-column:1/-1}.viewer-layout{grid-template-columns:1fr;min-height:0}.subject-panel{border-right:0}.subject-list{max-height:none}.detail-panel{display:none;padding:14px 12px 18px}.show-detail .subject-panel{display:none}.show-detail .detail-panel{display:block}.mobile-back{display:block;margin:0 0 14px;border:0;padding:5px 0;color:var(--teal);background:transparent;font-size:10px;font-weight:900}.subject-heading{align-items:flex-start;flex-direction:column;gap:10px}.subject-heading h2{font-size:21px}.subject-facts{grid-template-columns:1fr 1fr}.measurement-heading{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}.table-scroll{margin:0 -12px;border-right:0;border-left:0}table{min-width:760px}.privacy-note{padding-bottom:8px}}