@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_6ba39ca0-module__2M1s_G__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_6ba39ca0-module__2M1s_G__variable{--font-noto-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--color-forest:#0c6654;--color-field:#edf5ef;--color-harvest:#d38b4a;--color-sun:#dba93a;--bg-0:#f7fbf8;--bg-1:#edf5ef;--bg-2:#e1ece6;--bg-3:#d2dfd8;--bg-4:#bed0c6;--line:#d5e1db;--line-soft:#e4eee9;--line-bright:#f4f8f6;--fg-0:#10221b;--fg-1:#243a31;--fg-2:#5d7068;--fg-3:#869891;--ok:#2f8f5b;--warn:#c98618;--risk:#c35345;--crit:#a93a34;--data:#217fa3;--data-2:#647b5d;--ok-bg:#6b8c5a1a;--warn-bg:#d9a8441a;--risk-bg:#c978561a;--data-bg:#7a9db51a;--shadow-soft:0 8px 16px #10221b14;--shadow-card:0 12px 32px #10221b1f;--shadow-glow:0 0 0 1px #10221b0a, 0 16px 40px #10221b1f;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Courier New", monospace;--font-thai:var(--font-noto-thai), "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--fg-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#00404a2e,#0000 26%),radial-gradient(circle at 100% 0,#00331c1f,#0000 22%),linear-gradient(#080e15,#03060b);background:radial-gradient(circle at 0 0,lab(23.8596% -15.9659 -11.7306/.18),#0000 26%),radial-gradient(circle at 100% 0,lab(17.5228% -27.2527 10.639/.12),#0000 22%),linear-gradient(lab(3.66793% -.697918 -4.51446),lab(1.54484% -.306152 -2.14939));font-size:13px;line-height:1.45;overflow:hidden}:lang(th),.thai{font-family:var(--font-thai)}.app{grid-template-columns:252px 1fr;height:100vh;display:grid}.sidebar{background:linear-gradient(#0b121afa,#060c13fa),radial-gradient(circle at 0 0,#01515f14,#0000 28%);background:linear-gradient(lab(5.22342% -.988416 -6.28274/.98),lab(3.01933% -.589833 -4.0051/.98)),radial-gradient(circle at 0 0,lab(30.8555% -18.0021 -14.4178/.08),#0000 28%);border-right:1px solid #2a343fe0;border-right:1px solid lab(21.0636% -1.87877 -8.45972/.88);flex-direction:column;padding:18px 0;display:flex;position:relative;box-shadow:inset -1px 0 #ffffff05}.sidebar:before{content:"";pointer-events:none;opacity:.36;background:linear-gradient(#ffffff06,#0000 14%),repeating-linear-gradient(#0000 0 14px,#ffffff03 15px,#0000 16px);position:absolute;inset:0}.brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:0 18px 20px;display:flex;position:relative}.brand-mark{background:radial-gradient(circle at 30% 30%, #ffffff6b, transparent 35%), linear-gradient(145deg, var(--ok), var(--data));color:#040a11;color:lab(2.4467% -.500761 -3.98791);border-radius:11px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid;position:relative;box-shadow:0 12px 30px #42c77b2e;box-shadow:0 12px 30px lab(71.9047% -50.6017 27.4593/.18)}.brand-mark:after{content:"";z-index:-1;background:radial-gradient(circle,#1dcaf738,#0000 68%);background:radial-gradient(circle,lab(75.0929% -30.3307 -34.2539/.22),#0000 68%);border-radius:16px;position:absolute;inset:-7px}.brand-name{color:var(--fg-0);letter-spacing:-.03em;font-size:18px;font-weight:800}.brand-sub{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em}.nav-section{color:var(--fg-3);text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-family:var(--font-mono);padding:16px 14px 6px}.nav-item{cursor:pointer;color:var(--fg-2);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;margin:3px 10px;padding:12px 14px;font-size:13px;transition:transform .18s,background .18s,color .18s,border-color .18s;display:flex;position:relative}.nav-item:hover{color:var(--fg-0);background:#17202abf;background:lab(11.7736% -1.68668 -8.3972/.75);border-color:#31464e47;border-color:lab(28.2355% -7.07999 -7.51495/.28);transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg, #172c33e6, #121b26f2), var(--bg-3);color:var(--fg-0);border-color:#648e9b5c;border-color:lab(56.2024% -12.2312 -12.0409/.36);box-shadow:0 16px 34px #000a1c2e}@supports (color:lab(0% 0 0)){.nav-item.active{background:linear-gradient(135deg, lab(16.6437% -7.20626 -7.17459/.9), lab(9.44991% -1.61551 -8.37654/.95)), var(--bg-3)}}.nav-item.active:before{content:"";background:linear-gradient(180deg, var(--data), var(--ok));border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:-2px}.nav-item.active .nav-dot{background:var(--ok);box-shadow:0 0 0 6px #42c77b1a;box-shadow:0 0 0 6px lab(71.9047% -50.6017 27.4593/.1)}.nav-dot{background:var(--fg-3);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .18s,box-shadow .18s}.nav-label{flex:1;min-width:0}.nav-label .thai{font-size:13px;font-weight:600}.nav-sub{color:var(--fg-3);font-size:10px;font-family:var(--font-mono)}.sidebar-footer{border-top:1px solid var(--line-soft);margin-top:auto;padding:16px 14px}.status-pill{color:var(--fg-2);font-size:11px;font-family:var(--font-mono);background:#121b26e6;background:lab(9.44505% -1.64548 -8.71519/.9);border:1px solid #2f42382e;border:1px solid lab(26.1631% -9.72951 3.85366/.18);border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.pulse{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #52d48780;box-shadow:0 0 lab(76.5501% -50.4943 27.3749/.5)}70%{box-shadow:0 0 0 10px #52d48700;box-shadow:0 0 0 10px lab(76.5501% -50.4943 27.3749/0)}to{box-shadow:0 0 #52d48700;box-shadow:0 0 lab(76.5501% -50.4943 27.3749/0)}}.main{background:radial-gradient(circle at top,#07506229,#0000 34%),radial-gradient(circle at 85% 18%,#0844241a,#0000 22%),linear-gradient(#ffffff08,#0000 18%);background:radial-gradient(circle at top,lab(30.7467% -15.9535 -16.4906/.16),#0000 34%),radial-gradient(circle at 85% 18%,lab(24.4677% -25.3966 13.8058/.1),#0000 22%),linear-gradient(#ffffff08,#0000 18%);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.main:before{content:"";pointer-events:none;opacity:.28;background:linear-gradient(#ffffff08,#0000 10%),repeating-linear-gradient(135deg,#0000 0 24px,#ffffff03 25px,#0000 26px);position:absolute;inset:0}.main:after{content:attr(data-screen-label);color:#ffffff06;letter-spacing:-.04em;z-index:0;pointer-events:none;font-size:clamp(38px,4vw,70px);font-weight:800;position:absolute;top:58px;right:28px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050a10d1;background:lab(2.45192% -.490233 -3.52627/.82);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 18px 28px #00081829}.topbar-title{flex-direction:column;flex:1;gap:5px;min-width:320px;display:flex}.topbar-heading{align-items:center;gap:12px;min-width:0;display:flex}.topbar-code{color:var(--data);font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;background:#10252ce6;background:lab(13.1609% -7.13965 -7.15213/.9);border:1px solid #33525c57;border:1px solid lab(32.9417% -9.68874 -9.59522/.34);border-radius:999px;flex-shrink:0;padding:5px 10px;box-shadow:inset 0 1px #ffffff0a}.topbar h1{color:var(--fg-0);letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:27px;font-weight:800;line-height:1.05}.topbar-subcopy{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.topbar-en{color:var(--fg-2);font-size:12px;font-family:var(--font-mono);letter-spacing:.06em}.topbar .subtitle{color:var(--fg-3);font-size:12px;font-family:var(--font-thai)}.topbar-meta{color:var(--fg-2);font-size:11px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.module-list,.secondary-list{flex-direction:column;display:flex}.meta-item{background:#0f171fb8;background:lab(7.17479% -1.28882 -6.94574/.72);border:1px solid #2a343fc2;border:1px solid lab(21.0636% -1.87877 -8.45972/.76);border-radius:14px;flex-direction:column;align-items:flex-end;gap:3px;min-width:92px;padding:9px 12px;display:flex}.meta-item .k{color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.meta-item .v{color:var(--fg-0);font-size:12px}.content{z-index:1;flex-direction:column;flex:1;gap:12px;padding:12px 24px 36px;display:flex;position:relative;overflow:auto}.content>*{width:min(100%,1480px);margin-inline:auto}.overview-hero{box-shadow:var(--shadow-card);background:radial-gradient(circle at 100% 0,#34728557,#0000 28%),radial-gradient(circle at 0 100%,#0c69442e,#0000 24%),linear-gradient(145deg,#17212d,#0b121a);background:radial-gradient(circle at 100% 0,lab(44.6878% -16.4783 -16.6317/.34),#0000 28%),radial-gradient(circle at 0 100%,lab(38.6765% -33.4288 13.1222/.18),#0000 24%),linear-gradient(145deg,lab(12.3454% -1.77539 -9.08176),lab(5.22342% -.988416 -6.28274));border:1px solid #48707e6b;border:1px solid lab(44.5725% -11.646 -12.4665/.42);border-radius:26px;margin-bottom:0;padding:16px 18px;animation:.55s both rise-in;position:relative;overflow:hidden}.overview-hero:before{content:"";pointer-events:none;opacity:.3;background:linear-gradient(90deg,#ffffff0d,#0000 30%),repeating-linear-gradient(90deg,#0000 0 34px,#ffffff03 35px,#0000 36px);position:absolute;inset:0}.overview-hero:after{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:25px;position:absolute;inset:1px}.overview-hero-main{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);align-items:stretch;gap:14px;display:grid}.overview-copy{flex-direction:column;justify-content:center;gap:8px;min-height:100%;display:flex}.overview-problem{color:var(--data);font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#081e24bd;background:lab(9.67724% -7.05269 -7.12507/.74);border:1px solid #47707d52;border:1px solid lab(44.5968% -12.1033 -11.9912/.32);border-radius:999px;align-self:flex-start;padding:5px 10px;display:inline-flex}.overview-copy h2{color:var(--fg-0);letter-spacing:-.055em;max-width:13ch;margin:0;font-size:clamp(22px,2.5vw,30px);line-height:1.02}.overview-copy p{color:#b7bfc7;color:lab(76.7783% -1.432 -5.39826);max-width:64ch;margin:0;font-size:12px}.overview-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.overview-proof-item{background:#0f1720b8;background:lab(7.16619% -1.34985 -7.62359/.72);border:1px solid #414e5d8a;border:1px solid lab(32.6513% -2.38228 -10.5867/.54);border-radius:14px;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;display:flex}.overview-proof-item .value{color:var(--fg-0);letter-spacing:-.04em;flex-shrink:0;font-size:18px;font-weight:800;display:inline-block}.overview-proof-item .label{color:var(--fg-2);text-align:right;font-size:10px;display:inline-block}.overview-kicker{color:#51d8f1;color:lab(79.9771% -32.3775 -23.6033);max-width:100%;font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;white-space:normal;overflow-wrap:anywhere;text-transform:uppercase;line-height:1.45;display:block}.overview-tags{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.overview-stat{background:linear-gradient(#17202aeb,#0f171ff0);background:linear-gradient(lab(11.7736% -1.68668 -8.3972/.92),lab(7.17479% -1.28882 -6.94574/.94));border:1px solid #4d5f74c7;border:1px solid lab(39.5805% -3.02558 -14.0632/.78);border-radius:18px;padding:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.overview-stat:after{content:"";background:radial-gradient(circle,#2bd1fe29,#0000 70%);background:radial-gradient(circle,lab(77.418% -30.4616 -34.2839/.16),#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-24px;right:-24px}.overview-stat .label{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;display:block}.overview-stat strong{z-index:1;color:var(--fg-0);letter-spacing:-.04em;font-size:22px;font-weight:800;position:relative}.overview-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.flow-card{text-align:left;border:1px solid var(--line-soft);color:var(--fg-1);cursor:pointer;background:linear-gradient(#131b25f0,#0c1219fa);background:linear-gradient(lab(9.45914% -1.54611 -7.69744/.94),lab(5.23043% -.939555 -5.60787/.98));border-radius:18px;padding:16px;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}.flow-card:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff0a,#0000 40%);position:absolute;inset:0}.flow-card:hover{border-color:#2bd1fe70;border-color:lab(77.418% -30.4616 -34.2839/.44);transform:translateY(-2px);box-shadow:0 18px 36px #00081833}.flow-card.active{background:radial-gradient(circle at 100% 0,#4892a847,#0000 40%),linear-gradient(#152c36f5,#0e1721fc);background:radial-gradient(circle at 100% 0,lab(56.3437% -18.9119 -19.032/.28),#0000 40%),linear-gradient(lab(16.6187% -7.25761 -8.88509/.96),lab(7.15692% -1.39813 -8.29877/.99));border-color:#6bb8ca94;border-color:lab(70.39% -21.2938 -16.7165/.58);box-shadow:0 20px 44px #000a1c3d}.flow-code{color:var(--data);font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;margin-bottom:10px;display:inline-flex}.flow-title{color:var(--fg-0);letter-spacing:-.02em;font-size:16px;font-weight:700}.flow-desc{color:var(--fg-2);margin-top:6px;font-size:12px;line-height:1.5}.card,.stat{background:linear-gradient(180deg, #141d27fa, #0d141dfc), var(--bg-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);border:1px solid #414e5de0;border:1px solid lab(32.6513% -2.38228 -10.5867/.88);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.card,.stat{background:linear-gradient(180deg, lab(10.0309% -1.63456 -8.38195/.98), lab(6.14767% -1.1339 -6.70349/.99)), var(--bg-1)}}.card:before,.stat:before{content:"";pointer-events:none;opacity:.9;background:linear-gradient(#ffffff0a,#0000 16%);position:absolute;inset:0}.card{padding:18px;animation:.5s both rise-in}.card-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-h h3{color:var(--fg-0);letter-spacing:-.02em;margin:0;font-size:14px;font-weight:700}.card-h .sub{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.stat{flex-direction:column;gap:6px;min-height:102px;padding:16px;transition:transform .18s,border-color .18s;display:flex}.stat:hover{border-color:#59819070;border-color:lab(51.5364% -11.7356 -12.4998/.44);transform:translateY(-2px)}.stat-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-family:var(--font-mono)}.stat-value{color:var(--fg-0);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.stat-value .unit{color:var(--fg-3);font-size:11px;font-weight:500;font-family:var(--font-mono);margin-left:6px}.stat-delta{font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.stat-delta.positive{color:var(--ok)}.stat-delta.negative{color:var(--risk)}.stat-delta.neutral{color:var(--fg-2)}.stat-delta.up{color:var(--risk)}.stat-delta.down{color:var(--ok)}.stat-delta.flat{color:var(--fg-2)}.chip{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:7px;padding:5px 10px;display:inline-flex}.chip.ok{color:var(--ok);background:var(--ok-bg);border-color:#52d48752;border-color:lab(76.5501% -50.4943 27.3749/.32)}.chip.warn{color:var(--warn);background:var(--warn-bg);border-color:#f8bd4052;border-color:lab(80.3904% 13.6911 67.5321/.32)}.chip.risk{color:var(--risk);background:var(--risk-bg);border-color:#ff725e57;border-color:lab(65.7562% 58.312 42.2455/.34)}.chip.data{color:var(--data);background:var(--data-bg);border-color:#2bd1fe5c;border-color:lab(77.418% -30.4616 -34.2839/.36)}.chip .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.btn{color:var(--fg-1);border:1px solid var(--line);font-family:var(--font-sans);cursor:pointer;background:#131b25eb;background:lab(9.45914% -1.54611 -7.69744/.92);border-radius:12px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.btn:hover{background:var(--bg-3);color:var(--fg-0);border-color:#3f5d6852;border-color:lab(37.5649% -9.38313 -9.99777/.32);transform:translateY(-1px)}.btn.ghost{background:0 0}.btn.primary{color:#08120b;color:lab(4.61872% -4.00731 2.10425);background:linear-gradient(135deg,#67c377,#8ac652);background:linear-gradient(135deg,lab(71.5997% -40.9805 29.3379),lab(73.8383% -34.2211 50.2531));border-color:#0000;font-weight:800;box-shadow:0 14px 28px #67c3772e;box-shadow:0 14px 28px lab(71.5997% -40.9805 29.3379/.18)}.btn.primary:hover{filter:brightness(1.04);box-shadow:0 18px 34px #67c37738;box-shadow:0 18px 34px lab(71.5997% -40.9805 29.3379/.22)}.btn.xs{padding:4px 9px;font-size:11px}.toggle-group{border:1px solid var(--line);background:#0b121ae6;background:lab(5.22342% -.988416 -6.28274/.9);border-radius:14px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.toggle-group button{color:var(--fg-2);cursor:pointer;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;border-radius:10px;padding:6px 12px;transition:background .18s,color .18s}.toggle-group button.on{color:var(--fg-0);background:linear-gradient(#1c3138f2,#17202af5);background:linear-gradient(lab(18.9652% -7.24258 -7.18757/.95),lab(11.7736% -1.68668 -8.3972/.96))}.legend{color:var(--fg-2);font-size:11px;font-family:var(--font-mono);flex-wrap:wrap;gap:10px;display:flex}.legend .sw{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#202a35e6 padding-box padding-box;background:lab(16.4194% -1.79709 -8.43186/.9) padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#323e4df2 padding-box padding-box;background:lab(25.6854% -2.26919 -10.5474/.95) padding-box padding-box}.grid{gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.mod1-layout{grid-template-columns:1.45fr 1fr}.mod2-layout{grid-template-columns:1fr 340px}.mod3-layout{grid-template-columns:1.4fr 1fr}.map-wrap{background:radial-gradient(circle at 100% 0,#0d62773d,#0000 28%),linear-gradient(#111820,#080e14);background:radial-gradient(circle at 100% 0,lab(37.7569% -18.2493 -18.8504/.24),#0000 28%),linear-gradient(lab(7.72862% -1.36982 -6.99705),lab(3.67349% -.659876 -3.95044));border:1px solid #475463db;border:1px solid lab(34.9729% -2.41284 -10.5979/.86);border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.map-wrap:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 14%);position:absolute;inset:0}.map-svg{cursor:crosshair;width:100%;height:auto;display:block}.map-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);background:#050a10e0;background:lab(2.45192% -.490233 -3.52627/.88);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;top:14px;left:14px}.map-legend{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);font-size:11px;font-family:var(--font-mono);background:#050a10e6;background:lab(2.45192% -.490233 -3.52627/.9);border-radius:16px;flex-direction:column;gap:7px;padding:12px 14px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 16px 34px #00081838}.map-crosshair{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);font-family:var(--font-mono);color:var(--fg-2);background:#050a10e6;background:lab(2.45192% -.490233 -3.52627/.9);border-radius:14px;padding:8px 12px;font-size:11px;position:absolute;top:14px;right:14px}.zone-popup{pointer-events:auto;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 100% 0,#1a4f5e24,#0000 38%),linear-gradient(#131b25f5,#0c1219fa);background:radial-gradient(circle at 100% 0,lab(30.7084% -13.9566 -14.2075/.14),#0000 38%),linear-gradient(lab(9.45914% -1.54611 -7.69744/.96),lab(5.23043% -.939555 -5.60787/.98));border:1px solid #354c5357;border:1px solid lab(30.5707% -7.36614 -7.23587/.34);border-radius:18px;min-width:252px;padding:14px;position:absolute;box-shadow:0 24px 48px #00081857}.zone-popup .close{color:var(--fg-3);cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.chart-wrap{position:relative}.chart-svg{width:100%;height:auto;display:block}.chart-tt{pointer-events:none;border:1px solid var(--line);font-family:var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03080ef2;background:lab(1.96029% -.399128 -3.07796/.95);border-radius:14px;min-width:148px;padding:10px 12px;font-size:11px;position:absolute;box-shadow:0 14px 30px #00081857}.chart-tt .row{justify-content:space-between;gap:12px;display:flex}.chart-tt .row .k{color:var(--fg-3)}.chart-tt .row .v{color:var(--fg-0)}.alert{border-left:3px solid var(--warn);background:linear-gradient(180deg, #0f171ff5, #0c1219fa), var(--bg-1);border-top:1px solid var(--line-soft);border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);border-radius:16px;margin-bottom:10px;padding:14px 15px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.alert{background:linear-gradient(180deg, lab(7.17479% -1.28882 -6.94574/.96), lab(5.23043% -.939555 -5.60787/.98)), var(--bg-1)}}.alert:hover{transform:translateY(-1px)}.alert.risk{border-left-color:var(--risk)}.alert.crit{border-left-color:var(--crit)}.alert.ok{border-left-color:var(--ok)}.alert .h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.alert .title{color:var(--fg-0);font-size:13px;font-weight:700}.alert .body{color:var(--fg-2);font-size:12px}.alert .conf{font-size:10px;font-family:var(--font-mono);color:var(--fg-3);align-items:center;gap:6px;margin-top:9px;display:flex}.alert .conf .bar{background:var(--bg-3);border-radius:999px;flex:1;height:4px;overflow:hidden}.alert .conf .fill{background:linear-gradient(90deg, var(--data), #5cc3b0);height:100%}@supports (color:lab(0% 0 0)){.alert .conf .fill{background:linear-gradient(90deg, var(--data), lab(72.255% -34.7319 -.273669))}}.alert .dismiss{color:var(--fg-3);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1}.alert .dismiss:hover{color:var(--fg-0)}.tabs{border:1px solid var(--line);background:#111922db;background:lab(8.29737% -1.5115 -7.68739/.86);border-radius:16px;gap:4px;width:fit-content;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.tab{color:var(--fg-2);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:0;border-radius:12px;padding:10px 16px;transition:color .18s,background .18s,transform .18s}.tab:hover{color:var(--fg-0)}.tab.on{color:var(--fg-0);background:linear-gradient(#172c33f0,#131b25f5);background:linear-gradient(lab(16.6437% -7.20626 -7.17459/.94),lab(9.45914% -1.54611 -7.69744/.96));box-shadow:0 12px 24px #0008182e}.tab .thai{font-family:var(--font-thai);font-weight:600}.tab .role{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-left:6px}.decision-overview{margin-bottom:14px}.rt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rt-card{border:1px solid var(--line-soft);background:linear-gradient(180deg, #0f171ff2, #0a1017fa), var(--bg-1);border-radius:16px;padding:12px}@supports (color:lab(0% 0 0)){.rt-card{background:linear-gradient(180deg, lab(7.17479% -1.28882 -6.94574/.95), lab(4.40316% -.814498 -5.05434/.98)), var(--bg-1)}}.rt-card-price{grid-column:span 1}.rt-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.rt-label{color:var(--fg-3);letter-spacing:.12em;font-size:10px;font-family:var(--font-mono)}.rt-badge{color:var(--risk);background:var(--risk-bg);font-size:10px;font-family:var(--font-mono);border:1px solid #ff725e59;border:1px solid lab(65.7562% 58.312 42.2455/.35);border-radius:999px;padding:3px 8px}.rt-value{letter-spacing:-.03em;color:var(--fg-0);margin-top:4px;font-size:30px;font-weight:800;line-height:1}.rt-value span{color:var(--fg-3);margin-left:4px;font-size:12px;font-weight:500}.rt-value.risk-high,.rt-value.risk-critical{color:var(--risk)}.rt-value.risk-medium{color:var(--warn)}.rt-value.risk-low{color:var(--ok)}.rt-desc{color:var(--fg-2);margin-top:7px;font-size:12px}.price-mini{width:100%;height:86px;margin-top:2px;display:block}.flow-banner{color:var(--data);letter-spacing:.01em;background:#0d232959;background:lab(11.9998% -7.11335 -7.14369/.35);border:1px dashed #58828f6b;border:1px dashed lab(51.5604% -12.1857 -12.0227/.42);border-radius:12px;margin-top:12px;padding:9px 12px;font-size:13px;font-weight:700}.flow-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.flow-node{border:1px solid var(--line-soft);background:#0f171fc2;background:lab(7.17479% -1.28882 -6.94574/.76);border-radius:14px;padding:10px}.flow-node-layer{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.08em;font-size:10px}.flow-node-title{color:var(--fg-0);margin-top:5px;font-size:13px;font-weight:700}.flow-node-detail{color:var(--fg-2);margin-top:4px;font-size:11px}.action-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.action-card{border:1px solid var(--line-soft);background:radial-gradient(circle at 100% 0,#34728529,#0000 40%),linear-gradient(#0f171ff7,#0a1017fa);background:radial-gradient(circle at 100% 0,lab(44.6878% -16.4783 -16.6317/.16),#0000 40%),linear-gradient(lab(7.17479% -1.28882 -6.94574/.97),lab(4.40316% -.814498 -5.05434/.98));border-radius:16px;padding:12px}.action-card.urgent{border-color:#ff725e4d;border-color:lab(65.7562% 58.312 42.2455/.3)}.action-card.warn{border-color:#f8bd404d;border-color:lab(80.3904% 13.6911 67.5321/.3)}.action-card.risk{border-color:#2bd1fe52;border-color:lab(77.418% -30.4616 -34.2839/.32)}.action-role{color:var(--fg-0);font-size:13px;font-weight:700}.action-role-en{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;margin-top:2px}.action-text{color:var(--fg-1);min-height:48px;margin-top:9px;font-size:12px}.action-eta{color:var(--data);margin-top:8px;font-size:11px}.rec{background:linear-gradient(180deg, #0d141df5, #0a1017fa), var(--bg-1);border:1px solid var(--line-soft);border-radius:18px;gap:12px;margin-bottom:10px;padding:15px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.rec{background:linear-gradient(180deg, lab(6.14767% -1.1339 -6.70349/.96), lab(4.40316% -.814498 -5.05434/.98)), var(--bg-1)}}.rec:hover{border-color:#33525c4d;border-color:lab(32.9417% -9.68874 -9.59522/.3);transform:translateY(-1px)}.rec:before{content:"";background:#49576699;background:lab(36.1336% -2.42709 -10.6032/.6);border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.rec.urgent:before{background:linear-gradient(180deg, var(--risk), #ff9c3e)}@supports (color:lab(0% 0 0)){.rec.urgent:before{background:linear-gradient(180deg, var(--risk), lab(73.8254% 33.482 64.1888))}}.rec.soft:before{background:linear-gradient(180deg, var(--warn), #fda293)}@supports (color:lab(0% 0 0)){.rec.soft:before{background:linear-gradient(180deg, var(--warn), lab(75.8332% 33.0458 22.4521))}}.rec.good:before{background:linear-gradient(180deg, var(--ok), #59c0ad)}@supports (color:lab(0% 0 0)){.rec.good:before{background:linear-gradient(180deg, var(--ok), lab(71.095% -34.7454 -.272989))}}.rec-icon{width:40px;height:40px;font-family:var(--font-mono);background:var(--bg-3);color:var(--fg-1);border-radius:12px;flex-shrink:0;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff0a}.rec.urgent .rec-icon{background:var(--risk-bg);color:var(--risk)}.rec.soft .rec-icon{background:var(--warn-bg);color:var(--warn)}.rec.good .rec-icon{background:var(--ok-bg);color:var(--ok)}.rec-body{flex:1;min-width:0}.rec-title{color:var(--fg-0);letter-spacing:-.02em;margin-bottom:4px;font-size:14px;font-weight:700}.rec-desc{color:var(--fg-2);font-size:12px}.rec-meta{font-size:11px;font-family:var(--font-mono);color:var(--fg-3);flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.gauge-wrap{align-items:center;gap:18px;display:flex}.gauge-svg{flex-shrink:0}.gauge-info{flex:1}.gauge-val{color:var(--fg-0);font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:38px;font-weight:800}.gauge-val .unit{color:var(--fg-3);margin-left:4px;font-size:15px;font-weight:500}.gauge-desc{color:var(--fg-2);max-width:34ch;margin-top:5px;font-size:12px}.publish-feedback{background:radial-gradient(circle at 100% 0,#42c77b1a,#0000 45%),#0826142e;background:radial-gradient(circle at 100% 0,lab(71.9047% -50.6017 27.4593/.1),#0000 45%),lab(12.4864% -15.7891 8.54578/.18);border:1px solid #52d48757;border:1px solid lab(76.5501% -50.4943 27.3749/.34);border-radius:14px;margin-top:12px;padding:12px}.publish-feedback-title{color:var(--ok);font-size:13px;font-weight:700}.publish-feedback-desc{color:var(--fg-1);margin-top:4px;font-size:12px}.publish-feedback-meta{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;margin-top:6px}.spark{width:100%;height:28px}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{text-align:left;color:var(--fg-3);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-family:var(--font-mono);border-bottom:1px solid var(--line);padding:12px;font-weight:500}.tbl td{border-bottom:1px solid var(--line-soft);color:var(--fg-1);padding:12px;transition:background .18s}.tbl tr:hover td{background:#131b259e;background:lab(9.45914% -1.54611 -7.69744/.62)}.tbl td.mono{font-family:var(--font-mono);color:var(--fg-0);font-variant-numeric:tabular-nums}.row{align-items:center;gap:10px;display:flex}.space-between{justify-content:space-between}.muted{color:var(--fg-3)}.mono{font-family:var(--font-mono)}.mt-6{margin-top:6px}.mt-10{margin-top:10px}.mt-14{margin-top:14px}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1320px){.overview-hero-main,.overview-proof{grid-template-columns:1fr}}@media (max-width:1120px){.app{grid-template-columns:228px 1fr}.topbar-title{min-width:0}.topbar-meta{justify-content:flex-start;width:100%}.meta-item{align-items:flex-start}.topbar h1{white-space:normal}.mod1-layout,.mod2-layout,.mod3-layout{grid-template-columns:1fr}}@media (max-width:980px){.overview-flow,.grid-4,.grid-3,.grid-2,.rt-grid,.flow-map,.action-matrix{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.main:after{display:none}}@media (max-width:720px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:8px;padding:12px}.brand{padding:0 0 10px}.nav-section{padding:6px 2px 4px}.module-list{scrollbar-width:thin;flex-direction:row;gap:8px;padding-bottom:2px;overflow-x:auto}.module-list .nav-item{min-width:208px;margin:0;padding:10px 12px}.secondary-list,.sidebar .nav-section:nth-of-type(2),.sidebar-footer{display:none}.topbar{padding:14px 16px}.topbar-meta{gap:8px}.meta-item{flex:calc(50% - 8px);min-width:0;padding:8px 10px}.topbar .subtitle,.topbar-en{font-size:11px}.content{padding:16px}.overview-copy h2{max-width:none;font-size:24px}.overview-kicker{letter-spacing:.06em;font-size:10px}.overview-proof,.overview-metrics{grid-template-columns:1fr}.gauge-wrap{flex-direction:column;align-items:flex-start}.tabs{border-radius:12px;width:100%;overflow-x:auto}.tab{white-space:nowrap;padding:9px 12px}.overview-hero{border-radius:20px;padding:14px}.card{padding:12px}}@media (max-width:520px){.topbar h1{font-size:22px}.chip{padding:6px 8px;font-size:10px}.module-list .nav-item{min-width:186px}.overview-copy h2{font-size:22px;line-height:1.08}.overview-proof-item{flex-direction:column;align-items:flex-start}.overview-proof-item .label{text-align:left}}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.boot-mark{filter:drop-shadow(0 0 18px #ff743f99);filter:drop-shadow(0 0 18px lab(66.0137% 54.2997 57.3683/.6));font-size:44px;animation:1.6s infinite pulse}.boot-title{color:var(--fg-0);letter-spacing:-.03em;font-size:22px;font-weight:800}.boot-sub{color:var(--fg-3);max-width:42ch;font-size:12px}.boot-bar{background:var(--bg-3);border-radius:999px;width:220px;height:4px;margin-top:8px;overflow:hidden}.boot-bar span{background:linear-gradient(90deg, var(--warn), var(--risk));border-radius:999px;width:40%;height:100%;animation:1.2s ease-in-out infinite boot-slide;display:block}@keyframes boot-slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}.boot-error{color:var(--risk);font-family:var(--font-mono)}.nav-en{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);letter-spacing:.05em}.card-en{color:var(--fg-3);font-weight:400;font-family:var(--font-mono);font-size:11px}.alert-en{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);margin-bottom:6px}.empty-note{text-align:center;color:var(--fg-3);padding:20px;font-size:12px}.axis-txt{font-family:var(--font-mono);fill:var(--fg-3);font-size:9px}.hero-strip{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;align-items:center;gap:0;padding:8px 16px;display:flex}.hero-strip-tag{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.12em;white-space:nowrap;margin-right:16px;font-size:10px}.hero-strip-cells{flex-wrap:wrap;flex:1;gap:20px;display:flex}.hero-cell{color:var(--fg-2);white-space:nowrap;font-size:12px}.hero-cell-k{color:var(--fg-3);font-family:var(--font-mono);margin-right:4px;font-size:10px}.hero-cell-v{font-family:var(--font-mono)}.hero-chevron{font-family:var(--font-mono);color:var(--fg-3);margin-left:12px;font-size:11px}.overview-hero .hero-strip{margin-bottom:14px}.gmap{border-radius:14px;width:100%;height:460px;overflow:hidden}.map-missing{text-align:center;color:var(--warn);border:1px dashed var(--line);border-radius:14px;padding:60px 20px;font-size:13px}.metric-k{color:var(--fg-3);font-size:9px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.metric-v{color:var(--fg-0);font-size:16px;font-family:var(--font-mono);font-weight:600}.metric-sub{color:var(--fg-2);font-size:10px}.spread-layout{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.compass-wrap{flex-shrink:0;align-items:center;gap:14px;display:flex}.compass-info{flex-direction:column;gap:4px;font-size:12px;display:flex}.compass-info>div{align-items:baseline;gap:8px;display:flex}.ci-k{color:var(--fg-3);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;min-width:64px}.ci-v{color:var(--fg-0);font-family:var(--font-mono);font-weight:600}.ci-sub{color:var(--fg-2);font-size:11px}@media (max-width:980px){.spread-layout{flex-direction:column;align-items:stretch}.compass-wrap{justify-content:center}}.village-enter{cursor:pointer;width:100%;font-family:var(--font-thai);color:#1c1207;background:linear-gradient(135deg,#ffd24a,#ff9d3c);border:0;border-radius:14px;margin-bottom:10px;padding:12px;font-size:14px;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 10px 22px #ff8c2847}.village-enter:hover{filter:brightness(1.05);transform:translateY(-1px)}.village{color:#1d2530;min-height:100vh;font-family:var(--font-thai);-webkit-text-size-adjust:100%;background:#f4f1ea;max-width:680px;margin:0 auto;padding:16px 16px 48px;font-size:20px;line-height:1.5;overflow-y:auto}.village b{font-weight:800}.vlg-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.vlg-brand{color:#b4431b;letter-spacing:-.01em;font-size:20px;font-weight:800}.vlg-exit{color:#5a5340;font-family:var(--font-thai);cursor:pointer;background:#e7e2d6;border:1px solid #d2cbb8;border-radius:999px;flex-shrink:0;padding:9px 13px;font-size:14px}.vlg-exit:hover{background:#ddd6c5}.vlg-area{margin-bottom:16px}.vlg-area-label{color:#5d6470;margin-bottom:8px;font-size:17px;font-weight:700}.vlg-area-btns{flex-wrap:wrap;gap:8px;display:flex}.vlg-area-btn{color:#2a3340;font-family:var(--font-thai);cursor:pointer;background:#fff;border:2px solid #dcd6c6;border-radius:999px;padding:10px 16px;font-size:18px;transition:all .12s}.vlg-area-btn:hover{border-color:#ffae4d}.vlg-area-btn.on{color:#fff;background:#2a3340;border-color:#2a3340;font-weight:700}.vlg-status{color:#fff;border-radius:26px;align-items:center;gap:18px;margin-bottom:16px;padding:26px 24px;display:flex;box-shadow:0 20px 44px #00000029}.vlg-status-icon{filter:drop-shadow(0 3px 6px #00000040);flex-shrink:0;font-size:clamp(58px,15vw,90px);line-height:1}.vlg-status-word{letter-spacing:-.02em;font-size:clamp(32px,8.5vw,48px);font-weight:900;line-height:1.05}.vlg-status-sub{opacity:.96;margin-top:6px;font-size:clamp(17px,4.5vw,22px);font-weight:600}.vlg-status-area{opacity:.9;margin-top:8px;font-size:16px;font-weight:700}.vlg-status.vlg-safe{background:linear-gradient(135deg,#2fae6a,#1f8f55)}.vlg-status.vlg-warn{background:linear-gradient(135deg,#f1a52a,#e0871a)}.vlg-status.vlg-danger{background:linear-gradient(135deg,#f0712b,#db4f1c)}.vlg-status.vlg-critical{background:linear-gradient(135deg,#e23b3b,#b51f1f);animation:1.4s ease-in-out infinite vlg-flash}@keyframes vlg-flash{0%,to{box-shadow:0 20px 44px #00000029}50%{box-shadow:0 20px 60px #e23b3b99}}.vlg-cards{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.vlg-card{background:#fff;border:2px solid #e6e0d2;border-radius:22px;padding:18px;box-shadow:0 10px 26px #00000012}.vlg-card-icon{font-size:46px;line-height:1}.vlg-card-title{color:#5d6470;margin-top:6px;font-size:18px;font-weight:700}.vlg-card-big{color:#1d2530;margin-top:8px;font-size:23px;font-weight:700}.vlg-card-big b{color:#b4431b}.vlg-card-advice{color:#46505d;margin-top:8px;font-size:17px}.vlg-card-flag{color:#c5331b;text-align:center;background:#ffe1d6;border-radius:12px;margin-top:10px;padding:7px 12px;font-size:17px;font-weight:800}.vlg-card.vlg-warn{border-color:#f4c870}.vlg-card.vlg-danger{background:#fff7f2;border-color:#f0935f}.vlg-card.vlg-critical{background:#fff2f2;border-color:#e87878}.vlg-section-title{color:#2a3340;margin-bottom:12px;font-size:22px;font-weight:800}.vlg-todo{background:#fff;border:2px solid #e6e0d2;border-radius:22px;margin-bottom:16px;padding:18px 18px 8px;box-shadow:0 10px 26px #00000012}.vlg-todo-row{border-bottom:1px solid #eee7d8;align-items:center;gap:14px;padding:12px 0;display:flex}.vlg-todo-row:last-child{border-bottom:0}.vlg-todo-icon{text-align:center;flex-shrink:0;width:44px;font-size:34px}.vlg-todo-text{color:#232c38;font-size:21px;font-weight:600}.vlg-calls{margin-bottom:18px}.vlg-call{color:#1d2530;background:#fff;border:2px solid #e6e0d2;border-left:8px solid #db4f1c;border-radius:18px;align-items:center;gap:14px;margin-bottom:12px;padding:16px 18px;text-decoration:none;transition:transform .12s;display:flex;box-shadow:0 8px 20px #00000012}.vlg-call:active{transform:scale(.98)}.vlg-call-icon{flex-shrink:0;font-size:34px}.vlg-call-label{flex:1;font-size:20px;font-weight:700}.vlg-call-num{color:#c5331b;font-size:32px;font-weight:900;font-family:var(--font-sans);letter-spacing:.02em}.vlg-foot{text-align:center;color:#8a8470;padding-top:6px;font-size:15px}@media (max-width:460px){.vlg-cards{grid-template-columns:1fr}.village{font-size:19px}}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,2vw,16px)}body{font-family:var(--font-sans);background:linear-gradient(135deg, var(--bg-0) 0%, var(--bg-1) 100%);color:var(--fg-1);min-height:100vh;line-height:1.6;overflow-x:hidden}:lang(th),.thai{font-family:var(--font-thai)}h1{letter-spacing:-.02em;color:var(--fg-0);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2}h2{color:var(--fg-0);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.25}h3{color:var(--fg-1);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.3}p{color:var(--fg-2);font-size:clamp(.875rem,2vw,1rem)}a{color:var(--sugar-1);text-decoration:none;transition:color .2s}a:hover{color:var(--sugar-2);text-decoration:underline}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}button{cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:12px;padding:clamp(.5rem,2vw,1rem) clamp(1rem,4vw,1.5rem);font-family:inherit;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;line-height:1.5;transition:all .3s cubic-bezier(.23,1,.32,1)}button:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}button:active{box-shadow:var(--shadow-soft);transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{border:2px solid var(--line);width:100%;color:var(--fg-1);background:#fff;border-radius:8px;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);font-family:inherit;font-size:clamp(.875rem,2vw,1rem);line-height:1.5;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--sugar-0);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #15866a1f}input::placeholder{color:var(--fg-3)}.grid{gap:clamp(.75rem,3vw,1.5rem);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.flex{gap:clamp(.5rem,2vw,1rem);display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;padding:clamp(1rem,4vw,1.5rem);transition:all .3s}.card:hover{box-shadow:var(--shadow-card);border-color:var(--peach-light);transform:translateY(-4px)}.section{border:1px solid var(--line-soft);background:linear-gradient(135deg,#f5ede399 0%,#ebe3d699 100%);border-radius:16px;margin-bottom:clamp(1rem,3vw,1.5rem);padding:clamp(1.5rem,4vw,2rem)}.badge{border:1px solid var(--line);white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,2vw,1rem);font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;display:inline-flex}.badge-success{color:var(--ok);border-color:var(--ok);background:#6b8c5a1a}.badge-warning{color:var(--warn);border-color:var(--warn);background:#d9a8441a}.badge-error{color:var(--risk);border-color:var(--risk);background:#c978561a}@media (max-width:480px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.container{padding:0 .75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}button{padding:.75rem 1rem}.card,.section{padding:1rem}}@media (min-width:481px) and (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.container{max-width:1400px}}@media (orientation:landscape) and (max-height:600px){h1{font-size:1.5rem}h2{font-size:1.25rem}.section{padding:.75rem 1rem}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.card{box-shadow:none;border:1px solid #000}button{border:1px solid #000}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto!important}}@media (prefers-color-scheme:dark){body{color:var(--bg-1);background:linear-gradient(135deg,#2a1f17 0%,#1f1815 100%)}.card{border-color:var(--line);background:#3d2817}input,select,textarea{color:var(--bg-1);background:#2a1f17}}@media (prefers-contrast:more){button{border:2px solid var(--fg-0)!important}input,select,textarea{border-width:2px!important;border-color:var(--fg-0)!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--sugar-0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}