*{box-sizing:border-box}body{margin:0;background:#edf3fa;color:#19334e;font:15px/1.65 system-ui,"Noto Sans Thai",sans-serif}a{color:inherit}.report-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px max(20px,calc((100vw - 1240px)/2));background:#0c2440;color:white}.report-nav a{text-decoration:none;color:#b4e6ff}.report-nav span{font-size:11px;letter-spacing:.13em}.clean-main{max-width:1280px;margin:auto;padding:24px 18px 50px}.clean-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,#0d2f54,#13537a);border-radius:17px;color:white;padding:24px 28px}.clean-hero small{color:#8ddaf9;letter-spacing:.15em;font-weight:800;font-size:11px}.clean-hero h1{margin:4px 0;font-size:clamp(23px,3vw,33px)}.clean-hero p{margin:0;color:#d8e8f6;font-size:13px}.clean-count{text-align:center;min-width:160px}.clean-count b{font-size:35px;display:block}.clean-count span{font-size:11px;color:#c4e7fc}.clean-tabs{display:flex;gap:10px;margin-top:18px}.clean-tabs a{flex:1;text-align:center;padding:13px 18px;border:1px solid #cbd9ea;background:white;border-radius:12px;font-weight:800;text-decoration:none}.clean-tabs a.active{color:white;background:#13639b;border-color:#13639b;box-shadow:0 8px 20px #00578a22}.clean-tabs b{display:inline-block;margin-left:5px;border-radius:15px;padding:1px 9px;background:#e6f2fd;color:#164f75}.clean-filter{display:flex;align-items:end;flex-wrap:wrap;gap:10px;background:white;border:1px solid #dbe5ef;padding:15px;margin-top:12px;border-radius:14px}.clean-filter label{display:flex;flex-direction:column;gap:3px;color:#61768a;font-size:12px}.clean-filter input{background:#f6f9fc;border:1px solid #d3e0eb;border-radius:8px;padding:9px;color:#15334e;font:inherit;font-size:13px}.clean-filter input[type=search]{width:270px;max-width:100%}.clean-filter button,.clean-filter a{border:0;border-radius:8px;background:#126da7;color:white;text-decoration:none;font-weight:700;padding:10px 15px;font-size:13px;cursor:pointer}.clean-filter a{background:#e9f2f9;color:#15547b}.clean-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.clean-stats div{background:white;border:1px solid #dbe5ef;border-radius:12px;padding:12px 16px}.clean-stats small{display:block;color:#647d96}.clean-stats b{font-size:29px;color:#145d92;margin-right:6px}.clean-stats span{font-size:12px;color:#7690a6}.clean-panel{background:white;border:1px solid #d8e3ee;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #124d8110}.clean-panel>header{padding:16px 20px;border-bottom:1px solid #e0e9f3}.clean-panel h2{margin:0;font-size:20px}.clean-panel p{margin:0;font-size:12px;color:#647b91}.clean-table-wrap{overflow-x:auto}.clean-table{width:100%;border-collapse:collapse;min-width:940px}.clean-table th{text-align:left;background:#eff5fb;color:#48657f;font-size:12px;white-space:nowrap;padding:11px 12px}.clean-table td{padding:12px;border-top:1px solid #e9eef4;font-size:13px;vertical-align:middle}.clean-table tr:hover td{background:#f7fbff}.clean-table small{display:block;font-size:11px;color:#768b9c}.clean-table .subtle{color:#90a4b5}.scores{font-size:17px;color:#114e7b;white-space:nowrap}.vs{font-size:10px;color:#8ba2b5;padding:0 4px}.complete-pill{background:#e1f6ec;color:#176a48;font-size:11px;padding:5px 9px;border-radius:30px;white-space:nowrap;font-weight:800}.empty-cell{text-align:center;padding:32px!important;color:#7a8ca2}.clean-notice{background:#fff7e7;border:1px solid #e9d6a8;color:#80541d;padding:11px 14px;border-radius:10px;font-size:12px}.clean-foot{text-align:center;font-size:12px;color:#8495a7;margin-top:22px}@media(max-width:700px){.report-nav span{display:none}.clean-hero{display:block}.clean-count{min-width:0;text-align:left;margin-top:10px}.clean-tabs{gap:6px}.clean-tabs a{font-size:12px;padding:12px 6px}.clean-filter label{width:100%}.clean-filter input[type=search],.clean-filter input[type=date]{width:100%}.clean-stats{gap:6px}.clean-stats div{padding:10px}.clean-stats b{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
