/* HKW Data Center 7.3: scoped so it does not disturb other website pages. */
.hk73-dashboard{--navy:#073979;--blue:#087cfa;--ink:#0a3470;--soft:#f0f7ff;color:var(--ink);font-family:'Chulabhorn Likhit Text',ChulaText,sans-serif;max-width:1280px;margin:auto;padding-bottom:24px}
.hk73-dashboard *{box-sizing:border-box}.hk73-dashboard .hk73-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#034b9c 0%,#076ee8 50%,#2fa5f5 100%);border-radius:24px;min-height:210px;color:#fff;padding:34px 42px;box-shadow:0 14px 34px #0552ac32}
.hk73-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#002f75f2 0%,#006bcfdd 60%,#0079c437 100%),var(--hk73-photo,none) center/cover no-repeat;z-index:-2}.hk73-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 7%,#ffffff5e,transparent 31%),repeating-linear-gradient(135deg,transparent 0 50px,#ffffff09 51px 70px);z-index:-1;pointer-events:none}
.hk73-hero-inner{max-width:780px}.hk73-eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:800;color:#c7edff}.hk73-hero h1{font-size:clamp(27px,3vw,42px);line-height:1.2;margin:10px 0 1px;color:#fff;text-shadow:0 3px 10px #012e76a8}.hk73-hero h2{color:#ffe27f;font-size:clamp(20px,2.2vw,29px);line-height:1.2;margin:3px 0 14px;text-shadow:0 3px 10px #002c74}.hk73-hero p{color:#edf9ff;font-size:14px;line-height:1.7;margin:0}.hk73-hero-mark{position:absolute;right:5%;top:17%;font-size:112px;font-weight:900;color:#ffffff25;transform:rotate(-11deg);pointer-events:none}.hk73-hero-mark span{font-size:24px;vertical-align:middle}
.hk73-filter{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:-18px 12px 14px;padding:18px 23px;border:1px solid #daebff;border-radius:18px;background:#fff;box-shadow:0 13px 32px #0b508821}.hk73-filter-title{display:flex;align-items:center;gap:9px;font-weight:800;color:#0c64c4;align-self:center;white-space:nowrap}.hk73-filter-title svg{width:22px}.hk73-filter label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#4a6487;min-width:170px}.hk73-filter select{background:#f9fcff;border:1px solid #cde0f5;border-radius:8px;color:#124780;padding:9px 13px;min-height:40px;font:inherit}.hk73-button{border:0;background:linear-gradient(115deg,#168eff,#0659ee);color:#fff;border-radius:10px;padding:11px 21px;box-shadow:0 6px 15px #0570d340;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.hk73-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0570d35c}.hk73-button svg{width:17px}.hk73-updated{margin-left:auto;align-self:center;color:#6f8199;font-size:11px;display:flex;gap:7px;align-items:center}.hk73-updated svg{width:15px}
.hk73-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.hk73-source{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;border:1px solid #bee2ff;border-radius:15px;background:linear-gradient(120deg,#f2faff,#fff);padding:14px;box-shadow:0 6px 18px #1663b012}.hk73-source:nth-child(2){border-color:#b3eddb;background:linear-gradient(120deg,#effef8,#fff)}.hk73-source:nth-child(3){border-color:#d6b9ff;background:linear-gradient(120deg,#f7f0ff,#fff)}.hk73-source-icon{width:45px;height:45px;flex:none;border-radius:14px;display:grid;place-items:center;background:#caeaff;color:#087fe8}.hk73-source:nth-child(2) .hk73-source-icon{background:#baf9df;color:#08a15e}.hk73-source:nth-child(3) .hk73-source-icon{background:#ecd6ff;color:#8942da}.hk73-source-icon svg{width:23px}.hk73-source strong,.hk73-source small,.hk73-online{display:block}.hk73-source strong{font-size:13px;color:#0b438b}.hk73-source small{color:#69839f;font-size:11px}.hk73-online{color:#17874e;font-size:11px}.hk73-online i{display:inline-block;background:#1ac06b;width:7px;height:7px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #16c36c22}
.hk73-section{border:1px solid #e3edf8;background:#fff;padding:16px;border-radius:18px;box-shadow:0 9px 26px #0d43800d}.hk73-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:1px 2px 14px}.hk73-section-heading h2{margin:0;color:#0a347b;font-size:19px;display:flex;align-items:center;gap:9px}.hk73-section-heading svg{color:#0085ff;width:20px}.hk73-section-heading>span{padding:7px 10px;border-radius:9px;background:#eff7ff;font-size:12px;color:#4677ac}
.hk73-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.hk73-kpi{position:relative;overflow:hidden;min-width:0;padding:17px 13px 14px;border-radius:13px;border:1px solid #d7eaff;background:linear-gradient(136deg,#f5faff,#fff);box-shadow:0 7px 15px #133c7011;transition:transform .24s,box-shadow .24s}.hk73-kpi:hover{transform:translateY(-5px);box-shadow:0 15px 26px #133c7026}.hk73-kpi-1{background:linear-gradient(136deg,#fff4f9,#fff);border-color:#ffdcf0}.hk73-kpi-2{background:linear-gradient(136deg,#ecfff7,#fff);border-color:#d0f4e7}.hk73-kpi-3{background:linear-gradient(136deg,#fff5e9,#fff);border-color:#ffe2c3}.hk73-kpi-4{background:linear-gradient(136deg,#f5f0ff,#fff);border-color:#e3d5ff}.hk73-kpi-5{background:linear-gradient(136deg,#fffbeb,#fff);border-color:#ffebbe}.hk73-kpi-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;margin-bottom:10px;background:#d7edff;color:#0083f5}.hk73-kpi-1 .hk73-kpi-icon{background:#ffe1f1;color:#f13b91}.hk73-kpi-2 .hk73-kpi-icon{background:#c9f6df;color:#00a66e}.hk73-kpi-3 .hk73-kpi-icon{background:#ffe2c2;color:#fa8116}.hk73-kpi-4 .hk73-kpi-icon{background:#e9d8ff;color:#8335ef}.hk73-kpi-5 .hk73-kpi-icon{background:#ffedbd;color:#df9200}.hk73-kpi-icon svg{width:20px}.hk73-kpi>span{display:block;font-size:12px;font-weight:700;color:#315b91}.hk73-kpi-number{font-size:clamp(21px,2.1vw,31px);font-weight:900;line-height:1.2;margin:9px 0 4px;color:#063d89;letter-spacing:-.7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hk73-kpi small{font-size:10px;color:#6485ad}
.hk73-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0}.hk73-panel{min-width:0;background:#fff;border:1px solid #e3effc;border-radius:17px;padding:21px;box-shadow:0 8px 23px #114b8114;transition:box-shadow .25s}.hk73-panel:hover{box-shadow:0 14px 32px #114b8127}.hk73-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hk73-panel h2{color:#0a3784;font-size:17px;margin:0;display:flex;align-items:center;gap:8px}.hk73-panel h2 svg{width:20px;color:#087ffe}.hk73-panel p{margin:3px 0 0;color:#6e89a9;font-size:12px}.hk73-panel-symbol{color:#cce7ff;font-size:40px;font-weight:900;line-height:1}.hk73-chart-scroll{overflow-x:auto;padding:8px 2px 0}.hk73-columns{display:grid;grid-template-columns:repeat(var(--cols),minmax(65px,1fr));align-items:end;min-width:max(100%,calc(var(--cols)*65px));gap:10px;height:250px;background:repeating-linear-gradient(to top,#e9f2fb 0 1px,transparent 1px 49px);border-bottom:1px solid #bad6f6;padding:0 8px}.hk73-col{height:100%;display:flex;flex-direction:column;align-items:center;min-width:0}.hk73-col-value{font-size:11px;font-weight:900;color:#0c428c;white-space:nowrap;margin-top:auto}.hk73-plot{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center}.hk73-vertical-bar{width:min(100%,52px);height:var(--bar-height);border-radius:7px 7px 0 0;background:linear-gradient(0deg,#0875e9,#45c7ff);box-shadow:inset 0 2px 0 #fff8,0 4px 12px #137acc26;transform-origin:bottom;animation:hk73-rise .9s both;position:relative}.hk73-vertical-bar::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(#fff6,transparent);border-radius:inherit}.hk73-tone-1 .hk73-vertical-bar,.hk73-tone-1 .hk73-hr-fill{background:linear-gradient(0deg,#0ca971,#6cddb3)}.hk73-tone-2 .hk73-vertical-bar,.hk73-tone-2 .hk73-hr-fill{background:linear-gradient(0deg,#ff8317,#ffd057)}.hk73-tone-3 .hk73-vertical-bar,.hk73-tone-3 .hk73-hr-fill{background:linear-gradient(0deg,#ec377d,#ff88b3)}.hk73-tone-4 .hk73-vertical-bar,.hk73-tone-4 .hk73-hr-fill{background:linear-gradient(0deg,#8b38e1,#d094ff)}.hk73-tone-5 .hk73-vertical-bar,.hk73-tone-5 .hk73-hr-fill{background:linear-gradient(0deg,#2099c7,#83dcf4)}.hk73-tone-6 .hk73-vertical-bar,.hk73-tone-6 .hk73-hr-fill{background:linear-gradient(0deg,#d39b05,#f6da67)}.hk73-tone-7 .hk73-vertical-bar,.hk73-tone-7 .hk73-hr-fill{background:linear-gradient(0deg,#314cd0,#9ba8fa)}.hk73-axis-label{font-size:11px;font-weight:700;color:#325d97;text-align:center;line-height:1.15;min-height:35px;margin-top:7px;overflow-wrap:anywhere}.hk73-chart-note{color:#7b8caa!important;font-size:11px!important;margin-top:14px!important}.hk73-no-data{background:#f3f8ff;border-radius:12px;padding:50px 12px;text-align:center;color:#6c87a9}
.hk73-donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:23px;padding:4px 8px 25px;min-height:250px}.hk73-donut{width:210px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1788ff 0 var(--male),#fb3c91 var(--male) var(--female),#b5bfda var(--female) 100%);box-shadow:0 13px 22px #2f88dc25;flex:none;animation:hk73-appear .9s both}.hk73-donut-center{width:68%;aspect-ratio:1;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 16px #d7e9fc}.hk73-donut-center strong{color:#06418d;font-size:30px}.hk73-donut-center span{color:#6381a5;font-size:11px}.hk73-gender-legend{flex:1;max-width:205px;display:grid;gap:9px}.hk73-gender-item{background:#f5faff;border:1px solid #e1efff;border-radius:9px;display:grid;grid-template-columns:9px 1fr auto;gap:5px 7px;align-items:center;padding:12px;font-size:12px}.hk73-gender-item strong{color:#1450a5}.hk73-gender-item small{grid-column:2/-1;text-align:right;color:#6686ae}.hk73-legend-dot{width:9px;height:9px;border-radius:50%;background:#b5bfda}.hk73-legend-dot.male{background:#1788ff}.hk73-legend-dot.female{background:#fb3c91}
.hk73-hr-bars{display:grid;gap:20px;padding:18px 0}.hk73-hr-row{display:grid;grid-template-columns:94px minmax(0,1fr) 35px;gap:9px;align-items:center;font-size:12px;color:#315b92}.hk73-hr-row strong{text-align:right}.hk73-hr-track{height:22px;background:#eff5fc;border-radius:6px;overflow:hidden}.hk73-hr-fill{display:block;height:100%;width:var(--bar-width);background:linear-gradient(90deg,#0780ef,#51b7ff);border-radius:6px;transform-origin:left;animation:hk73-sweep .9s both}
.hk73-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.hk73-shortcuts a{display:flex;align-items:center;gap:10px;padding:18px;border-radius:14px;color:#fff;background:linear-gradient(110deg,#00519f,#068deb);text-decoration:none;box-shadow:0 7px 20px #046fc536;transition:transform .2s,filter .2s}.hk73-shortcuts a:nth-child(2){background:linear-gradient(110deg,#007da1,#05b9ca)}.hk73-shortcuts a:nth-child(3){background:linear-gradient(110deg,#bd7305,#efac22)}.hk73-shortcuts a:hover{transform:translateY(-4px);filter:brightness(1.09)}.hk73-shortcuts a>svg:first-child{width:35px;height:35px;flex:none}.hk73-shortcuts a>svg:last-child{margin-left:auto;flex:none;width:19px}.hk73-shortcuts strong,.hk73-shortcuts small{display:block}.hk73-shortcuts strong{font-size:14px}.hk73-shortcuts small{font-size:11px;color:#e6f6ff}.hk73-disclaimer{font-size:11px;color:#778ca9;margin:18px 3px}.hk73-error{padding:22px;background:#fff0f0;color:#a62727;border-radius:12px}
@keyframes hk73-rise{from{transform:scaleY(.04);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes hk73-sweep{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes hk73-appear{from{opacity:.4;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.hk73-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.hk73-updated{margin-left:0}.hk73-donut{width:175px}}@media(max-width:700px){.hk73-dashboard .hk73-hero{padding:26px 22px;min-height:210px}.hk73-hero-mark{display:none}.hk73-filter{margin:-12px 6px 14px;padding:15px}.hk73-filter label{flex:1;min-width:130px}.hk73-button{width:100%;justify-content:center}.hk73-sources,.hk73-chart-grid,.hk73-shortcuts{grid-template-columns:1fr}.hk73-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hk73-section{padding:12px}.hk73-panel{padding:14px}.hk73-section-heading{flex-wrap:wrap}.hk73-donut-wrap{flex-wrap:wrap}.hk73-donut{width:175px}.hk73-gender-legend{max-width:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.hk73-columns{height:230px}}@media(prefers-reduced-motion:reduce){.hk73-dashboard *{animation:none!important;transition:none!important}}
@media print{.hk73-filter,.hk73-shortcuts{display:none}.hk73-hero{color:#123e75!important;background:#e8f2ff!important}.hk73-panel,.hk73-section,.hk73-source{box-shadow:none!important;break-inside:avoid}.hk73-dashboard *{animation:none!important}}