:root{--navy:#071a33;--navy2:#0b2447;--blue:#1567e8;--blue2:#eaf2ff;--gold:#d8a94b;--ink:#14233a;--muted:#68758a;--line:#dfe5ed;--bg:#f4f7fb;--white:#fff;--green:#138b62;--shadow:0 24px 70px rgba(6,25,51,.14)}*{box-sizing:border-box}body{margin:0;font-family:'IBM Plex Sans Thai',sans-serif;color:var(--ink);background:var(--bg);font-size:16px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:inherit;text-align:left}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#fff;font:700 23px Manrope;border-radius:8px 8px 14px 8px;box-shadow:inset -5px -5px 0 rgba(255,255,255,.12)}.brand b{font:700 21px Manrope;display:block;letter-spacing:-.6px}.brand small{display:block;font:600 9px Manrope;letter-spacing:2.8px;color:var(--gold)}.public-shell{min-height:100vh;background:var(--navy);color:#fff;position:relative;overflow:hidden}.public-nav{height:84px;max-width:1200px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.admin-link{border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.06);color:#dbe6f6;padding:10px 16px}.lock-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:7px}.home-view{max-width:1200px;min-height:calc(100vh - 84px);margin:auto;padding:8vh 30px 11vh;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center;position:relative}.hero-copy,.voucher-card{position:relative;z-index:2}.eyebrow{font:700 12px Manrope;letter-spacing:2.5px;color:#4e90f0}.hero-copy h1,.flow-view h1{font-size:clamp(48px,5.5vw,76px);line-height:1.08;letter-spacing:-3px;margin:15px 0 22px}.hero-copy h1 em{font-style:normal;color:#6fa7f6}.hero-copy>p{font-size:19px;color:#a9b8cc;line-height:1.8;max-width:570px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:38px;color:#bfd0e5;font-size:14px}.trust-row span::first-letter{color:var(--gold)}.voucher-card{background:#fff;color:var(--ink);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.card-top{display:flex;gap:15px;margin-bottom:30px}.mini-icon{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:28px;border-radius:12px}.card-top h2{margin:0 0 3px;font-size:22px}.card-top p{margin:0;color:var(--muted);font-size:14px}.voucher-card label{font:700 11px Manrope;letter-spacing:1.4px}.voucher-input{border:1.5px solid var(--line);border-radius:10px;margin:8px 0 14px;display:flex;align-items:center;padding-right:12px}.voucher-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue2)}.voucher-input input{border:0;outline:0;padding:15px;width:100%;font:600 17px Manrope;text-transform:uppercase}.voucher-input span{white-space:nowrap;color:#a0a9b7;font-size:12px}.primary{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:13px 18px;font-weight:600;box-shadow:0 7px 18px rgba(21,103,232,.2)}.voucher-card .primary{width:100%;display:flex;justify-content:space-between}.primary:hover{background:#0d58cc}.demo-hint{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.demo-hint button{background:none;border:0;color:var(--blue);font-weight:600}.blue-orbit{position:absolute;width:650px;height:650px;border:1px solid rgba(88,145,227,.15);border-radius:50%;left:-330px;bottom:-390px;box-shadow:0 0 0 100px rgba(16,62,119,.08),0 0 0 200px rgba(16,62,119,.05)}.gold-line{position:absolute;right:5%;bottom:-120px;width:230px;height:230px;border:1px solid rgba(216,169,75,.14);transform:rotate(45deg)}.flow-view{min-height:100vh;background:#f6f8fb;color:var(--ink);padding:0 6vw 70px}.flow-head{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.back{border:0;background:none;color:var(--muted)}.step,.success-pill{font-size:13px;color:var(--muted)}.success-pill{color:var(--green);background:#e9f7f1;padding:8px 13px;border-radius:20px}.survey-layout{max-width:1100px;margin:70px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.survey-layout h1{font-size:46px;letter-spacing:-1.7px}.survey-layout>div>p{color:var(--muted);line-height:1.8}.campaign-note{margin-top:35px;border-left:3px solid var(--gold);padding:5px 0 5px 17px}.campaign-note b,.campaign-note span{display:block}.campaign-note span{font-size:13px;color:var(--muted);margin-top:5px}.survey-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 18px 50px rgba(19,37,63,.08)}.survey-card>label,.survey-card .two-col label,dialog label{display:block;font-weight:600;margin-bottom:18px}.survey-card b{color:#e14f4f}.survey-card input,.survey-card select,dialog input,dialog select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}fieldset{border:0;padding:0;margin:0 0 20px}legend{font-weight:600;margin-bottom:9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{border:1px solid var(--line);padding:8px 11px;border-radius:20px;font-size:13px;color:var(--muted)}.chips label:has(input:checked){border-color:#7aa9ed;background:var(--blue2);color:var(--blue)}.chips input{display:none}.consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;font-size:13px;color:var(--muted)}.consent input{width:auto!important;margin-top:3px!important}.survey-card>.primary{width:100%}.resources-head{max-width:1100px;margin:55px auto 30px;display:flex;align-items:end;justify-content:space-between}.resources-head h1{font-size:48px;margin:5px 0}.resources-head p{color:var(--muted)}.expiry{text-align:right}.expiry span,.expiry b{display:block}.expiry span{font-size:12px;color:var(--muted)}.resource-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.document-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:180px 1fr;min-height:250px}.doc-cover{padding:25px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.doc-cover.blue{background:linear-gradient(155deg,#1a6ce1,#0c3268)}.doc-cover.dark{background:linear-gradient(155deg,#172a48,#071426)}.doc-cover span,.doc-cover small{font:700 9px Manrope;letter-spacing:2px;color:#a8c9f3}.doc-cover b{font-size:20px}.doc-info{padding:25px 22px;display:flex;flex-direction:column;justify-content:center}.doc-info h3{font-size:19px;margin:12px 0}.doc-info p{font-size:13px;color:var(--muted);margin:0 0 23px}.tag{font:700 10px Manrope;color:var(--blue);letter-spacing:1px}.tag.gold{color:#ad7f24}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px 14px;font-weight:600}.doc-info .primary{margin-left:7px}.watermark-note{max-width:1100px;margin:25px auto;background:#eef4fc;border:1px solid #cfdef1;border-radius:10px;padding:15px 18px;display:flex;gap:13px;align-items:center;color:#4c6688}.watermark-note p{margin:0;font-size:13px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy);color:#fff;position:fixed;width:250px;height:100vh;padding:25px 18px;display:flex;flex-direction:column}.admin-brand{padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.workspace{margin:20px 5px 13px;padding:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:8px}.workspace small,.workspace b,.workspace span{display:block}.workspace small{font:600 9px Manrope;letter-spacing:1.5px;color:#7e90aa}.workspace b{font-size:14px;margin:4px 0}.workspace span{font-size:11px;color:#8698b2}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:none;color:#9fb0c5;text-align:left;padding:11px 12px;border-radius:7px;font-size:14px}.sidebar nav button i{font-style:normal;display:inline-block;width:24px}.sidebar nav button span{float:right;background:rgba(255,255,255,.1);padding:1px 7px;border-radius:9px;font-size:11px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#15355e}.user-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2c70cf;font:600 12px Manrope}.user-card b,.user-card small{display:block}.user-card b{font-size:13px}.user-card small{font-size:11px;color:#8598b1}.user-card button{margin-left:auto;background:none;border:0;color:#8092aa}.admin-content{grid-column:2;padding:0 38px 50px;min-width:0}.admin-content>header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.admin-content header h1{margin:0;font-size:26px}.admin-content header p{margin:3px 0 0;color:var(--muted);font-size:13px}.header-actions{display:flex;gap:9px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:40px;position:relative}.icon-button span{position:absolute;width:6px;height:6px;background:#e45555;border-radius:50%;top:8px;right:8px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;margin:25px 0 16px}.dashboard-top h2{margin:0;font-size:18px}.dashboard-top select{border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.kpi-top i{font-style:normal;background:var(--blue2);color:var(--blue);width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.kpi strong{font:700 30px Manrope;display:block;margin:10px 0 4px}.trend{font-size:12px;color:var(--green)}.trend.neutral{color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3{margin:0;font-size:16px}.panel-head button{border:0;background:none;color:var(--blue);font-size:12px}.bars{height:220px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);padding-top:20px}.bar-group{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:3px;position:relative}.bar{width:38%;border-radius:4px 4px 0 0;background:#aac7ef}.bar.dark{background:var(--blue)}.bar-group small{position:absolute;bottom:-25px;color:var(--muted)}.legend{margin:38px 0 0;display:flex;gap:18px;font-size:12px;color:var(--muted)}.legend span:before{content:'';width:7px;height:7px;background:var(--blue);display:inline-block;border-radius:50%;margin-right:5px}.legend span:last-child:before{background:#aac7ef}.interest-list{display:flex;flex-direction:column;gap:17px}.interest-row{display:grid;grid-template-columns:1fr 35px;gap:10px;font-size:13px}.interest-row b{text-align:right}.meter{grid-column:1/-1;height:7px;background:#edf1f6;border-radius:5px}.meter span{display:block;height:100%;background:var(--blue);border-radius:5px}.campaign-table{width:100%;border-collapse:collapse}.campaign-table th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.7px;padding:11px;border-bottom:1px solid var(--line)}.campaign-table td{padding:13px 11px;border-bottom:1px solid #edf0f4;font-size:13px}.campaign-table td b{display:block}.campaign-table td small{color:var(--muted)}.status{color:var(--green);background:#e8f6f0;border-radius:12px;padding:4px 8px;font-size:11px}.table-page{margin-top:25px}.table-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.table-toolbar input{padding:10px 13px;border:1px solid var(--line);border-radius:8px;width:300px}.empty-card{padding:70px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}.empty-card i{font-style:normal;font-size:42px;color:#92a4ba}.empty-card p{color:var(--muted)}dialog{border:0;border-radius:16px;width:min(560px,90vw);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(3,16,34,.62)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:25px}.dialog-head h2{margin:5px 0}.dialog-head button{border:0;background:none;font-size:28px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.toast{position:fixed;top:22px;left:50%;transform:translate(-50%,-100px);background:#102947;color:#fff;padding:12px 20px;border-radius:9px;z-index:20;box-shadow:var(--shadow);transition:.25s}.toast.show{transform:translate(-50%,0)}@media(max-width:1000px){.home-view{gap:40px}.admin-shell{grid-template-columns:210px 1fr}.sidebar{width:210px}.kpi-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}}@media(max-width:760px){.public-nav{padding:0 20px}.home-view{grid-template-columns:1fr;padding:45px 20px 80px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:16px}.trust-row{display:none}.voucher-card{padding:24px}.survey-layout{grid-template-columns:1fr;margin:35px auto}.survey-layout h1{font-size:38px}.two-col{grid-template-columns:1fr}.resources-head{align-items:start}.expiry{display:none}.document-card{grid-template-columns:125px 1fr}.doc-cover{padding:18px 12px}.doc-cover b{font-size:15px}.admin-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:15px}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.workspace,.user-card{display:none}.admin-content{padding:0 16px 40px}.admin-content>header{height:auto;padding:20px 0;align-items:flex-start}.admin-content header p,.icon-button{display:none}.header-actions .primary{font-size:13px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:14px}.kpi strong{font-size:24px}.campaign-table{min-width:700px}.panel.table-panel{overflow:auto}.resource-grid{grid-template-columns:1fr}.flow-view{padding:0 20px 50px}}@media(max-width:460px){.kpi-grid{grid-template-columns:1fr}.document-card{grid-template-columns:1fr}.doc-cover{min-height:160px}.admin-link{font-size:12px}.voucher-input span{display:none}}
/* v4.16.0: homepage is a deliberately simple two-route entry point. */
.public-nav-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;padding:8px 10px}
.hero-route-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-route-actions .secondary{background:transparent;color:#dce9ff;border-color:#6d9fdf}.hero-route-actions .secondary:hover{background:rgba(255,255,255,.08)}
.public-destination{min-height:calc(100vh - 84px);padding:28px max(30px,calc((100vw - 1200px)/2)) 80px;background:#f6f8fb;color:var(--ink)}
.public-destination .hub-heading,.public-destination .document-intro{max-width:1200px;margin:28px auto}.public-destination .platform-grid,.public-destination .voucher-card{max-width:1200px;margin-left:auto;margin-right:auto}.destination-head{max-width:1200px;margin:0 auto}.destination-head .back{font-weight:600;padding:8px 0}
.mobile-menu button{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:12px 14px;font:inherit}
@media(max-width:760px){.public-links{display:none}.hero-route-actions{display:grid;grid-template-columns:1fr}.hero-route-actions button{width:100%}.public-destination{padding:20px 20px 56px}}