.q4{gap:24px;font-size:16px;display:grid}.q4-tabs{flex-wrap:wrap;gap:12px;display:flex}.q4-tabs button{color:#664717;background:#fff;border:1px solid #bb913e;border-radius:14px;padding:16px 24px;font-weight:700}.q4-tabs button[aria-pressed=true]{color:#efcb77;background:#201a10}.q4-hero{color:#f2d58d;background:linear-gradient(120deg,#17140d,#624515);border-radius:24px;padding:48px}.q4-hero h1{margin:18px 0;font-size:clamp(30px,4vw,56px);line-height:1.15}.q4-banner{text-align:center;background:#f5eddf;border-radius:24px;overflow:hidden}.q4-banner img{width:100%;max-width:none;height:auto;margin:auto;display:block}.q4-kpis,.q4-rewards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.q4-kpis article,.q4-rewards article,.q4-panel{background:#fff;border:1px solid #dfd0b1;border-radius:20px;padding:26px}.q4-kpis article,.q4-rewards article{gap:12px;display:grid}.q4-kpis strong{color:#8d641e;font-size:32px}.q4 h2{font-size:22px}.q4 small{color:#786d5c;font-size:14px}.q4 progress{accent-color:#ac7c27;width:100%}.q4-table{overflow:auto}.q4 table{border-collapse:collapse;width:100%}.q4 th,.q4 td{text-align:left;white-space:nowrap;border-bottom:1px solid #e9e1d3;padding:15px}.q4-me{background:#fcf2d6}.q4 footer{text-align:center;color:#77501b;padding:20px;font-weight:700}.q4-panel p{line-height:1.7}@media (max-width:720px){.q4-kpis,.q4-rewards{grid-template-columns:1fr}.q4-hero{padding:28px}.q4-panel{padding:18px}}.q4-leaderboard-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.q4-leaderboard-heading>svg{color:#ae812f;width:32px;height:32px}.q4-eyebrow{color:#9a732d;letter-spacing:.14em;font-size:12px;font-weight:700;display:block}.q4-leaderboard-heading h2{color:#242a38;margin-top:6px;font-weight:600}.q4-personal-progress{background:linear-gradient(115deg,#fffdf7,#f8ecd1);border:1px solid #d9bc7d;border-radius:20px;padding:24px 28px;box-shadow:0 10px 28px #a77a2310}.q4-personal-progress>div,.q4-reward-progress{justify-content:space-between;align-items:center;gap:12px;display:flex}.q4-personal-progress strong{color:#90641d;font-size:30px;font-weight:600}.q4-personal-progress p{color:#554932;margin:10px 0 4px}.q4 progress{-webkit-appearance:none;appearance:none;background:#eae4d8;border:0;border-radius:99px;height:7px;margin:10px 0;display:block;overflow:hidden}.q4 progress::-webkit-progress-bar{background:#eae4d8;border-radius:99px}.q4 progress::-webkit-progress-value{background:linear-gradient(90deg,#b37b22,#e3b957);border-radius:99px;transition:width .5s}.q4 progress::-moz-progress-bar{background:linear-gradient(90deg,#b37b22,#e3b957);border-radius:99px}.q4-reward-progress>span{color:#956b26;font-size:22px;font-weight:600}.q4-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;max-width:1040px;margin:44px auto 30px;display:grid}.q4-podium-place{text-align:center;flex-direction:column;justify-content:flex-end;min-width:0;display:flex}.q4-podium-person{background:linear-gradient(165deg,#fff,#fbf8f0);border:1px solid #e5ddcc;border-radius:20px 20px 0 0;flex-direction:column;align-items:center;gap:8px;padding:25px 18px 18px;display:flex;position:relative;box-shadow:0 -5px 24px #3e2b0908}.q4-place-1 .q4-podium-person{background:linear-gradient(155deg,#fffcf2,#fff2cc);border-color:#d2ab56;box-shadow:0 -8px 30px #b38a2420}.q4-podium-crown{color:#ad7c21;filter:drop-shadow(0 3px 6px #a173231a);margin-top:-43px;margin-bottom:4px}.q4-podium-avatar{color:#957027;background:#fff;border:2px solid #d1b778;border-radius:50%;place-items:center;width:62px;height:62px;font-size:24px;font-weight:600;display:grid;box-shadow:0 4px 12px #6043120e}.q4-place-1 .q4-podium-avatar{border-color:#b38832;width:74px;height:74px;font-size:28px}.q4-podium h3{overflow-wrap:anywhere;color:#252b37;margin:2px 0;font-size:16px;font-weight:600;line-height:1.5}.q4-podium-caption{color:#7c705b;font-size:14px}.q4-podium-person>strong{color:#79501a;letter-spacing:-.02em;font-size:clamp(22px,2.4vw,34px);font-weight:600}.q4-place-1 .q4-podium-person>strong{color:#966718}.q4-podium-person>span:not(.q4-podium-caption){color:#6c6252;font-size:14px}.q4-podium-progress{text-align:left;color:#746245;flex-wrap:wrap;justify-content:space-between;gap:6px;width:100%;margin-top:10px;font-size:12px;display:flex}.q4-podium-person progress{margin:0}.q4-podium-step{color:#847761;background:linear-gradient(120deg,#eee8dc,#faf7ef);border:1px solid #ddd5c5;border-radius:0 0 18px 18px;flex-direction:column;justify-content:center;align-items:center;height:85px;display:flex;box-shadow:0 12px 22px #3d2c1210}.q4-place-1 .q4-podium-step{color:#fff;background:linear-gradient(120deg,#946519,#d4ad55,#f0d78d);border-color:#b28b38;height:120px}.q4-place-3 .q4-podium-step{color:#99774c;background:linear-gradient(120deg,#e4d6c1,#f5ede0);height:65px}.q4-podium-step>span{letter-spacing:.12em;font-size:12px}.q4-podium-step>b{font-size:32px;font-weight:600;line-height:1.2}.q4-podium-step small{color:inherit;font-size:12px}.q4-podium-me .q4-podium-person{outline-offset:3px;outline:2px solid #c7a357}.q4-rank-medal{color:#8c641f;background:#f8edce;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:600;display:inline-grid}.q4-sales-value{color:#252b37;font-weight:600}.q4-row-progress{align-items:center;gap:12px;min-width:125px;font-size:14px;display:flex}.q4-row-progress progress{width:80px;min-width:60px;margin:0}.q4-panel>small{margin-top:16px;display:block}.q4-kpis small{line-height:1.6}@media (max-width:720px){.q4-podium{gap:8px;margin-top:38px}.q4-podium-person{border-radius:14px 14px 0 0;gap:6px;padding:20px 8px 14px}.q4-podium h3{min-height:42px;font-size:14px}.q4-podium-caption{font-size:12px}.q4-podium-avatar{width:42px;height:42px;font-size:20px}.q4-place-1 .q4-podium-avatar{width:52px;height:52px;font-size:22px}.q4-podium-person>strong{font-size:19px}.q4-podium-progress{text-align:center;font-size:12px;display:block}.q4-podium-progress span{display:block}.q4-podium-progress b{margin-top:4px;display:block}.q4-personal-progress{padding:20px}.q4-place-1 .q4-podium-step{height:95px}.q4-podium-step{height:70px}.q4-place-3 .q4-podium-step{height:55px}.q4 th,.q4 td{padding:12px}.q4-panel{min-width:0}}.q4-affiliate-person{align-items:center;gap:12px;display:flex}.q4-table-avatar{color:#957027;background:#fff;border:1px solid #d1b778;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid}.q4-podium-avatar,.q4-table-avatar{flex-shrink:0;overflow:hidden}.q4-podium-avatar img,.q4-table-avatar img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.q4 progress::-webkit-progress-value{transition:none}}.q4-reward-tracks{text-align:left;gap:14px;width:100%;min-width:0;display:grid}.q4-reward-track{border-top:1px solid #dfd0b1;min-width:0;padding-top:10px}.q4-track-label{color:#554328;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:14px;line-height:1.5;display:flex}.q4-track-label b{color:#895d19;font-weight:600}.q4-reward-track small{color:#625139;font-size:13px;line-height:1.6;display:block}.q4-track-amount{color:#776a56;white-space:normal;font-size:12px;line-height:1.6;display:block}.q4 .q4-reward-track progress{height:7px;margin:7px 0}.q4-track-0 progress::-webkit-progress-value{background:linear-gradient(90deg,#786654,#baa287)}.q4-track-1 progress::-webkit-progress-value{background:linear-gradient(90deg,#a36c28,#d8ac60)}.q4-track-2 progress::-webkit-progress-value{background:linear-gradient(90deg,#8d6118,#e6c764)}.q4-track-0 progress::-moz-progress-bar{background:#988168}.q4-track-1 progress::-moz-progress-bar{background:#bf8a3e}.q4-track-2 progress::-moz-progress-bar{background:#c29c44}.q4-personal-rewards>.q4-reward-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:14px;display:grid}.q4-personal-rewards .q4-track-label b{font-size:20px}.q4-table .q4-reward-tracks{min-width:220px}.q4-podium .q4-reward-tracks{margin-top:10px}.q4-podium .q4-track-amount{display:none}@media (max-width:720px){.q4-personal-rewards>.q4-reward-tracks{grid-template-columns:1fr;gap:14px}.q4-podium .q4-track-label{font-size:14px;display:block}.q4-podium .q4-track-label b{display:block}.q4-podium .q4-reward-tracks{gap:10px}.q4-podium .q4-reward-track small{font-size:12px}}.q4 .q4-leaders-table{max-width:100%;margin-top:16px}.q4 .q4-leaders-table td{vertical-align:middle;padding:14px 12px}.q4 .q4-leaders-table th{color:#746245;background:#faf7f0;font-size:14px}.q4 .q4-leaders-table .q4-affiliate-person{min-width:180px;max-width:280px}.q4 .q4-leaders-table .q4-affiliate-person>span:last-child{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.q4 .q4-leaders-table .q4-reward-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:260px}.q4 .q4-leaders-table .q4-reward-track{border:0;padding:0}.q4 .q4-leaders-table .q4-track-label{white-space:normal;display:block}.q4 .q4-leaders-table .q4-track-label b{display:block}.q4 .q4-leaders-table .q4-reward-track small,.q4 .q4-leaders-table .q4-track-amount{display:none}@media (max-width:720px){.q4 .q4-leaders-table{overflow:visible}.q4 .q4-leaders-table table,.q4 .q4-leaders-table tbody{width:100%;min-width:0;display:block}.q4 .q4-leaders-table thead{display:none}.q4 .q4-leaders-table tbody{gap:12px;display:grid}.q4 .q4-leaders-table tbody>tr{background:#fff;border:1px solid #e9e1d3;border-radius:16px;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 10px;padding:16px 12px;display:grid}.q4 .q4-leaders-table tbody>tr.q4-me{background:#fff8e7;border-color:#d4b66e}.q4 .q4-leaders-table td{white-space:normal;font-variant-numeric:tabular-nums;border:0;min-width:0;padding:0;display:block}.q4 .q4-leaders-table .q4-leader-rank{text-align:center;grid-area:1/1}.q4 .q4-leaders-table .q4-leader-name{grid-area:1/2/auto/-1}.q4 .q4-leaders-table .q4-affiliate-person{gap:9px;min-width:0;max-width:none;font-weight:600}.q4 .q4-leaders-table .q4-table-avatar{width:36px;height:36px}.q4 .q4-leaders-table .q4-leader-count{color:#786d5c;grid-area:2/1/auto/-1;font-size:14px}.q4 .q4-leaders-table .q4-leader-count:after{content:" รายการ"}.q4 .q4-leaders-table .q4-sales-value{color:#895d19;overflow-wrap:anywhere;grid-area:3/1/auto/3;font-size:20px}.q4 .q4-leaders-table .q4-leader-thb{overflow-wrap:anywhere;text-align:right;grid-area:3/3;font-size:16px}.q4 .q4-leaders-table .q4-sales-value:before,.q4 .q4-leaders-table .q4-leader-thb:before{content:attr(data-label);color:#786d5c;margin-bottom:3px;font-size:12px;font-weight:400;display:block}.q4 .q4-leaders-table .q4-leader-progress{border-top:1px solid #e9e1d3;grid-column:1/-1;padding-top:12px}.q4 .q4-leaders-table .q4-reward-tracks{gap:10px;min-width:0}.q4 .q4-leaders-table .q4-track-label{font-size:14px;line-height:1.5}.q4 .q4-leaders-table .q4-row-progress{flex-wrap:wrap;min-width:0}.q4 .q4-leaders-table .q4-row-progress progress{flex:1}}