:root{color-scheme:light;--bg:#F3F5FA;--surface:#FFFFFF;--surface-2:#F6F8FC;--line:#DCE2EE;--line-strong:#C3CCE0;--text:#111B33;--muted:#5B6885;--faint:#8A95AE;--brand:#1B3F8F;--brand-strong:#12306F;--brand-soft:#E4EBFA;--brand-ink:#FFFFFF;--accent:#D9377A;--gold:#B8912F;--gold-soft:#F7EED6;--gold-on-navy:#E8C56A;--line-green:#06C755;--line-green-strong:#05A847;--ok:#2E9E5B;--ok-soft:#DFF3E7;--sev1:#B58000;--sev1-soft:#FCF0CC;--sev2:#D9591A;--sev2-soft:#FDE3D2;--sev3:#D62839;--sev3-soft:#FADADD;--flood:#2F6FE4;--flood-deep:#1747B3;--ai:#086670;--ai-old:#3E9DA9;--ai-soft:#D6EEF1;--ai-ink:#074E56;--fp:#5C6B84;--unobs:#8A95AE;--unobs-soft:#EEF0F5;--map-bg:#E8EDF4;--shadow:0 10px 28px rgba(17,27,51,.12),0 1px 2px rgba(17,27,51,.06);--shadow-sm:0 1px 2px rgba(17,27,51,.08);--radius:10px;--radius-sm:8px;--panel-w:404px;--sheet-h:46%;--sheet-min: calc(62px + env(safe-area-inset-bottom,0px)) ;--font-body:"IBM Plex Sans Thai","Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Prompt","IBM Plex Sans Thai","Noto Sans Thai",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace}:root[data-theme=dark]{color-scheme:dark;--bg:#0B1222;--surface:#121B2F;--surface-2:#182338;--line:#243150;--line-strong:#33436A;--text:#E9EEF8;--muted:#A3AFC9;--faint:#6F7C99;--brand:#6F9BF2;--brand-strong:#1E3A78;--brand-soft:#1A2B4F;--brand-ink:#0B1222;--accent:#F06BA0;--gold:#D9B45E;--gold-soft:#3A3120;--ok:#4CC47B;--ok-soft:#173327;--sev1:#F2BE3D;--sev1-soft:#3A3014;--sev2:#F58B4A;--sev2-soft:#3F2416;--sev3:#EF5566;--sev3-soft:#3F1B22;--flood:#5B93F5;--flood-deep:#2F6FE4;--ai:#4CC9D6;--ai-old:#2F8A96;--ai-soft:#0F2E33;--ai-ink:#9EE3EA;--fp:#8A98B3;--unobs:#7A879F;--unobs-soft:#1C2538;--map-bg:#1b1d22;--shadow:0 10px 28px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.35);--shadow-sm:0 1px 2px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.25;margin:0;text-wrap:balance}p{margin:0}[hidden]{display:none!important}.eyebrow{font-size:11.5px;letter-spacing:.02em;color:var(--muted);font-weight:600}.note{font-size:12px;color:var(--muted);line-height:1.55}.footer-credit{font-size:11px;color:var(--faint);line-height:1.5}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;text-decoration:none;font-weight:500;font-size:13px;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}:root[data-theme=dark] .btn.primary:hover{background:#8fb2f6}.btn.line{background:var(--line-green);border-color:var(--line-green);color:#fff}.btn.line:hover{background:var(--line-green-strong)}.btn.icon{width:36px;height:36px;padding:0}.btn.sm{padding:6px 10px;font-size:12px}.btn.block{width:100%;padding:12px}.btn svg{width:16px;height:16px;flex:none}.btn.line svg{width:18px;height:18px}.linkbtn{border:0;background:none;padding:0;color:var(--brand);font-size:12.5px;font-weight:500}.linkbtn:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.5;white-space:nowrap}.pill.l0{background:var(--ok-soft);color:var(--ok)}.pill.l1{background:var(--sev1-soft);color:var(--sev1)}.pill.l2{background:var(--sev2-soft);color:var(--sev2)}.pill.l3{background:var(--sev3-soft);color:var(--sev3)}.pill.muted{background:var(--surface-2);color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card.soft{background:var(--surface-2);border-color:transparent}.card.tint{background:var(--brand-soft);border-color:transparent}.card.navy{background:#12306f;border-color:#12306f;color:#fff}.card.navy .eyebrow{color:var(--gold-on-navy)}.card.navy .note{color:#ffffffbd}.card.navy h2,.card.navy h3{color:#fff}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.kpi{background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}.kpi .v{font-family:var(--font-display);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--kpi,var(--text))}.kpi .v small{font-size:12px;font-weight:500;color:var(--muted);margin-left:3px}.kpi .l{font-size:11.5px;color:var(--muted)}.kpi .d{font-size:11px;color:var(--muted)}.kpi .d.ai{color:var(--ai-ink);font-weight:500}.btn.ai{color:var(--ai-ink);border-color:var(--ai)}.pill.ai{background:var(--ai-soft);color:var(--ai-ink)}.pill.unobs{background:var(--unobs-soft);color:var(--unobs)}.evid{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.evid .row{display:grid;grid-template-columns:4px 1fr auto;gap:10px;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);align-items:center}.evid .row:last-child{border-bottom:0}.evid .stripe{height:100%;min-height:36px;border-radius:0 2px 2px 0;background:var(--line)}.evid .row.flooded .stripe{background:var(--sev3)}.evid .row.clear .stripe{background:var(--ok)}.evid .row.unobs .stripe,.evid .row.error .stripe{background:var(--unobs)}.evid .src{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.evid .src b{font-family:var(--font-mono);font-weight:500;font-size:10.5px;color:var(--faint)}.evid .what{font-size:13px;font-weight:500;margin-top:1px}.evid .what.skel{height:13px;margin-top:4px}.evid .st{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.evid .st small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.evid .st .skel{height:20px;border-radius:999px}.rule{padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:12px;color:var(--muted);display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;line-height:1.45}.rule b{color:var(--text);font-weight:600}.rule .tag{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:5px;background:var(--surface);border:1px solid var(--line);color:var(--muted);margin-top:1px;white-space:nowrap}.srchead{margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.srchead .mono{font-family:var(--font-mono);font-weight:400;letter-spacing:0;font-size:11px;white-space:nowrap}.srcgrid{display:grid;grid-template-columns:1fr auto auto;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-variant-numeric:tabular-nums}.srcgrid>div{padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface);font-size:12.5px;display:flex;align-items:center;min-width:0}.srcgrid>div:nth-child(3n+2),.srcgrid>div:nth-child(3n+3){justify-content:flex-end;font-family:var(--font-display);font-weight:600;font-size:13px;min-width:88px}.srcgrid .h{background:var(--surface-2);font-family:var(--font-body)!important;font-weight:600!important;font-size:11px!important;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px}.srcgrid .h.ai{color:var(--ai-ink)}.srcgrid .h.g{color:var(--brand)}.srcgrid>div:nth-last-child(-n+3){border-bottom:0}.srcgrid .k{color:var(--muted)}.srcgrid .na,.srcgrid div.na{color:var(--faint);font-weight:400!important;font-family:var(--font-body)!important}.wst-table{display:grid;grid-template-columns:1fr repeat(3,auto);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-variant-numeric:tabular-nums}.wst-table>div{padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface);font-size:12.5px;text-align:right;font-family:var(--font-display);font-weight:600;min-width:0}.wst-table>div:nth-child(4n+1){text-align:left;font-family:var(--font-body);font-weight:500}.wst-table>div:nth-last-child(-n+4){border-bottom:0}.wst-table .h{background:var(--surface-2);font-family:var(--font-body)!important;font-weight:600;font-size:11px;color:var(--muted)}.wst-table .crit{color:var(--sev3)}.wst-table .zero{color:var(--faint);font-weight:400}.wst-table small{font-family:var(--font-body);font-weight:400;color:var(--muted);font-size:11px}.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;width:100%;border-radius:0}.row-item:last-child{border-bottom:0}.row-item:hover{background:var(--surface-2)}.row-item .rank{font-family:var(--font-display);font-weight:600;color:var(--faint);font-size:12px;text-align:center}.row-item .name{font-weight:600;font-size:13.5px}.row-item .sub{font-size:11.5px;color:var(--muted)}.row-item .right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.row-item .area{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.row-item .area small{font-family:var(--font-body);font-weight:400;color:var(--muted);font-size:11px}.feed{display:flex;flex-direction:column}.feed-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.feed-item .kind{font-size:11px;font-weight:600;padding-top:2px;color:var(--muted);white-space:nowrap;min-width:72px}.feed-item .kind.red{color:var(--sev3)}.feed-item .kind.orange{color:var(--sev2)}.feed-item .t{font-size:13px;line-height:1.45}.feed-item .when{font-size:11px;color:var(--muted);margin-top:2px}.contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.contact{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:12.5px}.contact b{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;user-select:all}.search{display:flex;flex-direction:column;gap:10px}.search .row{display:flex;gap:8px}.search .field{position:relative;flex:1;display:flex}.search .field>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.search input{flex:1;min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px 10px 36px;font-size:14px}.search .alt{display:flex;gap:8px;flex-wrap:wrap}.search .hint{font-size:11.5px;color:var(--muted)}.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30;max-height:320px;overflow:auto;padding:4px}.sugg button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:6px;font-size:13px;line-height:1.3}.sugg button:hover,.sugg button.active{background:var(--surface-2)}.sugg .ty{font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:5px;background:var(--surface-2);color:var(--muted);flex:none;min-width:44px;text-align:center}.sugg .ty.flood{background:var(--brand-soft);color:var(--brand)}.sugg small{display:block;color:var(--muted);font-size:11px}.sugg .src{font-size:10.5px;color:var(--faint);padding:4px 10px 2px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 12px;color:var(--muted)}.empty svg{width:44px;height:44px;color:var(--brand)}.empty h3{color:var(--text);font-size:16px}.status-banner{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);border:1px solid transparent}.status-banner.l3{background:var(--sev3-soft);border-color:color-mix(in srgb,var(--sev3) 35%,transparent)}.status-banner.l2{background:var(--sev2-soft);border-color:color-mix(in srgb,var(--sev2) 35%,transparent)}.status-banner.l1{background:var(--sev1-soft);border-color:color-mix(in srgb,var(--sev1) 35%,transparent)}.status-banner.l0{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.status-banner .ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:none;color:#fff}.status-banner.l3 .ic{background:var(--sev3)}.status-banner.l2 .ic{background:var(--sev2)}.status-banner.l1 .ic{background:var(--sev1)}.status-banner.l0 .ic{background:var(--ok)}.status-banner .ic svg{width:20px;height:20px}.status-banner h3{font-size:16px}.status-banner p{margin-top:2px;font-size:12.5px;color:var(--muted)}.facts{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.fact{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);align-items:center}.fact:last-child{border-bottom:0}.fact .k{font-size:12px;color:var(--muted);min-width:0}.fact .k b{display:block;color:var(--text);font-weight:500;font-size:13px}.fact .v{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;text-align:right;font-size:14px}.fact .v small{display:block;font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--muted)}.rice-offer{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}.rice-offer .photo,.product .photo{border-radius:var(--radius-sm);background:#fff;overflow:hidden}.rice-offer .photo{width:76px;height:104px}.rice-offer .photo img,.product .photo img{width:100%;height:100%;object-fit:cover;display:block}.rice-offer h3{font-size:15px}.product{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center}.product .photo{aspect-ratio:472/649;max-width:100%}.skus{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.sku{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;width:100%;border-radius:0}.sku:last-child{border-bottom:0}.sku.plain{grid-template-columns:1fr;cursor:default}.skus .sku:hover{background:var(--surface-2)}.sku .rd{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center}.sku.sel .rd{border-color:var(--brand)}.sku.sel .rd:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}.sku b{font-weight:500;font-size:13.5px}.sku small{display:block;color:var(--muted);font-size:11.5px}.sku .p{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;font-size:16px;color:var(--brand);text-align:right}.sku .p small{display:block;font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--muted)}.steps{display:flex;flex-direction:column;gap:8px;counter-reset:s}.step{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:13px}.step:before{counter-increment:s;content:counter(s) ".";color:var(--brand);font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.3;text-align:right;padding-right:2px}.step small{display:block;color:var(--muted);font-size:11.5px}.ibtn{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1.2px solid var(--line-strong);background:var(--surface);color:var(--muted);padding:0;vertical-align:-2px;margin-left:3px;font:italic 600 10px/1 Georgia,Times New Roman,serif;flex:none;cursor:pointer}.ibtn:before{content:"i"}.ibtn:hover,.ibtn[aria-expanded=true]{border-color:var(--brand);color:var(--brand)}.ipop{position:fixed;z-index:70;width:310px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:12.5px}.ipop h4{font-size:14px}.ipop .row{display:grid;grid-template-columns:78px 1fr;gap:8px;line-height:1.45}.ipop .row>span:first-child{color:var(--muted);font-size:11.5px;padding-top:1px}.ipop code{font-family:var(--font-mono);font-size:11px;background:var(--surface-2);padding:1px 5px;border-radius:5px;word-break:break-all}.ipop .warn{background:var(--sev1-soft);color:var(--text);border-radius:var(--radius-sm);padding:7px 10px;font-size:12px;line-height:1.45}.ipop .note{font-size:11.5px;color:var(--muted);line-height:1.45}.ipop .credit-line{font-size:11px;color:var(--faint);border-top:1px solid var(--line);padding-top:6px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 14px;border-radius:999px;font-size:13px;z-index:80;box-shadow:var(--shadow);max-width:calc(100vw - 32px);text-align:center}.loading{display:flex;flex-direction:column;gap:10px}.skel{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skel.tall{height:120px;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error{border:1px solid color-mix(in srgb,var(--sev3) 40%,transparent);background:var(--sev3-soft);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px}@media(max-width:460px){.product{grid-template-columns:88px 1fr}}.prov-chips{display:flex;flex-wrap:wrap;gap:6px}.prov-chips .pill{border:1.5px solid transparent;cursor:pointer;font-family:inherit}.prov-chips .pill.sel{border-color:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent)}.prov-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ok-soft);color:var(--ok)}.prov-offer b{display:block;font-size:13.5px}.prov-offer small{display:block;font-size:12px;color:var(--muted)}.prov-offer .btn{flex:none}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:8px}.purpose-opt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;font-family:inherit;color:var(--text);cursor:pointer}.purpose-opt:hover{background:var(--surface-2)}.purpose-opt.sel{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.purpose-opt .em{font-size:22px;line-height:1}.purpose-opt b{font-family:var(--font-display);font-size:15px}.purpose-opt small{font-size:12px;color:var(--muted);line-height:1.45}.order-where{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2)}.order-where small{display:block;font-size:11.5px;color:var(--muted)}.order-where b{display:block;font-size:14px}.order-where .btn{flex:none}.qty{display:flex;align-items:center;gap:10px;font-size:13.5px}.stepper{display:flex;align-items:center;gap:4px}.stepper input{width:64px;text-align:center;padding:6px;border:1px solid var(--line-strong);border-radius:8px;font:inherit;font-variant-numeric:tabular-nums;background:var(--surface);color:var(--text)}.sales{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.sale{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;background:var(--surface)}.sale:last-child{border-bottom:0}.sale:hover{background:var(--surface-2)}.sale .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-family:var(--font-display);font-weight:600}.sale b{display:block;font-size:14.5px}.sale small{display:block;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.order-msg{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm)}.order-msg pre{margin:0;white-space:pre-wrap;font:inherit;font-size:12px;color:var(--muted);min-width:0}.order-msg .btn{flex:none}#lgReports .lg-grid{grid-template-columns:1fr}.kpi-more{align-self:flex-end;font-size:12.5px;margin-top:-4px;text-decoration:none}.gl .maplibregl-ctrl-bottom-right,.gl .maplibregl-ctrl-bottom-left,.gl .maplibregl-ctrl-top-right,.gl .maplibregl-ctrl-top-left{display:none}.map.picking .gl .maplibregl-canvas-container.maplibregl-interactive{cursor:crosshair}.mem{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2.5px solid #fff;box-shadow:0 1px 5px #00000059}.mem:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--accent);animation:ringp 1.6s ease-out infinite}.myloc{width:14px;height:14px;border-radius:50%;background:#1a73e8;border:2.5px solid #fff;box-shadow:0 0 0 6px #1a73e833,0 1px 4px #00000059;pointer-events:none}@keyframes ringp{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}.layers{position:absolute;top:12px;left:12px;right:60px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.layers::-webkit-scrollbar{display:none}.lchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 9px 6px 8px;font-size:12.5px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-sm);flex:none}.lchip .sw{width:12px;height:12px;border-radius:4px;background:var(--sw);opacity:.35;flex:none}.lchip[aria-pressed=true]{color:var(--text);border-color:var(--brand)}.lchip[aria-pressed=true] .sw{opacity:1}.lchip .ibtn{width:15px;height:15px;font-size:9.5px;margin-left:0}.laybtn{display:none}.zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:4px}.zoom .btn{width:36px;height:36px;padding:0;font-family:var(--font-display);font-size:18px;box-shadow:var(--shadow-sm)}.legend{position:absolute;left:12px;bottom:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);width:236px;max-width:calc(100% - 24px);font-size:12px}.legend .lg-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px;font-weight:600;border:0;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;border-radius:var(--radius) var(--radius) 0 0}.legend.collapsed .lg-head{border-bottom:0;border-radius:var(--radius)}.legend .lg-body{padding:8px 12px 10px;display:flex;flex-direction:column;gap:8px}.legend .lg-note{font-size:10.5px;color:var(--faint);margin-top:3px}.lg-group{display:flex;flex-direction:column;gap:3px}.lg-group .t{font-size:11px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:2px}.lg-row{display:flex;align-items:center;gap:8px}.lg-row .sw{width:14px;height:14px;border-radius:4px;flex:none}.lg-row .sw.round{border-radius:50%;width:11px;height:11px;margin:0 1.5px}.lg-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.lg-scale{display:flex;height:10px;border-radius:5px;overflow:hidden}.lg-scale span{flex:1}.lg-scale-l{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted)}.stamp{position:absolute;right:12px;bottom:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;font-size:11px;color:var(--muted);box-shadow:var(--shadow-sm);text-align:right;line-height:1.4}.stamp b{color:var(--text);font-weight:600}.stamp .stale{color:var(--sev3);font-weight:600}.credit{position:absolute;left:12px;bottom:10px;font-size:10.5px;color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,transparent);padding:2px 7px;border-radius:6px;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.credit a{color:var(--brand);text-decoration:none;font-weight:600}.attrib{position:absolute;right:12px;bottom:10px;font-size:10.5px;color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,transparent);padding:2px 7px;border-radius:6px;white-space:nowrap;max-width:calc(100% - 140px);overflow:hidden;text-overflow:ellipsis}.attrib a{color:inherit;text-decoration:none}.attrib a:hover,.credit a:hover{text-decoration:underline}.popup{position:absolute;z-index:7;top:58px;right:12px;width:380px;max-width:calc(100% - 24px);max-height:calc(100% - 70px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.popup .ph{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.popup .ph .k{font-size:11px;color:var(--muted)}.popup h3{font-size:15px}.popup h3 small{font-family:var(--font-body);font-weight:400;color:var(--muted);font-size:12px}.popup .x{border:0;background:none;width:28px;height:28px;border-radius:8px;color:var(--muted);font-size:18px;line-height:1;display:grid;place-items:center;flex:none;margin:-4px -6px 0 0}.popup .x:hover{background:var(--surface-2)}.popup .big{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-2);border-radius:var(--radius-sm);padding:8px 12px}.popup .big .v{font-family:var(--font-display);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.popup .big .v small{font-size:11px;font-weight:400;color:var(--muted);display:block;font-family:var(--font-body)}.popup .kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3px 0;border-bottom:1px solid var(--line)}.popup .kv:last-child{border-bottom:0}.popup .kv b{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.popup .src{font-size:10.5px;color:var(--faint)}.popup .ph .k.ai{color:var(--ai-ink);font-weight:600}.popup .btns{display:flex;gap:6px;flex-wrap:wrap}.popup .note{font-size:12px;color:var(--muted)}.popup .kv b .seen{display:inline-flex;gap:3px;align-items:center;margin-right:5px;vertical-align:middle}.popup .kv b .seen s{display:block;width:9px;height:9px;border-radius:50%;background:var(--line);text-decoration:none}.popup .kv b .seen s.on{background:var(--ai)}.popup .kv b small{font-family:var(--font-body);font-weight:400;color:var(--muted);font-size:11px}.popup .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.popup .bar i{display:block;height:100%}.tip{position:absolute;pointer-events:none;background:var(--text);color:var(--bg);font-size:12px;padding:4px 8px;border-radius:7px;white-space:nowrap;transform:translate(12px,-30px);z-index:5}.pickhint{position:absolute;top:58px;left:50%;transform:translate(-50%);background:var(--brand-strong);color:#fff;border-radius:999px;padding:7px 8px 7px 14px;font-size:12.5px;font-weight:500;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;white-space:nowrap}.pickhint button{border:0;background:#ffffff2e;color:#fff;border-radius:999px;padding:3px 10px;font-size:12px}.maperror{position:absolute;margin:auto;max-width:360px;inset:auto 12px 50% 50%;transform:translate(-50%,50%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);font-size:13px}.radarbar{position:absolute;left:50%;bottom:34px;transform:translate(-50%);width:min(440px,calc(100% - 24px));display:flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);font-size:12px;z-index:4}.radarbar .btn.icon{width:32px;height:32px;flex:none;border-radius:50%;font-size:12px}.radarbar input[type=range]{flex:1;min-width:0;accent-color:var(--brand);--fc:100%;height:14px;border-radius:7px;background:linear-gradient(90deg,transparent var(--fc),color-mix(in srgb,var(--sev2) 28%,transparent) var(--fc))}.radarbar .rd-time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;flex:none;min-width:58px}.radarbar .rd-time b{font-variant-numeric:tabular-nums;font-size:13px}.radarbar .rd-time small{font-size:10.5px;color:var(--muted)}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden;margin:0 3px}.seg button{border:0;background:var(--surface);color:var(--muted);font:inherit;font-size:10.5px;font-weight:600;padding:1px 7px;cursor:pointer}.seg button.on{background:var(--brand);color:#fff}.lg-row .sw.line{height:3px;border-radius:2px;background:#ff9400}.lg-row .sw.fp{height:10px;border:1px dashed var(--fp);border-radius:2px;background:color-mix(in srgb,var(--fp) 8%,transparent)}.stamp .ai{color:var(--ai-ink)}.lg-row .sw.line.dashed{background:repeating-linear-gradient(90deg,#FF9400 0 3px,transparent 3px 6px)}.tape{position:absolute;right:12px;width:min(480px,calc(100% - 280px));bottom:118px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:9px 14px;display:flex;flex-direction:column;gap:2px;font-size:12px;z-index:3;font-variant-numeric:tabular-nums}.tape .th{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:24px;padding-right:26px}.tape .th .name{font-weight:600;font-size:12.5px;color:var(--ai-ink);display:flex;align-items:center;gap:7px}.tape .th .name i{width:9px;height:9px;border-radius:3px;background:var(--ai);display:inline-block}.tape .th .read{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.tape .th .read b{color:var(--text);font-weight:600}.tape .th .x{position:absolute;right:6px;top:6px;border:0;background:none;width:26px;height:26px;border-radius:8px;color:var(--muted);font-size:18px;line-height:1;display:grid;place-items:center}.tape .ranges{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:2px;gap:2px}.tape .ranges button{border:0;background:none;padding:2px 10px;font-size:11px;color:var(--muted);border-radius:999px;line-height:16px}.tape .ranges button[aria-pressed=true]{background:var(--surface);color:var(--ai-ink);font-weight:600;box-shadow:var(--shadow-sm)}.axis{position:relative;height:50px;margin:2px 10px 0;touch-action:none;cursor:pointer}.axis .line{position:absolute;left:0;right:0;top:19px;height:2px;background:var(--line-strong);border-radius:1px}.axis .fresh{position:absolute;top:6px;height:28px;background:var(--ai-soft);border-radius:6px}.axis .outside{position:absolute;top:6px;height:28px;background:repeating-linear-gradient(135deg,var(--surface-2) 0 4px,transparent 4px 8px);border-radius:6px;opacity:.9}.axis .day{position:absolute;top:32px;font-size:10px;color:var(--faint);transform:translate(-50%);white-space:nowrap}.axis .day i{display:block;width:1px;height:5px;background:var(--line-strong);margin:0 auto 3px}.axis .pass{position:absolute;z-index:2;top:20px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ai-old);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--ai-old);padding:0;cursor:pointer;transition:transform .12s}.axis .pass.fresh-p{background:var(--ai);box-shadow:0 0 0 1px var(--ai)}.axis .pass:hover{transform:translate(-50%,-50%) scale(1.15)}.axis.dragging .pass{pointer-events:none;transition:none}.axis .pass.out{opacity:.35}.axis .pass.sel{box-shadow:0 0 0 2.5px var(--text)}.axis .since{position:absolute;z-index:3;top:20px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--text);transform:translate(-50%,-50%);cursor:ew-resize;box-shadow:var(--shadow-sm)}.axis .since:before{content:"";position:absolute;left:50%;top:-14px;bottom:-14px;width:2px;background:var(--text);transform:translate(-50%);opacity:.55}.axis .since:focus-visible{outline:2px solid var(--ai);outline-offset:2px}.tape .tf{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);flex-wrap:wrap;gap:4px 14px;min-height:16px}.tape .tf b{font-weight:600;color:var(--text)}.tape .tf .hint{flex:1 1 220px}.tape .tf .dim{color:var(--faint)}.tape .tf .key{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10.5px}.tape .tf .key s{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ai-old);text-decoration:none;margin-left:6px}.tape .tf .key s.f{background:var(--ai);margin-left:0}.tape .tf .key em{font-style:normal;color:var(--faint);margin-left:6px;padding-left:8px;border-left:1px solid var(--line)}.tapepill{position:absolute;white-space:nowrap;right:12px;bottom:118px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-sm);padding:6px 10px 6px 8px;font-size:11.5px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);color:var(--text);z-index:3}.tapepill i{width:8px;height:8px;border-radius:2px;background:var(--ai);flex:none}.tapepill .mini{display:flex;gap:3px;align-items:center;margin-left:2px}.tapepill .mini s{display:block;width:6px;height:6px;border-radius:50%;background:var(--ai-old);text-decoration:none}.tapepill .mini s.f{background:var(--ai)}.tapepill b{font-weight:600;font-size:11px;color:var(--text);font-variant-numeric:tabular-nums}.tapepill .chev{color:var(--muted);font-size:11px;margin-left:2px}.tapepill:hover{border-color:var(--ai)}@media(max-width:959px){.laybtn{display:inline-flex;align-items:center;gap:6px;position:absolute;top:12px;left:12px;height:36px;padding:0 10px;font-size:13px;box-shadow:var(--shadow-sm)}.laybtn[aria-expanded=true]{border-color:var(--brand);color:var(--brand)}.laybtn .cnt{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font-size:11px;font-weight:600;display:inline-grid;place-items:center}.laybtn .cnt:empty{display:none}.layers{display:none;top:54px;right:60px;flex-wrap:wrap;gap:6px;padding:8px;overflow:auto;max-height:calc(100% - 66px - var(--sheet-h));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:8}.layers.open{display:flex}.layers .lchip{box-shadow:none}.radarbar{inset:56px 12px auto;transform:none;width:auto}.legend,.credit,.attrib,.tape,.tapepill,.popup{transition:bottom .25s ease}.legend{bottom:calc(var(--sheet-h) + 34px)}.legend.collapsed .lg-body{display:none}.credit{bottom:calc(var(--sheet-h) + 10px)}.attrib{bottom:calc(var(--sheet-h) + 10px);font-size:9.5px}.stamp{display:none}.tape{left:12px;right:12px;width:auto;bottom:calc(var(--sheet-h) + 34px);z-index:6}.tapepill{left:12px;right:auto;bottom:calc(var(--sheet-h) + 34px)}.tape .th .read{margin-left:0;width:100%}.map-ui:has(#aiPill:not([hidden])) .legend,.map-ui:has(#aiTape:not([hidden])) .legend{bottom:calc(var(--sheet-h) + 74px)}.popup{top:auto;bottom:calc(var(--sheet-h) + 12px);right:12px;left:12px;width:auto;max-height:calc(100% - var(--sheet-h) - 24px);overflow-y:auto;overscroll-behavior:contain}}.cam-shot{margin:0;display:flex;flex-direction:column;gap:3px}.cam-shot a{display:block;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);aspect-ratio:16/9}.cam-shot img{display:block;width:100%;height:100%;object-fit:cover}.cam-shot.failed a{display:grid;place-items:center;padding:12px;text-align:center;font-size:12px;color:var(--muted);text-decoration:none}.cam-shot figcaption{font-size:11px;color:var(--muted)}:is(.popup,.st-detail) .spark{margin:0;display:flex;flex-direction:column;gap:2px}:is(.popup,.st-detail) .spark figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;color:var(--muted)}:is(.popup,.st-detail) .spark figcaption small{color:var(--faint)}:is(.popup,.st-detail) .spark .d{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}:is(.popup,.st-detail) .spark .d small{font-family:var(--font-body);font-weight:400;color:var(--muted)}:is(.popup,.st-detail) .spark svg{display:block;width:100%;height:76px;touch-action:pan-y;cursor:crosshair;overflow:visible}:is(.popup,.st-detail) .spark .line path{fill:none;stroke:var(--flood);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}:is(.popup,.st-detail) .spark .line .pt,:is(.popup,.st-detail) .spark .last{fill:var(--flood)}:is(.popup,.st-detail) .spark .last{stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}:is(.popup,.st-detail) .spark .g{stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}:is(.popup,.st-detail) .spark .g.bank{stroke:var(--faint)}:is(.popup,.st-detail) .spark .g.warning{stroke:var(--sev2)}:is(.popup,.st-detail) .spark .g.critical{stroke:var(--sev3)}:is(.popup,.st-detail) .spark .gl{font-size:9px;fill:var(--muted)}:is(.popup,.st-detail) .spark .gl.warning{fill:var(--sev2)}:is(.popup,.st-detail) .spark .gl.critical{fill:var(--sev3)}:is(.popup,.st-detail) .spark .t{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}:is(.popup,.st-detail) .spark .tl{font-size:9px;fill:var(--faint)}:is(.popup,.st-detail) .spark .hover line{stroke:var(--line-strong);stroke-width:1;vector-effect:non-scaling-stroke}:is(.popup,.st-detail) .spark .hover circle{fill:var(--text);stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}:is(.popup,.st-detail) .spark .readout{font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums;min-height:15px}.rp-list{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;margin:0 -4px;padding:0 4px}.rp-item{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--line)}.rp-item:last-child{border-bottom:0}.rp-item .t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rp-item .t b{font-size:12.5px;font-weight:600;line-height:1.35}.rp-item .t small{font-size:11px;color:var(--muted);line-height:1.4;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.rp-item .pill{padding:1px 7px;font-size:10.5px}.rp-item.sensor{background:var(--sev3-soft);border-radius:var(--radius-sm);padding:7px 8px;margin:2px 0;border-bottom:0;align-items:center}.rp-item .ph-thumb{flex:none;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.rp-item .ph-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:960px){.popup{max-height:calc(100% - 70px);overflow-y:auto}}.popup>*{flex-shrink:0}.lg-row .wst-ic{width:14px;height:14px;flex:none;fill:var(--muted);stroke:var(--surface);stroke-width:1.3}.popup .gstat{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}:is(.popup,.st-detail) .gauge{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:8px;background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px 6px 4px;--g-hi:var(--sev3);--g-lo:#1F6F8B;--g-ink:var(--ok)}:is(.popup,.st-detail) .gauge.over{--g-ink:var(--sev3)}:is(.popup,.st-detail) .gauge.near{--g-ink:var(--sev2)}:is(.popup,.st-detail) .gauge.stale{--g-ink:var(--muted);--g-hi:#9AA3B8;--g-lo:#9AA3B8}:is(.popup,.st-detail) .gauge svg{display:block;width:112px;height:auto;overflow:visible}:is(.popup,.st-detail) .gauge .tube{fill:var(--surface)}:is(.popup,.st-detail) .gauge .tube-edge{fill:none;stroke:var(--text);stroke-opacity:.55;stroke-width:1.4}:is(.popup,.st-detail) .gauge .w-lo{fill:var(--g-lo)}:is(.popup,.st-detail) .gauge .w-hi{fill:var(--g-hi)}:is(.popup,.st-detail) .gauge .surf{stroke:#fff;stroke-opacity:.7;stroke-width:1.2}:is(.popup,.st-detail) .gauge .fine line{stroke:var(--text);stroke-opacity:.35;stroke-width:1}:is(.popup,.st-detail) .gauge .gd{stroke:var(--sev1);stroke-width:1.2;stroke-dasharray:3 2}:is(.popup,.st-detail) .gauge .gd.critical{stroke:var(--sev2)}:is(.popup,.st-detail) .gauge .tk{stroke:var(--muted);stroke-width:1}:is(.popup,.st-detail) .gauge .tl{font-size:10px;fill:var(--muted);font-variant-numeric:tabular-nums}:is(.popup,.st-detail) .gauge .ul{font-size:9.5px;fill:var(--muted)}:is(.popup,.st-detail) .gauge .bank{stroke:var(--sev3);stroke-width:2.4}:is(.popup,.st-detail) .gauge .btag rect{fill:var(--sev3)}:is(.popup,.st-detail) .gauge .btag text{font-size:9.5px;font-weight:600;fill:#fff}:is(.popup,.st-detail) .gauge .gtext{display:flex;flex-direction:column;gap:3px;min-width:0}:is(.popup,.st-detail) .gauge .gh{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.1;color:var(--g-ink);font-variant-numeric:tabular-nums}:is(.popup,.st-detail) .gauge .gh span{white-space:nowrap}:is(.popup,.st-detail) .gauge .gh.long{font-size:20px}@media(max-width:420px){:is(.popup,.st-detail) .gauge .gh{font-size:23px}}:is(.popup,.st-detail) .gauge .gv{font-family:var(--font-display);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}:is(.popup,.st-detail) .gauge .gv small,:is(.popup,.st-detail) .gauge .gb{font-family:var(--font-body);font-weight:400;font-size:11.5px;color:var(--muted)}:is(.popup,.st-detail) .gauge .gt{font-size:12.5px;font-weight:600}:is(.popup,.st-detail) .gauge .gt.up{color:var(--sev3)}:is(.popup,.st-detail) .gauge .gt.down{color:var(--ok)}:is(.popup,.st-detail) .gauge .gw{font-size:11px;color:var(--faint);margin-top:2px}.legend .lg-line{display:flex;gap:7px;align-items:flex-start;font-size:11px;line-height:1.45;color:var(--muted);margin-top:6px}.legend .lg-line .sw.line{flex:none;width:20px;height:4px;border-radius:2px;margin-top:6px}.legend .lg-line .sw.line.canal{background:linear-gradient(90deg,#d62839 0 25%,#1f5fd8 25% 50%,#2e9e5b 50% 75%,#9aa3b8 75%)}.legend .lg-line .sw.line.road{height:6px;margin-top:5px;background:linear-gradient(90deg,#d62839 0 34%,#f08a24 34% 67%,#e9b800 67%);box-shadow:0 0 0 1.5px var(--surface)}.legend .lg-line .ibtn{vertical-align:middle}.st-body{overflow:auto;height:auto;min-height:100%}.st-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.st-top .spacer{flex:1}.st-top .brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:inherit}.st-top .brand img{height:22px;width:auto;display:block}:root[data-theme=dark] .st-top .brand img{filter:invert(1)}.st-top .brand .sep{width:1px;height:26px;background:var(--line-strong)}.st-top .brand .title{font-family:var(--font-display);font-weight:600;font-size:15px;white-space:nowrap;line-height:1.2}.st-top .brand .title small{display:block;font-family:var(--font-body);font-weight:400;font-size:11.5px;color:var(--muted)}.st-main{max-width:1180px;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:16px}.st-head h1{font-size:34px;font-weight:600;letter-spacing:-.01em}.st-sub{color:var(--muted);font-size:14px;margin-top:4px}.st-scope{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border:1px solid var(--line);background:var(--surface);border-radius:999px;box-shadow:var(--shadow-sm)}.st-scope button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--muted)}.st-scope button:hover{color:var(--text)}.st-scope button[aria-selected=true]{background:var(--brand);color:var(--brand-ink)}.st-where{flex:1 1 300px;max-width:440px;position:relative}.st-radius{flex:0 0 110px}.st-loc{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font-size:13.5px;font-variant-numeric:tabular-nums}.st-loc #stLocText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-loc .btn{border-radius:999px}.st-sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:6;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}.st-sugg button{border:0;background:none;text-align:left;padding:8px 10px;border-radius:10px;color:var(--text);font-size:14px}.st-sugg button:hover{background:var(--surface-2)}.st-sugg small{display:block;color:var(--muted);font-size:12px}.st-snote{padding:8px 10px;font-size:12.5px;color:var(--muted)}.st-start{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.st-start h2{font-size:22px}.st-start-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.st-start-btns .btn{padding:11px 18px;font-size:14px;border-radius:999px}#stStartErr:empty{display:none}#stStartErr{color:var(--sev2)}.st-right{display:flex;align-items:center;gap:12px}.st-chip.st-group[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.st-group-box+.st-group-box{margin-top:14px}.st-ghead{font-size:16px;padding:4px 8px 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.st-ghead small{font-family:var(--font-body);font-weight:400;font-size:12.5px;color:var(--muted)}.st-ghead b.crit{color:var(--sev3);font-weight:600}.st-ghead b.watch{color:var(--sev2);font-weight:600}.st-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.st-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}.st-q{flex:1 1 320px;max-width:520px}.st-field select,.st-search{height:44px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font-size:14px}.st-field select{padding:0 16px}.st-search{display:flex;align-items:center;gap:8px;padding:0 16px;color:var(--muted)}.st-search input{flex:1;min-width:0;border:0;background:none;outline:none;height:100%;color:var(--text)}.st-search:focus-within,.st-field select:focus-visible{border-color:var(--brand);outline:none}.st-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.st-chips{display:flex;gap:8px;flex-wrap:wrap}.st-chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.1;display:inline-flex;gap:6px;align-items:center}.st-chip span{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.st-chip:hover{background:var(--surface-2)}.st-chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--surface)}.st-chip[aria-pressed=true] span{color:inherit;opacity:.75}.st-chip.crit span{color:var(--sev3)}.st-chip.watch span{color:var(--sev2)}.st-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.st-meta{font-size:12.5px;color:var(--muted);min-height:1em;margin-top:-6px}.st-table{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:0 10px 10px}.st-thead,.st-main-row{display:grid;grid-template-columns:minmax(200px,2.4fr) 130px 130px minmax(110px,1fr) 120px 110px;align-items:center;gap:14px}.st-thead{padding:14px 18px;font-size:13px;color:var(--muted)}.st-thead button{border:0;background:none;padding:0;color:inherit;font-weight:500;text-align:inherit}.st-thead button.on{color:var(--text);font-weight:600}.st-thead .c-val,.st-thead .c-d,.st-thead .c-max,.st-thead .c-t{text-align:right}.st-rows{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.st-row{border-bottom:1px solid var(--line)}.st-row:last-child{border-bottom:0}.st-main-row{width:100%;border:0;background:none;padding:16px 18px;text-align:left;color:inherit}.st-main-row:hover,.st-row.open .st-main-row{background:var(--surface-2)}.st-main-row small{display:block;font-size:12.5px;color:var(--muted);font-weight:400;font-family:var(--font-body)}.c-name{min-width:0}.c-name .n{font-family:var(--font-display);font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.c-name .pill{font-size:11px}.c-val,.c-d,.c-max,.c-t{text-align:right;font-variant-numeric:tabular-nums}.c-val b,.c-max b,.c-t b{font-family:var(--font-display);font-weight:600;font-size:18px;display:block;line-height:1.2}.c-max b,.c-t b{font-weight:500;font-size:16px;white-space:nowrap}.st-row.crit .c-val b{color:var(--sev3)}.st-row.watch .c-val b{color:var(--sev2)}.st-row.off .c-val b{color:var(--faint)}.st-spark{display:block;width:120px;height:34px;overflow:visible}.st-spark path{fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.st-spark.up path{stroke:var(--sev3)}.st-spark.down path{stroke:var(--ok)}.st-d{font-family:var(--font-display);font-weight:600;font-size:17px;white-space:nowrap}.st-d.up{color:var(--sev3)}.st-d.down{color:var(--ok)}.st-d.flat{color:var(--muted)}.st-na{color:var(--faint)}.st-empty{padding:28px 18px;color:var(--muted);text-align:center}.st-detail{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:16px 24px;padding:6px 18px 18px;background:var(--surface-2)}.st-detail .gauge{background:var(--surface)!important}.st-detail .spark{align-self:center;width:100%;max-width:400px}.st-detail .spark svg{height:auto;aspect-ratio:272/76}.st-dfoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.st-credit{font-size:11.5px;color:var(--faint);line-height:1.6}.st-loading{display:flex;flex-direction:column;gap:10px;padding:18px 8px}.st-loading .skel{height:58px;border-radius:12px;background:linear-gradient(90deg,var(--surface) 0%,var(--line) 50%,var(--surface) 100%);background-size:200% 100%;animation:stsk 1.2s linear infinite}@keyframes stsk{to{background-position:-200% 0}}@media(max-width:959px){.st-main-row{grid-template-columns:minmax(0,1fr) 96px 100px;gap:6px 12px}.st-thead{display:flex;flex-wrap:wrap;gap:6px 16px}.st-thead:before{content:"เรียงตาม";color:var(--faint)}.st-thead span,.st-main-row .c-max{display:none}.st-main-row .c-name{grid-column:1/3}.st-main-row .c-val{grid-column:3;grid-row:1}.st-main-row .c-spark{grid-column:1;grid-row:2}.st-main-row .c-d{grid-column:2;grid-row:2}.st-main-row .c-t{grid-column:3;grid-row:2}.st-detail{grid-template-columns:1fr}}@media(max-width:600px){.st-main{padding:18px 12px 36px;gap:12px}.st-head h1{font-size:26px}.st-where{flex:1 1 0;min-width:0;max-width:none}.st-q{flex:1 1 100%;max-width:none}.st-radius{flex:0 0 96px}.st-scope{align-self:stretch}.st-scope button{flex:1;justify-content:center;padding:8px 6px;font-size:13px}.st-start{padding:20px}.st-right{width:100%;justify-content:space-between}.st-top .brand .title small{display:none}.st-table{padding:0 4px 4px;border-radius:14px}.st-thead{padding:10px 12px}.st-main-row{padding:12px;grid-template-columns:minmax(0,1fr) 92px 96px}.st-spark{width:100%;max-width:120px}.c-name .n{font-size:15px}.c-val b{font-size:17px}.st-d{font-size:15px}.c-t b{font-size:14px}.st-chip{padding:7px 12px;font-size:13px}.st-detail{padding:4px 10px 14px}}