:root{--fs: 1;--copper: #c9a227;--copper-dark: #8f6f14;--copper-light: #e0c14f;--brass: #e6d391;--brass-dark: #c4ab55;--cream-1: #f6efd9;--cream-2: #fbf7ea;--cream-3: #fdfbf3;--ink: #2b2416;--ink-soft: #6f6142;--line: #eadfb8;--up: #0f9d58;--down: #d93025;--pending: #b8860b;--confirmed: #2e7d32;--radius: 14px;--shadow: 0 10px 30px rgba(143, 111, 20, .12);--btn-shadow: rgba(143, 111, 20, .35);--btn-shadow-hover: rgba(143, 111, 20, .45);--focus-ring: rgba(201, 162, 39, .18);--glow-a: rgba(201, 162, 39, .15);--glow-b: rgba(230, 211, 145, .22);--glow-c: rgba(143, 111, 20, .08);--header-hi: #fce9a0;--header-mid: #f3cf58;--header-lo: #e5b930;--band-a: #e3b433;--band-b: #d5a527;--header-ink: #6b520e;--marquee-bg: #fdeeba}:root[data-theme=copper]{--copper: #a76a3a;--copper-dark: #7c4a24;--copper-light: #c98d5c;--brass: #d8c79a;--brass-dark: #b8a26a;--cream-1: #f5f1e6;--cream-2: #faf7f0;--cream-3: #fdfcf8;--ink: #2b2118;--ink-soft: #6b5b4c;--line: #e7ddcd;--shadow: 0 10px 30px rgba(124, 74, 36, .12);--btn-shadow: rgba(124, 74, 36, .35);--btn-shadow-hover: rgba(124, 74, 36, .45);--focus-ring: rgba(167, 106, 58, .15);--glow-a: rgba(201, 141, 92, .16);--glow-b: rgba(216, 199, 154, .2);--glow-c: rgba(167, 106, 58, .1);--header-hi: #ecc9a4;--header-mid: #d69e69;--header-lo: #bf8148;--band-a: #b1743c;--band-b: #a26834;--header-ink: #4f2e14;--marquee-bg: #f0dcc4}:root[data-theme=silver]{--copper: #7c8794;--copper-dark: #4e5a66;--copper-light: #a6b0bb;--brass: #cfd6dc;--brass-dark: #9aa5ae;--cream-1: #eef1f4;--cream-2: #f6f8fa;--cream-3: #fbfcfd;--ink: #232a30;--ink-soft: #5c6770;--line: #dde3e8;--shadow: 0 10px 30px rgba(78, 90, 102, .14);--btn-shadow: rgba(78, 90, 102, .35);--btn-shadow-hover: rgba(78, 90, 102, .45);--focus-ring: rgba(124, 135, 148, .18);--glow-a: rgba(124, 135, 148, .14);--glow-b: rgba(207, 214, 220, .28);--glow-c: rgba(78, 90, 102, .08);--header-hi: #f0f3f6;--header-mid: #cfd7dd;--header-lo: #b0bac2;--band-a: #a7b2bb;--band-b: #98a3ac;--header-ink: #2f3a44;--marquee-bg: #eaf0f5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Noto Sans Thai,Noto Sans SC,system-ui,-apple-system,sans-serif;color:var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 28 49'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23b08d2e' fill-opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(1100px 480px at 88% -8%,var(--glow-a),transparent 60%),radial-gradient(900px 420px at -12% 28%,var(--glow-b),transparent 55%),radial-gradient(760px 380px at 50% 108%,var(--glow-c),transparent 60%),linear-gradient(180deg,var(--cream-3) 0%,var(--cream-2) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}h1,h2,h3{font-family:"Noto Serif Thai",Noto Sans Thai,Noto Sans SC,serif;color:var(--ink)}a{color:var(--copper-dark)}button{font-family:inherit}.header-stack{position:sticky;top:0;z-index:40}.topbar{position:relative;z-index:2;--header-shelf: var(--marquee-bg);background:linear-gradient(0deg,var(--header-shelf) 0 34px,transparent 34px),linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 50%),linear-gradient(180deg,var(--header-hi) 0%,var(--header-mid) 48%,var(--header-lo) 100%);border-radius:0 0 48% 48%/0 0 26px 26px;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 6px 20px #00000024}.topbar .userbox .name{color:var(--header-ink)}.topbar .btn-outline{border-color:var(--header-ink);color:var(--header-ink)}.topbar .btn-outline:hover:not(:disabled){background:rgba(255,255,255,.4)}.topbar .demo-badge{background:rgba(255,255,255,.9)}.topbar .lang-picker{background:rgba(255,255,255,.85)}.topbar-inner{max-width:1080px;margin:0 auto;padding:8px 16px 8px 2px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar-auth{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.userbox{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.userbox .name{font-weight:600;font-size:calc(14px * var(--fs))}.userbox .status{font-size:calc(12px * var(--fs))}.status-approved{color:var(--confirmed)}.status-waiting{color:var(--pending)}.tabs-band{width:100%;background:linear-gradient(180deg,var(--band-a) 0%,var(--band-b) 68%,var(--marquee-bg) 100%);border-top:1px solid rgba(255,255,255,.45);box-shadow:inset 0 2px 6px #00000014}.tabs{display:flex;gap:4px;flex-wrap:wrap;width:100%;max-width:1080px;margin:0 auto;padding:6px 12px}.tabs a{padding:8px 16px;text-decoration:none;color:var(--header-ink);font-weight:500;font-size:calc(14.5px * var(--fs));letter-spacing:.01em;white-space:nowrap;transition:color .15s ease,background .15s ease,box-shadow .15s ease;border-radius:999px}.tabs a:hover{background:rgba(255,255,255,.35)}.tabs a.active{color:var(--copper-dark);background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 100%);font-weight:700;box-shadow:0 2px 8px #0000002e}.page{max-width:1080px;margin:0 auto;padding:24px 16px 64px;animation:fadeUp .3s ease-out}.nav-badge{display:inline-block;background:var(--down);color:#fff;border-radius:999px;font-size:calc(11px * var(--fs));font-weight:700;padding:1px 7px;margin-left:6px;vertical-align:2px}.footer{border-top:1px solid var(--line);padding:22px 16px 40px;text-align:center;color:var(--ink-soft);font-size:calc(13px * var(--fs))}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;width:92%;max-width:560px;margin:0 auto 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.footer-nav-title{width:100%;font-weight:700;font-size:calc(12px * var(--fs));letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}.footer-nav a{color:var(--ink);font-size:calc(13px * var(--fs));font-weight:600;text-decoration:none;padding:3px 8px;border-radius:6px;transition:color .15s ease,background .15s ease}.footer-nav a:hover{color:var(--copper-dark);background:var(--wash, #faf6ec);text-decoration:underline}.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-bottom:14px}.footer-contact-link{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:calc(13.5px * var(--fs));font-weight:600;text-decoration:none;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.footer-contact-link:hover{border-color:var(--copper);transform:translateY(-1px);box-shadow:var(--shadow)}.footer-contact-link.line{border-color:#06c755;color:#06864a}.footer-contact-link.line:hover{background:#eafaf0;border-color:#06c755}.footer-map{display:block;width:92%;max-width:560px;height:200px;margin:0 auto 16px;border:1px solid var(--line);border-radius:var(--radius)}.footer-slogan{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;width:92%;max-width:560px;margin:12px auto 0;font-weight:700;font-size:calc(14px * var(--fs));color:var(--copper-dark)}.footer-slogan span{white-space:nowrap}.demo-badge{background:#fff3d6;border:1px solid #e8cf8a;color:#8a6d1a;font-size:calc(12px * var(--fs));padding:3px 10px;border-radius:999px;white-space:nowrap}.btn{border:none;border-radius:999px;padding:10px 18px;font-size:calc(15px * var(--fs));font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--copper-light) 0%,var(--copper) 45%,var(--copper-dark) 100%);color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 14px var(--btn-shadow)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--btn-shadow-hover);filter:brightness(1.05)}.btn-outline{background:transparent;border:1.5px solid var(--copper);color:var(--copper-dark)}.btn-outline:hover:not(:disabled){background:var(--cream-1)}.btn-ghost{background:transparent;border:none;color:var(--ink-soft);text-decoration:underline}.btn-small{padding:6px 14px;font-size:calc(13px * var(--fs))}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:calc(14px * var(--fs));font-weight:600;color:var(--ink-soft)}.field input,.field select{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font-size:calc(15px * var(--fs));font-family:inherit;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px var(--focus-ring)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px}.auth-card{max-width:420px;margin:32px auto}.error-box{background:#fdecea;border:1px solid #f5c6c0;color:var(--down);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:calc(14px * var(--fs))}.info-box{background:var(--cream-1);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:calc(13px * var(--fs));color:var(--ink-soft)}.success-box{background:#e9f5ec;border:1px solid #bfe3c8;color:var(--confirmed);border-radius:10px;padding:12px 14px;font-size:calc(14px * var(--fs))}.price-board{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;position:relative;transition:filter .15s ease;box-shadow:inset 0 1px #ffffff4d}.price-row:hover{filter:brightness(1.03)}.price-row+.price-row{border-top:1px solid rgba(0,0,0,.08)}.price-row .row-title{font-family:"Noto Serif Thai",serif;font-size:calc(20px * var(--fs));font-weight:600;margin:0}.price-row .row-sub{font-size:calc(12px * var(--fs));letter-spacing:.12em;opacity:.75;margin-top:6px;text-transform:uppercase}.price-row .row-underline{display:block;width:56px;height:2px;margin-top:8px;background:currentColor;opacity:.5}.price-row .row-price{font-size:calc(26px * var(--fs));font-weight:700;white-space:nowrap}.price-row .row-price small{font-size:calc(13px * var(--fs));font-weight:500;opacity:.8}.row-light{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.row-dark{color:var(--ink)}.section-heading{display:flex;align-items:baseline;gap:12px;margin:36px 0 14px}.section-heading:after{content:"";flex:1;height:1px;align-self:center;background:linear-gradient(90deg,var(--copper-light),transparent);opacity:.55}.section-heading h2{margin:0;font-size:calc(24px * var(--fs))}.section-heading .en{color:var(--ink-soft);font-size:calc(13px * var(--fs));letter-spacing:.15em;text-transform:uppercase}.hero{text-align:center;padding:40px 16px 10px}.hero h1{font-size:calc(34px * var(--fs));letter-spacing:.01em;margin:0 0 6px}.hero h1:after{content:"";display:block;width:84px;height:3px;margin:14px auto 16px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--copper),transparent)}.hero p{color:var(--ink-soft);margin:0}.pricedate{display:inline-block;color:var(--ink-soft);font-size:calc(13px * var(--fs));margin-top:14px;padding:6px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 8px #0000000d}.trade-board{display:flex;flex-direction:column;gap:10px}.trade-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;cursor:pointer;text-align:left;width:100%;transition:box-shadow .15s ease,border-color .15s ease,transform .06s ease}.trade-row:hover{border-color:var(--copper-light);box-shadow:var(--shadow);transform:translateY(-1px)}.trade-row:active{transform:scale(.995)}.trade-row .t-name{font-weight:700;font-size:calc(16px * var(--fs))}.trade-row .t-sub{color:var(--ink-soft);font-size:calc(12px * var(--fs));margin-top:2px}.trade-row .t-price{font-size:calc(28px * var(--fs));font-weight:800;font-variant-numeric:tabular-nums;text-align:right;line-height:1.1}.trade-row .t-delta{font-size:calc(12px * var(--fs));font-weight:600;text-align:right}.trade-row .t-hl{color:var(--ink-soft);font-size:calc(12px * var(--fs));text-align:right;min-width:96px;font-variant-numeric:tabular-nums}.trade-row .t-hint{grid-column:1 / -1;font-size:calc(12px * var(--fs));color:var(--copper-dark);border-top:1px dashed var(--line);padding-top:8px}.t-up{color:var(--up)}.t-down{color:var(--down)}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(43,33,24,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px;animation:backdropIn .15s ease-out}.modal{background:#fff;border-radius:var(--radius);border-top:4px solid var(--copper);box-shadow:0 24px 60px #0000004d;width:100%;max-width:420px;padding:24px;animation:modalIn .18s ease-out}.modal h3{margin:0 0 4px}.modal .m-price{color:var(--ink-soft);font-size:calc(14px * var(--fs));margin-bottom:16px}.unit-choice{display:flex;gap:10px;margin-bottom:4px}.unit-choice label{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:10px;text-align:center;cursor:pointer;font-weight:600;color:var(--ink-soft)}.unit-choice input{display:none}.unit-choice label.selected{border-color:var(--copper);background:var(--cream-1);color:var(--copper-dark)}.estimate{background:var(--cream-1);border-radius:10px;padding:12px 14px;margin:14px 0;display:flex;justify-content:space-between;font-weight:700}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal .m-review-note{color:var(--ink-soft);font-size:calc(14px * var(--fs));margin:0 0 14px}.review-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}.review-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.review-row:last-child{border-bottom:none}.review-row span{color:var(--ink-soft);font-size:calc(14px * var(--fs))}.review-row strong{text-align:right}.review-row.total{background:var(--cream-1);font-size:calc(17px * var(--fs))}.review-row.total strong{color:var(--copper-dark)}.w-input{width:100px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--cream-0, #fff)}.report-total-row td{font-weight:800;background:var(--cream-1);border-top:2px solid var(--line)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.report-table{width:100%;border-collapse:collapse;min-width:640px}.report-table th{background:linear-gradient(135deg,var(--copper) 0%,var(--copper-dark) 100%);color:#fff;text-align:left;padding:12px 14px;font-size:calc(14px * var(--fs));white-space:nowrap}.report-table td{padding:12px 14px;border-top:1px solid var(--line);font-size:calc(14px * var(--fs));font-variant-numeric:tabular-nums}.report-table tr:nth-child(2n) td{background:var(--cream-3)}.report-table tbody tr{transition:background .12s ease}.report-table tbody tr:hover td{background:#fdf4e3}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:calc(13px * var(--fs));font-weight:600;white-space:nowrap}.badge-pending{background:#fdf3d7;color:var(--pending);border:1px solid #ecd9a0}.badge-confirmed{background:#e9f5ec;color:var(--confirmed);border:1px solid #bfe3c8}.badge-cancelled{background:#f6e9e9;color:#a33a3a;border:1px solid #e3bfbf}.btn-outline.btn-danger{color:#a33a3a;border-color:#e3bfbf}.btn-outline.btn-danger:hover{background:#f6e9e9;border-color:#d99a9a}.admin-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.admin-tabs button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer;color:var(--ink-soft)}.admin-tabs button.active{border-color:var(--copper);background:var(--cream-1);color:var(--copper-dark)}.price-edit-row{display:grid;grid-template-columns:1fr 110px auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.price-edit-row input{border:1.5px solid var(--line);border-radius:8px;padding:8px;font-size:calc(14px * var(--fs));width:100%}@media (max-width: 640px){.price-edit-row{grid-template-columns:1fr 1fr}}.lang-picker{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;background:#fff;font-size:calc(13px * var(--fs))}.lang-picker select{border:none;background:transparent;font-family:inherit;font-size:calc(13px * var(--fs));font-weight:600;color:var(--copper-dark);cursor:pointer}.lang-picker select:focus{outline:none}.dict-editor{font-family:ui-monospace,Cascadia Mono,Courier New,monospace;font-size:calc(12.5px * var(--fs));width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;resize:vertical;color:var(--ink);background:#fff}.dict-editor:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px var(--focus-ring)}.pending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:22px}.pending-card{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid var(--line);border-left:5px solid var(--pending);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;cursor:pointer;font-family:inherit;font-size:calc(14.5px * var(--fs));color:var(--ink);transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.pending-card:hover{border-color:var(--copper-light);border-left-color:var(--copper);transform:translateY(-1px)}.pending-card .cnt{font-size:calc(28px * var(--fs));font-weight:800;color:var(--copper-dark);min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.pending-card .topic{font-weight:600}.agent-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.agent-stat-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.agent-stat-card .label{font-size:calc(13px * var(--fs));color:var(--ink-soft)}.agent-stat-card .value{font-size:calc(22px * var(--fs));font-weight:800;color:var(--copper-dark);font-variant-numeric:tabular-nums}.agent-stat-card .value.code{letter-spacing:2px}.agent-stat-card .hint{font-size:calc(12px * var(--fs));color:var(--ink-soft)}.agent-stat-card.highlight{border-left:5px solid var(--copper);background:linear-gradient(180deg,#fffdf6,#fff)}.referral-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--copper-soft, #f4ead2);color:var(--copper-dark);font-weight:700;letter-spacing:1.5px;font-variant-numeric:tabular-nums}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.theme-card{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer;font-family:inherit;font-size:calc(15px * var(--fs));font-weight:600;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.theme-card:hover:not(:disabled){border-color:var(--copper-light);box-shadow:var(--shadow)}.theme-card.selected{border-color:var(--copper);background:var(--cream-1)}.theme-card .swatches{display:inline-flex;gap:4px}.theme-card .dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.theme-card .check{margin-left:auto;color:var(--copper-dark);font-weight:800}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:calc(14px * var(--fs));box-shadow:0 10px 30px #0000004d;z-index:80;max-width:90vw;text-align:center;animation:toastIn .2s ease-out}.company-hero{text-align:center;padding:20px 16px 8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;text-align:center}.stat .num{font-family:"Noto Serif Thai",Noto Sans Thai,Noto Sans SC,serif;font-size:calc(32px * var(--fs));font-weight:800;color:var(--copper-dark)}.stat .lbl{color:var(--ink-soft);font-size:calc(13px * var(--fs));margin-top:4px}.company-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media (max-width: 760px){.company-grid{grid-template-columns:1fr}}.service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.service-list li{display:flex;gap:10px;align-items:baseline}.service-list .tick{color:var(--confirmed);font-weight:700}.reg-table{width:100%;font-size:calc(14px * var(--fs));border-collapse:collapse}.reg-table td{padding:6px 0;vertical-align:top}.reg-table td.k{color:var(--copper-dark);font-weight:600;width:45%;padding-right:10px}.cta-box{text-align:center;background:linear-gradient(135deg,var(--cream-1) 0%,#fff 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin-top:16px}.company-section{margin-top:26px}.company-para{line-height:1.9;color:var(--ink);margin:0 0 12px}.company-para:last-child{margin-bottom:0}.company-intro{text-align:center;max-width:760px;margin:0 auto 20px;color:var(--ink-soft)}.company-closing{margin-top:18px;padding:16px 20px;border-left:4px solid var(--copper);background:linear-gradient(180deg,var(--cream-1),#fff);border-radius:0 var(--radius) var(--radius) 0}.company-closing p{margin:2px 0;font-weight:700;font-size:calc(16px * var(--fs));color:var(--copper-dark);line-height:1.6}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.concept-pillar{position:relative;text-align:center;background:#fff;border:1px solid var(--line);border-top:4px solid var(--copper);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 18px}.concept-no{font-size:calc(13px * var(--fs));font-weight:700;color:var(--copper-light);letter-spacing:2px}.concept-key{font-size:calc(24px * var(--fs));font-weight:800;letter-spacing:3px;color:var(--copper-dark);margin:4px 0 10px}.concept-pillar p{margin:0;color:var(--ink-soft);line-height:1.7}@media (max-width: 680px){.concept-grid{grid-template-columns:1fr}}.vision-quote{margin:4px 0 16px;padding:4px 0 4px 18px;border-left:4px solid var(--copper);font-size:calc(19px * var(--fs));font-weight:700;line-height:1.6;color:var(--copper-dark);quotes:"“" "”"}.vision-quote:before{content:open-quote}.vision-quote:after{content:close-quote}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mission-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.mission-check{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--copper);color:#fff;font-weight:800;font-size:15px}.mission-item strong{display:block;color:var(--copper-dark);font-size:calc(15.5px * var(--fs));margin-bottom:3px}.mission-item p{margin:0;color:var(--ink-soft);line-height:1.65;font-size:calc(13.5px * var(--fs))}@media (max-width: 680px){.mission-grid{grid-template-columns:1fr}}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px}.service-tick{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e9f5ec;color:var(--confirmed);font-weight:800;font-size:18px;margin-bottom:12px}.service-card h3{margin:0 0 8px;font-size:calc(16.5px * var(--fs));color:var(--ink)}.service-card p{margin:0;color:var(--ink-soft);line-height:1.7;font-size:calc(14px * var(--fs))}@media (max-width: 680px){.service-cards{grid-template-columns:1fr}}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.why-card{text-align:center;background:linear-gradient(160deg,#2a2114 0%,#4a3a1c 60%,#6d4f0f 100%);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 16px}.why-no{font-size:calc(30px * var(--fs));font-weight:800;color:var(--gold-2, #e0c14f);line-height:1}.why-en{font-weight:700;letter-spacing:.5px;margin:10px 0 6px;font-size:calc(15px * var(--fs))}.why-th{color:#ffffffd1;font-size:calc(13px * var(--fs));line-height:1.6}@media (max-width: 680px){.why-grid{grid-template-columns:repeat(2,1fr)}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 760px){.contact-grid{grid-template-columns:1fr}}.map-frame{width:100%;height:320px;border:0;border-radius:var(--radius);box-shadow:var(--shadow)}.contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.contact-list li{display:flex;gap:10px;align-items:baseline}.contact-list .k{font-weight:700;min-width:96px;color:var(--copper-dark)}.empty-state{text-align:center;color:var(--ink-soft);padding:48px 16px}.logo-wrap{display:inline-flex;align-items:center;gap:10px}.logo-mark{width:78px;height:78px;flex-shrink:0}.logo-img{height:120px;width:auto;display:block;flex-shrink:0}.company-hero .logo-img{height:96px;margin:0 auto}.logo-word{display:flex;flex-direction:column;line-height:1.15}.logo-word-main{font-family:"Noto Serif Thai",serif;font-weight:700;font-size:calc(30px * var(--fs));color:var(--logo-main, #7c4a24)}.logo-word-main.latin{letter-spacing:.06em}.logo-word-sub{font-size:calc(14.5px * var(--fs));letter-spacing:.16em;color:var(--logo-sub, #a76a3a);border-top:1px solid var(--logo-line, #d8c79a);padding-top:2px}a.userbox{text-decoration:none;cursor:pointer}a.userbox:hover .name{text-decoration:underline}.hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:36px;padding:8px 9px;background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.12);border-radius:10px;cursor:pointer}.hamburger span{display:block;height:2.5px;border-radius:2px;background:var(--header-ink)}.mobile-menu,.lang-select-code{display:none}@media (max-width: 680px){.tabs-band{display:none}.topbar{--header-shelf: transparent}.hamburger{display:inline-flex}.mobile-menu{display:flex;flex-direction:column;background:#fff;border-top:1px solid var(--line);padding:4px 0 10px}.mobile-menu a{padding:12px 20px;text-decoration:none;color:var(--ink);font-weight:600;border-bottom:1px solid var(--cream-1)}.mobile-menu a.active{color:var(--copper-dark);background:var(--cream-1)}.topbar-inner{padding:8px 12px;gap:10px}.topbar .demo-badge{display:none}.topbar .logo-mark{width:56px;height:56px}.topbar .logo-img{height:84px}.topbar .logo-word-main{font-size:calc(18px * var(--fs))}.topbar .logo-word-sub,.userbox .status{display:none}.userbox .name{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-select-full{display:none}.lang-select-code{display:inline-block}.lang-picker{padding:4px 8px;font-size:calc(12.5px * var(--fs))}}@media (min-width: 681px){:root{--fs: 1.5}}.marquee-bar{position:relative;z-index:0;width:100%;margin-top:-26px;padding:35px 0 9px;background:var(--marquee-bg);color:var(--header-ink);box-shadow:0 3px 10px #00000014;overflow:hidden}.marquee-viewport{width:100%;overflow:hidden}.marquee-track{display:inline-block;white-space:nowrap;will-change:transform;padding-left:100%;font-size:calc(14.5px * var(--fs));font-weight:600;letter-spacing:.01em;animation:marquee-rtl 18s linear infinite}.marquee-bar:hover .marquee-track{animation-play-state:paused}.marquee-fab-icon,.marquee-close{display:none}.marquee-bubble{display:block}.marquee-bubble:before{display:none}@keyframes marquee-rtl{0%{transform:translate(0)}to{transform:translate(-100%)}}.announce-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(38,28,8,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeUp .2s ease-out}.announce-popup{position:relative;background:var(--cream-3);border-radius:20px;box-shadow:0 24px 70px #0006;max-width:440px;width:100%;padding:40px 30px 28px;text-align:center;overflow:hidden;animation:announce-pop .3s cubic-bezier(.2,.9,.3,1.25)}.announce-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--copper-dark),var(--copper-light),var(--copper-dark))}.announce-popup-badge{width:66px;height:66px;margin:4px auto 16px;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;background:linear-gradient(180deg,var(--header-hi),var(--header-mid));border:3px solid var(--cream-3);border-radius:50%;box-shadow:0 6px 18px #8f6f1440}.announce-popup-title{font-family:"Noto Serif Thai",Noto Sans Thai,serif;font-weight:700;font-size:calc(20px * var(--fs));color:var(--copper-dark);margin-bottom:10px}.announce-popup-text{font-size:calc(15px * var(--fs));color:var(--ink);line-height:1.6;white-space:pre-wrap;margin:0 0 24px}.announce-popup-btn{min-width:150px}.announce-popup-x{position:absolute;top:12px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:26px;line-height:1;color:var(--ink-soft);cursor:pointer;border-radius:50%;transition:background .15s ease,color .15s ease}.announce-popup-x:hover{background:rgba(0,0,0,.07);color:var(--ink)}@keyframes announce-pop{0%{opacity:0;transform:translateY(14px) scale(.93)}to{opacity:1;transform:none}}.type-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:type-blink 1s step-end infinite}@keyframes type-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.announce-popup,.type-caret{animation:none}}.announce-field-label{display:block;font-weight:600;font-size:calc(13.5px * var(--fs));color:var(--ink);margin:14px 0 6px}.announce-textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:calc(14px * var(--fs));color:var(--ink);background:#fff}.announce-mode-row{display:flex;flex-wrap:wrap;gap:10px}.announce-mode-opt{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;font-size:calc(14px * var(--fs));font-weight:600;background:#fff;transition:border-color .15s ease,background .15s ease}.announce-mode-opt.selected{border-color:var(--copper);background:var(--cream-1)}.announce-active-row{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:calc(14px * var(--fs));font-weight:600;cursor:pointer}.audit-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.audit-filters .field{margin:0;min-width:150px;flex:1 1 150px}.audit-filter-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.audit-count{font-size:calc(13px * var(--fs));color:var(--ink-soft);margin:4px 0 8px}.audit-table td{vertical-align:top;font-size:calc(12.5px * var(--fs))}.audit-time,.audit-ip{white-space:nowrap;font-variant-numeric:tabular-nums}.audit-detail{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-family:ui-monospace,SF Mono,Menlo,monospace}.audit-ua{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.audit-action-chip{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--marquee-bg, #eee);color:var(--ink);font-size:calc(12px * var(--fs));white-space:nowrap}.audit-action-chip.danger{background:#fde2e1;color:#a11119}.audit-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:14px;font-size:calc(13px * var(--fs))}