:root{--nav:186px;--top:68px;--bg:#edf7ff;--card:#fff;--line:#dbeaf7;--ink:#102b56;--muted:#73869e;--blue:#0f7cff;--blue2:#59b5ff;--green:#17a972;--orange:#f49b24;--red:#ee4b59;--purple:#6b5cf0;--shadow:0 8px 26px #25548117;--r:16px;--font:Inter,"Noto Sans Thai","Segoe UI",Tahoma,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;font-family:var(--font);color:var(--ink);background:linear-gradient(#e9f6ff,#f8fbff 36%,#f5f9fc);margin:0}body{font-size:13px}.app{grid-template-columns:var(--nav) 1fr;min-height:100vh;display:grid}.sidebar{width:var(--nav);z-index:50;background:#ffffffed;border-right:1px solid #e3edf7;padding:14px 10px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:9px;height:52px;padding:0 8px 10px;display:flex}.logo{color:#fff;background:linear-gradient(145deg,#1769e4,#14a8ff);border-radius:50%;place-items:center;width:37px;height:37px;font-size:20px;font-weight:900;display:grid;box-shadow:0 6px 16px #1677ff38}.brand-title{letter-spacing:-.4px;color:#102e68;font-size:18px;font-weight:850}.brand-sub{color:#6d83a1;margin-top:-1px;font-size:8.6px}.nav{flex-direction:column;gap:5px;margin-top:2px;display:flex}.nav a{color:#58708a;border-radius:11px;align-items:center;gap:11px;height:45px;padding:0 12px;text-decoration:none;display:flex}.nav a .ni{text-align:center;width:19px;font-size:16px}.nav a.active{color:#fff;background:linear-gradient(90deg,#0e7aff,#56b4ff);box-shadow:0 8px 20px #107cff38}.main{grid-column:2;min-width:0}.top{height:var(--top);z-index:40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe0;border-bottom:1px solid #e1edf7;align-items:center;gap:14px;padding:9px 18px;display:flex;position:sticky;top:0}.search{width:470px;position:relative}.search input{color:#385472;background:#f8fcff;border:1px solid #cfe1f1;border-radius:12px;outline:none;width:100%;height:38px;padding:0 50px 0 38px}.search:before{content:"⌕";color:#6689ae;font-size:21px;position:absolute;top:5px;left:13px}.search:after{content:"⌘ K";color:#7790aa;background:#fff;border:1px solid #d7e5f2;border-radius:7px;padding:3px 6px;font-size:10px;position:absolute;top:8px;right:9px}.meta{background:#ffffffc2;border:1px solid #e3eef7;border-radius:14px;align-items:center;height:48px;margin-left:auto;display:flex;overflow:hidden}.meta>div{border-right:1px solid #e6eff7;align-items:center;gap:8px;min-width:142px;height:100%;padding:6px 13px;display:flex}.meta>div:last-child{border-right:0;min-width:128px}.meta .big{color:#102b56;font-size:18px;font-weight:850}.meta .small{color:#687f99;font-size:9px;line-height:1.25}.okdot{background:#19b477;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #e4f8f0}.content{max-width:1700px;margin:0 auto;padding:12px 16px 18px}.sky{z-index:0;opacity:.96;position:absolute;inset:0 0 0 41%}.hero{background:linear-gradient(90deg,#fafdfffc 0 42%,#f7fcffc7 58%,#e2f4ff42 100%);border-bottom:1px solid #d9eaf7;border-radius:0;min-height:210px;margin:-12px -16px 0;padding:23px 28px 18px;position:relative;overflow:hidden}.hero>:not(.sky){z-index:2;position:relative}.hero .eyebrow{color:#49647f;font-size:13px;font-weight:700}.hero h1{letter-spacing:-1.2px;color:#0d2852;margin:6px 0 7px;font-size:39px;line-height:1.02}.hero h1 .blue{color:#0f7cff}.hero p{color:#5f7690;max-width:660px;margin:0;line-height:1.5}.water-band{z-index:1;background:linear-gradient(#47b1ef8c,#0c74b4c7);border-radius:50% 48% 0 0/28% 32% 0 0;height:118px;position:absolute;bottom:-45px;left:40%;right:-5%}.river-card{z-index:5;width:330px;height:166px;box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #d3e6f4;border-radius:17px;grid-template-columns:1fr 105px;gap:10px;padding:15px 17px;display:grid;position:absolute;top:20px;right:28px}.river-card .rv{margin-top:5px;font-size:31px;font-weight:900}.thermo{background:linear-gradient(#ff6f79 0 20%,#ffc85b 20% 48%,#86cfff 48% 100%);border:2px solid #e0edf7;border-radius:18px;width:34px;height:120px;margin:0 auto;position:relative}.thermo:after{content:"";background:#258aff;border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #87a9c6}.river-labels{color:#56718c;height:120px;font-size:9px;position:absolute;top:5px;left:45px;right:-122px}.river-labels span{position:absolute;right:0}.rv1{color:#df4451;top:0}.rv2{color:#e89922;top:43px}.rv3{color:#217dcc;top:88px}.grid{gap:11px;margin-top:11px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fffffffa;border:1px solid #dfeaf4;border-radius:15px;min-width:0;padding:13px;box-shadow:0 5px 16px #2252820e}.ch{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.ch h3{margin:0;font-size:15px}.link{color:#0f7cff;font-size:11px;font-weight:700}.muted{color:var(--muted);font-size:11px}.kpi{align-items:center;gap:12px;height:90px;display:flex}.ki{background:#f0f7ff;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.kl{color:#425c75;font-size:11px;font-weight:700}.kv{color:#0f2a54;margin:4px 0;font-size:27px;font-weight:900;line-height:1.02}.kd{font-size:9.8px}.red{color:var(--red)}.orange{color:var(--orange)}.green{color:var(--green)}.blue{color:var(--blue)}.purple{color:var(--purple)}.pill{color:#54708b;background:#edf5fc;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.pill.red{color:#d33a47;background:#ffecef}.pill.orange{color:#bd731c;background:#fff2df}.pill.green{color:#118a60;background:#e9f9f2}.pill.blue{color:#166bc1;background:#eaf4ff}.pill.gray{color:#687785;background:#eef2f5}.tabs{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tab{color:#526d87;cursor:pointer;background:#f2f7fc;border:0;border-radius:10px;padding:8px 13px;font-size:11px}.tab.active{color:#fff;background:#0f7cff;box-shadow:0 5px 12px #0f7cff33}.filterbar{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filter{color:#58718c;background:#fff;border:1px solid #d8e7f3;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:11px;display:inline-flex}.btn{color:#fff;cursor:pointer;background:#0f7cff;border:0;border-radius:10px;height:36px;padding:0 14px;font-size:11px;font-weight:750}.btn.out{color:#0f70d7;background:#fff;border:1px solid #cfe0ee}.btn.green{background:#15a76f}.btn.purple{background:#6b5cf0}.btn.red{background:#ef4e5b}.timebar{background:#fff;border:1px solid #ddeaf5;border-radius:14px;grid-template-columns:48px 1fr 210px;align-items:center;gap:13px;height:64px;margin-top:10px;padding:9px 13px;display:grid}.play{color:#fff;cursor:pointer;background:#0f7cff;border:0;border-radius:50%;width:42px;height:42px;font-size:18px;box-shadow:0 6px 16px #0f7cff42}.timewrap{flex-direction:column;gap:2px;display:flex}.timewrap input{accent-color:#0f7cff;width:100%}.timelabels{color:#6d829a;justify-content:space-between;font-size:9px;display:flex}.timefuture{color:#617991;justify-content:flex-end;gap:12px;font-size:9px;display:flex}.map{background:#e3eee5;border:1px solid #d2e3ec;border-radius:12px;height:100%;min-height:320px;position:relative;overflow:hidden}.map svg{width:100%;height:100%;position:absolute;inset:0}.maptools{z-index:5;flex-direction:column;display:flex;position:absolute;top:10px;left:10px}.maptools button{color:#365879;background:#fff;border:1px solid #d9e5ee;width:30px;height:30px;font-weight:900}.maptools button:first-child{border-radius:8px 8px 0 0}.maptools button:last-child{border-radius:0 0 8px 8px}.marker{z-index:6;color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;font-weight:900;display:grid;position:absolute;box-shadow:0 4px 10px #17466e38}.mi{background:#ef4e5b}.mu{background:#0f7cff}.mc{background:#1a9ec4}.ms{background:#15a76f}.mh{background:#6b5cf0}.mp{background:#f39a22}.popup{z-index:9;background:#fff;border:1px solid #d9e7f2;border-radius:13px;width:285px;padding:11px;position:absolute;box-shadow:0 12px 32px #1d4e7c2e}.legend{z-index:6;color:#5d748c;background:#fffffff0;border:1px solid #d8e6f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:13px;padding:7px 9px;font-size:9px;display:flex;position:absolute;bottom:9px;left:10px;right:10px}.legend b{font-weight:800}.route{z-index:4;transform-origin:0;background:#15b475;border-radius:6px;height:7px;position:absolute;box-shadow:0 0 0 2px #fff}.routelabel{z-index:7;box-shadow:var(--shadow);color:#159364;background:#fff;border:1px solid #d9e6f0;border-radius:12px;padding:9px 14px;font-weight:800;position:absolute}.list{flex-direction:column;gap:6px;display:flex}.li{background:#f9fcff;border:1px solid #e8f0f6;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:7px 9px;display:flex}.rank{background:#eef4fa;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.li-main{flex:1;min-width:0}.li-title{font-size:11px;font-weight:800}.li-sub{color:#73869c;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.li-time{color:#627992;font-size:10px}.progress{background:#e7eef5;border-radius:99px;height:6px;overflow:hidden}.progress span{background:linear-gradient(90deg,#0f7cff,#54b3ff);border-radius:99px;height:100%;display:block}.chart{background:linear-gradient(#fff,#f8fbfe);border:1px solid #e7eff6;border-radius:11px;height:178px;position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.bars{align-items:end;gap:18px;height:100%;padding:25px 25px 20px;display:flex}.bar{background:linear-gradient(#7bc2ff,#2e83dc);border-radius:6px 6px 0 0;flex:1;max-width:42px;position:relative}.bar em{text-align:center;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:-18px;left:0;right:0}.bar small{text-align:center;color:#6c8097;font-size:8px;position:absolute;bottom:-17px;left:-10px;right:-10px}.tablewrap{overflow:auto}.tbl{border-collapse:collapse;width:100%;font-size:10px}.tbl th{color:#61778e;text-align:left;white-space:nowrap;border-bottom:1px solid #e2ebf3;padding:8px 7px}.tbl td{white-space:nowrap;border-bottom:1px solid #edf3f8;padding:8px 7px}.tbl tr.sel td{background:#eef7ff}.tbl tr:hover td{background:#f8fbfe}.mini{vertical-align:middle;background:linear-gradient(135deg,#94b0bd,#e2edf2 55%,#718996);border-radius:5px;width:42px;height:28px;margin-right:7px;display:inline-block}.stepper{align-items:start;display:flex;overflow:auto}.step{text-align:center;color:#8594a5;min-width:92px;font-size:9px;position:relative}.step:before{content:"";background:#dce6ee;height:2px;position:absolute;top:14px;left:0;right:0}.step:first-child:before{left:50%}.step:last-child:before{right:50%}.dot{z-index:2;color:#78899a;background:#e9eef3;border-radius:50%;place-items:center;width:29px;height:29px;margin:0 auto 4px;font-weight:900;display:grid;position:relative}.step.done .dot{color:#fff;background:#14a56e}.step.active .dot{color:#fff;background:#0f7cff}.step.done:before{background:#14a56e}.step b{color:#536b83;font-size:9.5px;display:block}.cams{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.cam{cursor:pointer;background:#fff;border:1px solid #dce8f2;border-radius:12px;overflow:hidden}.cam.active{outline:2px solid #0f7cff}.feed{background:linear-gradient(#9dd7fb 0 42%,#88a09b 43% 49%,#586d78 50% 56%,#809fab 57% 100%);height:126px;position:relative;overflow:hidden}.feed:before{content:"";background:linear-gradient(#4daddfc7,#1c70a6f0);height:32%;position:absolute;bottom:17%;left:-10%;right:-10%;transform:skewY(-2deg)}.feed:after{content:"";background:#dbe3e6;width:120%;height:7px;position:absolute;bottom:9%;left:-10%;transform:rotate(-2deg);box-shadow:0 -28px #687b83}.feed .bridge{z-index:3;background:#eef6f8;width:145px;height:5px;position:absolute;bottom:29%;left:40%;transform:rotate(-4deg);box-shadow:-10px -28px 0 -1px #71838c}.feed .bridge:before{content:"";background:#d8e6ea;width:4px;height:60px;position:absolute;bottom:-4px;left:60%;transform:rotate(10deg)}.caminfo{padding:7px 8px}.camtitle{margin-top:4px;font-size:10px;font-weight:850}.cmeta{color:#71869b;justify-content:space-between;gap:5px;font-size:8px;display:flex}.evidence{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.ev{background:linear-gradient(140deg,#6f8997,#cbdde4 57%,#667d89);border-radius:9px;height:84px;position:relative;overflow:hidden}.ev:before{content:"";background:#244459;width:70%;height:11px;position:absolute;bottom:15%;left:14%;box-shadow:18px -12px 0 -3px #f17934}.ev:after{content:"10:05 น.";color:#fff;background:#00000059;border-radius:4px;padding:2px 4px;font-size:8px;position:absolute;bottom:5px;left:5px}.donut{background:conic-gradient(#0f7cff 0 46%,#16aa74 46% 87%,#f39a22 87% 96%,#cbd6df 96%);border-radius:50%;width:126px;height:126px;margin:auto;position:relative}.donut:after{content:"329\a คน";white-space:pre;text-align:center;background:#fff;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;position:absolute;inset:26px}.sectiontitle{font-size:14px;font-weight:900}.pagehead{justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 8px;display:flex}.pagehead h1{margin:0;font-size:31px;line-height:1.1}.pagehead h2{margin:5px 0;font-size:21px}.screenhero{background:linear-gradient(90deg,#fffffffc,#ffffffb3 56%,#e1f4ff2e),linear-gradient(#dff3ff,#bfe8ff);border-bottom:1px solid #d8e9f5;height:166px;margin:-12px -16px 8px;padding:24px 28px;position:relative;overflow:hidden}.screenhero .sky{opacity:.98;left:46%}.screenhero>:not(.sky){z-index:2;position:relative}.screenhero h1{margin:5px 0;font-size:34px}.screenhero p{color:#607890;max-width:760px;margin:0}.screenhero .actions{z-index:4;gap:8px;display:flex;position:absolute;bottom:17px;right:24px}.topstats{z-index:4;grid-template-columns:repeat(3,190px);gap:8px;display:grid;position:absolute;bottom:16px;right:28px}.statfloat{height:74px;box-shadow:var(--shadow);background:#ffffffe8;border:1px solid #d8e8f3;border-radius:14px;padding:10px 13px}.statfloat .s1{font-size:10px;font-weight:800}.statfloat .s2{margin-top:3px;font-size:23px;font-weight:900}.righttools{position:absolute;top:0;right:0}@media (max-width:1250px){:root{--nav:82px}.brand .bt,.nav .nl{display:none}.brand{justify-content:center}.nav a{justify-content:center;padding:0}.g6{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.meta>div{min-width:110px}.search{width:330px}}fo-map,fo-chart,fo-card,fo-timebar,fo-stepper,fo-cameras,fo-kpi,fo-skyline{display:block}fo-map{height:100%}
.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:6px 0 2px;font-size:22px}.field{flex-direction:column;gap:6px;margin-top:14px;display:flex}.field label{color:#425c75;font-size:12px;font-weight:700}.field input,.field select{height:40px;font:inherit;background:#f8fcff;border:1px solid #cfe1f1;border-radius:10px;padding:0 12px;font-size:14px}.field input:focus,.field select:focus{outline-offset:1px;outline:2px solid #0f7cff}.err{color:#b4232f;background:#ffecef;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px}.note{color:#5f7690;font-size:12px;line-height:1.6}.btn.full{width:100%;height:42px;margin-top:18px;font-size:14px}.feed{max-height:360px;overflow:auto}.feed .li{align-items:flex-start}.mono{color:#73869e;font-family:ui-monospace,Consolas,monospace;font-size:10px}.empty{text-align:center;color:#73869e;border:1px dashed #dbe7f2;border-radius:10px;padding:18px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.nav a[aria-disabled=true]:hover{background:0 0}:root[data-theme=dark]{--bg:#0b1726;--card:#122236;--line:#22374f;--ink:#e3edf7;--muted:#93a8bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body{color:var(--ink);background:linear-gradient(#0a1624,#0d1b2c 40%,#0b1726)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .top{border-color:var(--line);background:#0e1b2bf0}:root[data-theme=dark] .brand-title,:root[data-theme=dark] .pagehead h1,:root[data-theme=dark] .kv,:root[data-theme=dark] .meta .big,:root[data-theme=dark] .li-title,:root[data-theme=dark] .ch h3{color:var(--ink)}:root[data-theme=dark] .nav a{color:#9fb4ca}:root[data-theme=dark] .card,:root[data-theme=dark] .meta,:root[data-theme=dark] .legend{background:var(--card);border-color:var(--line);box-shadow:none}:root[data-theme=dark] .meta>div{border-color:var(--line)}:root[data-theme=dark] .li,:root[data-theme=dark] .empty{border-color:var(--line);color:var(--muted);background:#0f1d2f}:root[data-theme=dark] .ki,:root[data-theme=dark] .rank,:root[data-theme=dark] .tab{color:var(--ink);background:#1a2d45}:root[data-theme=dark] .kl,:root[data-theme=dark] .muted,:root[data-theme=dark] .note,:root[data-theme=dark] .li-sub,:root[data-theme=dark] .li-time,:root[data-theme=dark] .small,:root[data-theme=dark] .tbl th{color:var(--muted)}:root[data-theme=dark] .tbl th,:root[data-theme=dark] .tbl td{border-color:var(--line)}:root[data-theme=dark] .tbl tr:hover td{background:#16283e}:root[data-theme=dark] .btn.out,:root[data-theme=dark] .filter,:root[data-theme=dark] .search input,:root[data-theme=dark] .field input,:root[data-theme=dark] .field select{color:var(--ink);background:#0f1d2f;border-color:#2a4361}:root[data-theme=dark] .field label{color:var(--muted)}:root[data-theme=dark] .pill{color:#b9cadb;background:#1a2d45}:root[data-theme=dark] .pill.red{color:#ffb3bb;background:#4a1820}:root[data-theme=dark] .pill.orange{color:#ffd08a;background:#47300f}:root[data-theme=dark] .pill.green{color:#8fe3bf;background:#10392b}:root[data-theme=dark] .pill.blue{color:#9ccbff;background:#12304f}:root[data-theme=dark] .err{color:#ffc2c8;background:#4a1820}:root[data-theme=dark] .map{border-color:var(--line);background:#13263a}:root{--font:"Noto Sans Thai", "Sarabun", Inter, "Segoe UI", Tahoma, sans-serif;--nav:228px;--top:72px}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-size:16px;line-height:1.55}.nav a{height:50px;font-size:15.5px}.brand-title{font-size:20px}.brand-sub{font-size:11px}.muted,.note{font-size:14px}.pill{padding:4px 10px;font-size:13px;font-weight:600}.ch h3{font-size:18px}.link{font-size:14px}.kpi{height:auto;min-height:112px}.kl{font-size:15px}.kv{font-size:36px}.kd{font-size:13.5px}.li{min-height:56px;padding:10px 12px}.li-title{font-size:15.5px}.li-sub,.li-time{font-size:13.5px}.rank{width:32px;height:32px;font-size:15px}.tbl{font-size:14px}.tbl th,.tbl td{padding:10px 9px}.meta .small{font-size:12.5px}.meta .big{font-size:22px}.search input{font-size:14px}.filter,.btn{height:40px;font-size:14.5px}.pagehead h1{font-size:34px}.legend{font-size:13px}.empty{font-size:14.5px}.ref{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;line-height:1.4;display:flex}.ref a{color:#0f7cff;display:inline-flex}.hero2{background:linear-gradient(100deg,#fffffffa 0 45%,#ecf7ffeb 70%,#cdebffd9);border-bottom:1px solid #d9eaf7;grid-template-columns:minmax(0,1fr) 420px;align-items:stretch;gap:18px;margin:-12px -16px 0;padding:22px 28px;display:grid;position:relative;overflow:hidden}.hero2:after{content:"";z-index:0;background:linear-gradient(#47b1ef59,#0c74b473);border-radius:50% 48% 0 0/30% 32% 0 0;height:120px;position:absolute;bottom:-60px;left:35%;right:-5%}.hero2>*{z-index:1;position:relative}.hero2 .eyebrow{color:#49647f;font-size:16px;font-weight:700}.hero2 h1{color:#0d2852;letter-spacing:-.5px;margin:4px 0 2px;font-size:46px;line-height:1.15}.hero2 .now{color:#0d2852;font-size:30px;font-weight:800;line-height:1.3}.hero2 .now b{color:#0f7cff}.hero2 .now b.red{color:#e5232f}.hero2 p{color:#4c6680;max-width:720px;margin:8px 0 0;font-size:16px}.river2{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #d3e6f4;border-radius:18px;grid-template-columns:1fr 150px;gap:12px;padding:16px 18px;display:grid}.r-title{color:#102b56;font-size:17px;font-weight:800}.r-value{margin:6px 0;font-size:44px;font-weight:900;line-height:1.1}.r-value small{color:var(--muted);font-size:16px;font-weight:600}.gauge{height:170px;position:relative}.g-bar{background:#e8f1f8;border:1px solid #d4e3ef;border-radius:14px;width:26px;position:absolute;top:0;bottom:0;left:6px;overflow:hidden}.g-fill{opacity:.85;position:absolute;bottom:0;left:0;right:0}.g-mark{white-space:nowrap;padding-left:40px;font-size:12.5px;font-weight:700;position:absolute;left:0;right:0;transform:translateY(-50%)}.g-mark:before{content:"";border-top:2px dashed;width:34px;position:absolute;top:50%;left:2px}.kpi2{flex-direction:column;justify-content:space-between;min-height:150px;display:flex}.kpi2 .top{align-items:flex-start;gap:12px;display:flex}.kpi2 .kv{font-size:40px}.dash-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.05fr);gap:12px;margin-top:12px;display:grid}@media (max-width:1400px){.dash-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hero2{grid-template-columns:1fr}}:root[data-theme=dark] .hero2{border-color:var(--line);background:linear-gradient(100deg,#0e1c2e,#102640 70%,#12304f)}:root[data-theme=dark] .hero2 h1,:root[data-theme=dark] .hero2 .now,:root[data-theme=dark] .r-title{color:var(--ink)}:root[data-theme=dark] .hero2 p,:root[data-theme=dark] .hero2 .eyebrow{color:var(--muted)}:root[data-theme=dark] .river2{background:var(--card);border-color:var(--line)}:root[data-theme=dark] .g-bar{border-color:var(--line);background:#0f1d2f}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}@media (min-width:1800px){.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.kpi2{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:2px 14px;min-height:0;padding:16px;display:grid}.kpi2 .ki{grid-row:span 2;width:52px;height:52px}.kpi2 .kl{font-size:15.5px;line-height:1.35}.kpi2 .kv{margin:2px 0 0;font-size:40px;line-height:1.1}.kpi2 .kv small{color:var(--muted);margin-left:6px;font-size:16px;font-weight:600}.kpi2 .kd,.kpi2 .ref{grid-column:1/-1}.kpi2 .kd{margin-top:8px;line-height:1.45}.gauge{height:210px}.meta>div{min-width:168px}.meta .big{white-space:nowrap}
:root{--font:"IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--brand-900:#0b2545;--brand-700:#13315c;--brand-600:#1d4e89;--brand-500:#2563eb;--brand-100:#e8effa;--brand-50:#f3f7fd;--accent-gold:#c9a227;--surface:#f5f7fa;--surface-raised:#fff;--border:#e3e8ef;--border-strong:#cfd7e2;--text:#16202e;--text-2:#4b5768;--text-3:#6b7686;--ok:#15803d;--ok-bg:#e9f7ef;--warn:#b45309;--warn-bg:#fdf3e3;--danger:#c81e1e;--danger-bg:#fdecec;--info:#1d4ed8;--info-bg:#eaf0fd;--neutral-bg:#eef1f5;--shadow-1:0 1px 2px #1018280f, 0 1px 3px #1018280d;--shadow-2:0 8px 24px #1018281a;--r-card:12px;--r-btn:8px;--r-input:6px;--nav-w:248px;--top-h:64px}:root[data-theme=dark]{--surface:#0d1520;--surface-raised:#141e2b;--border:#233142;--border-strong:#2e3f54;--text:#e6edf5;--text-2:#b4c0cf;--text-3:#8d9bad;--brand-100:#1b2d47;--brand-50:#152233;--ok-bg:#12301f;--warn-bg:#3a2a10;--danger-bg:#3d1717;--info-bg:#15264a;--neutral-bg:#1c2836;--shadow-1:none;--shadow-2:0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:var(--text);background:var(--surface)!important}body{font-family:var(--font);font-variant-numeric:tabular-nums;font-size:16px;line-height:1.7}button,input,select,textarea{font-family:inherit}.u-app{grid-template-columns:var(--nav-w) minmax(0, 1fr);min-height:100vh;display:grid}.u-side{background:var(--surface-raised);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.u-brand{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.u-logo{background:var(--brand-700);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid}.u-brand b{color:var(--brand-900);font-size:18px;line-height:1.2;display:block}:root[data-theme=dark] .u-brand b{color:var(--text)}.u-brand small{color:var(--text-3);font-size:12.5px;line-height:1.3;display:block}.u-nav-group{color:var(--text-3);letter-spacing:.2px;padding:14px 10px 4px;font-size:12.5px;font-weight:600}.u-nav a{border-radius:var(--r-btn);min-height:44px;color:var(--text-2);align-items:center;gap:12px;padding:8px 10px;font-size:15.5px;line-height:1.35;text-decoration:none;display:flex}.u-nav a:hover{background:var(--brand-50);color:var(--text)}.u-nav a[aria-current=page]{background:var(--brand-100);color:var(--brand-700);box-shadow:inset 3px 0 0 var(--brand-600);font-weight:600}:root[data-theme=dark] .u-nav a[aria-current=page]{color:#cfe0ff}.u-nav a[aria-disabled=true]{opacity:.55;cursor:default}.u-nav a[aria-disabled=true]:hover{background:0 0}.u-nav .soon{color:var(--text-3);white-space:nowrap;margin-left:auto;font-size:12px}.u-main{flex-direction:column;min-width:0;display:flex}.u-top{z-index:40;height:var(--top-h);background:var(--surface-raised);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.u-top h2{white-space:nowrap;color:var(--text);margin:0;font-size:19px;font-weight:700;line-height:1.3}.u-top .sub{color:var(--text-3);white-space:nowrap;font-size:13px;line-height:1.3}.u-search{flex:1;max-width:420px;margin-left:8px;position:relative}.u-search input{border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);width:100%;height:40px;color:var(--text);padding:0 64px 0 38px;font-size:14.5px}.u-search svg{color:var(--text-3);position:absolute;top:11px;left:12px}.u-search kbd{font:12px var(--font);color:var(--text-3);border:1px solid var(--border);background:var(--surface-raised);border-radius:6px;padding:1px 6px;position:absolute;top:8px;right:8px}.u-top-right{align-items:center;gap:8px;margin-left:auto;display:flex}.u-chip{border:1px solid var(--border);background:var(--surface-raised);height:40px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:14px;line-height:1;display:inline-flex}.u-chip b{color:var(--text);font-size:15px;font-weight:600}.u-chip .dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px var(--ok-bg);border-radius:50%}.u-chip .dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}.u-icon-btn{border:1px solid var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:999px;place-items:center;display:grid}.u-icon-btn:hover{background:var(--brand-50)}.u-user{position:relative}.u-avatar{background:var(--brand-700);color:#fff;cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;font-size:15px;font-weight:600}.u-menu{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-card);width:260px;box-shadow:var(--shadow-2);z-index:60;padding:12px;position:absolute;top:48px;right:0}.u-menu .name{font-weight:600;line-height:1.4}.u-menu .meta2{color:var(--text-3);margin-bottom:8px;font-size:13.5px;line-height:1.5}.u-menu button{border-radius:var(--r-btn);width:100%;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:15px;display:flex}.u-menu button:hover{background:var(--brand-50)}.u-content{width:100%;max-width:1600px;margin:0 auto;padding:20px 24px 32px}.u-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-1);min-width:0;padding:20px}.u-card-h{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.u-card-h h3{color:var(--text);margin:0;font-size:17.5px;font-weight:600;line-height:1.4}.u-card-h .asof{color:var(--text-3);white-space:nowrap;font-size:13px}.u-link{color:var(--brand-600);font-size:14.5px;font-weight:500;text-decoration:none}.u-link:hover{text-decoration:underline}.u-muted{color:var(--text-3);font-size:14px;line-height:1.6}.u-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.u-badge.ok{background:var(--ok-bg);color:var(--ok)}.u-badge.warn{background:var(--warn-bg);color:var(--warn)}.u-badge.danger{background:var(--danger-bg);color:var(--danger)}.u-badge.info{background:var(--info-bg);color:var(--info)}.u-badge.neutral{background:var(--neutral-bg);color:var(--text-2)}:root[data-theme=dark] .u-badge.ok{color:#6ee7a0}:root[data-theme=dark] .u-badge.warn{color:#fbbf6a}:root[data-theme=dark] .u-badge.danger{color:#fca5a5}:root[data-theme=dark] .u-badge.info{color:#a8c2ff}.u-filterbar{top:var(--top-h);z-index:30;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin:-20px -24px 20px;padding:12px 24px;display:flex;position:sticky}.u-filterbar .lbl{color:var(--text-3);margin-right:4px;font-size:14px}.u-fchip{border:1px solid var(--border-strong);background:var(--surface-raised);height:36px;color:var(--text-2);cursor:pointer;border-radius:999px;padding:0 14px;font-size:14.5px;line-height:1}.u-fchip[aria-pressed=true]{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.u-select{border:1px solid var(--border-strong);border-radius:var(--r-btn);background:var(--surface-raised);height:36px;color:var(--text);padding:0 10px;font-size:14.5px}.u-filterbar .asof{color:var(--text-3);white-space:nowrap;margin-left:auto;font-size:13.5px}.u-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}@media (max-width:1280px){.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 12}.span-3{grid-column:span 6}}.u-hero h1{color:var(--text);margin:0;font-size:30px;font-weight:700;line-height:1.35}.u-hero .lead{color:var(--text-2);margin:6px 0 0;font-size:16.5px}.u-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.u-stat{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:10px;padding:12px 14px}.u-stat:hover{border-color:var(--brand-500)}.u-stat .k{color:var(--text-2);font-size:14px;line-height:1.4}.u-stat .v{color:var(--text);margin-top:4px;font-size:34px;font-weight:700;line-height:1.2}.u-stat .v small{color:var(--text-3);margin-left:4px;font-size:15px;font-weight:500}.u-stat.danger .v{color:var(--danger)}.u-stat.warn .v{color:var(--warn)}:root[data-theme=dark] .u-stat.danger .v{color:#fca5a5}:root[data-theme=dark] .u-stat.warn .v{color:#fbbf6a}.u-kpi{text-align:left;cursor:pointer;font:inherit;color:inherit;flex-direction:column;gap:6px;width:100%;display:flex}.u-kpi:hover{border-color:var(--brand-500)}.u-kpi[aria-pressed=true]{border-color:var(--brand-600);box-shadow:0 0 0 2px var(--brand-100)}.u-kpi .k{color:var(--text-2);align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:1.4;display:flex}.u-kpi .v{color:var(--text);font-size:36px;font-weight:700;line-height:1.15}.u-kpi .v small{color:var(--text-3);margin-left:6px;font-size:15px;font-weight:500}.u-kpi .d{color:var(--text-3);font-size:14px;line-height:1.55}.u-ref{color:var(--text-3);border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:13px;line-height:1.5;display:flex}.u-ref a{color:var(--brand-600);display:inline-flex}.u-list{flex-direction:column;display:flex}.u-row{border-bottom:1px solid var(--border);text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 4px;display:grid}.u-row:hover{background:var(--brand-50)}.u-row[aria-current=true]{background:var(--brand-100)}.u-row .n{color:var(--text-3);text-align:center;font-size:13.5px}.u-row .t{color:var(--text);font-size:15.5px;font-weight:500;line-height:1.45}.u-row .s{color:var(--text-3);font-size:13.5px;line-height:1.45}.u-row .r{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.u-row .time{color:var(--text-3);font-size:13px}.u-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.u-tab{height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 12px;font-size:14.5px}.u-tab[aria-selected=true]{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:600}:root[data-theme=dark] .u-tab[aria-selected=true]{color:#a8c2ff}.u-empty{border:1px dashed var(--border-strong);color:var(--text-3);border-radius:10px;padding:20px;font-size:14.5px;line-height:1.65}.u-river{grid-template-columns:minmax(0,1fr) 150px;gap:12px;display:grid}.u-river .v{margin:4px 0 8px;font-size:44px;font-weight:700;line-height:1.1}.u-river .v small{color:var(--text-3);font-size:16px;font-weight:500}.u-table{border-collapse:collapse;width:100%;font-size:14.5px}.u-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:13px;font-weight:600}.u-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px;line-height:1.55}.u-map{border:1px solid var(--border);border-radius:10px;height:520px;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.u-kpi,.u-stat,.u-row,.u-fchip{transition:border-color .15s ease-out,background .15s ease-out}}.u-drawer-wrap{z-index:100;position:fixed;inset:0}.u-drawer-bg{cursor:default;background:#0f172a59;border:0;position:absolute;inset:0}.u-drawer{background:var(--surface-raised);border-left:1px solid var(--border);width:min(620px,100%);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}@media (prefers-reduced-motion:no-preference){.u-drawer{animation:.2s ease-out u-slide}@keyframes u-slide{0%{opacity:.6;transform:translate(24px)}}}.u-drawer-h{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.u-drawer-h h3{margin:0;font-size:19px;font-weight:600;line-height:1.4}.u-drawer-tools{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 20px;display:flex}.u-drawer-body{flex:1;padding:12px 20px 20px;overflow-y:auto}.u-drawer-f{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.u-fchip:disabled{opacity:.45;cursor:not-allowed}.u-table th[scope],.u-drawer .u-table th{width:40%;color:var(--text-3);white-space:normal;font-weight:500}.u-click{cursor:pointer}.u-click:hover td{background:var(--brand-50)}.u-inline-num{font:inherit;cursor:pointer;text-underline-offset:6px;background:0 0;border:0;padding:0 2px;text-decoration:underline;text-decoration-thickness:2px}.u-inline-num.danger{color:var(--danger)}.u-inline-num.warn{color:var(--warn)}:root[data-theme=dark] .u-inline-num.danger{color:#fca5a5}:root[data-theme=dark] .u-inline-num.warn{color:#fbbf6a}.u-bar{background:var(--neutral-bg);border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.u-bar span{border-radius:99px;height:100%;display:block}.u-hbars{border-bottom:1px solid var(--border);grid-template-columns:repeat(24,1fr);align-items:end;gap:3px;height:90px;padding:4px 0;display:grid}.u-hbars span{align-items:flex-end;height:100%;display:flex}.u-hbars i{background:var(--info);border-radius:3px 3px 0 0;width:100%;min-height:2px;display:block}button.u-stat{width:100%}.u-future{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;display:grid}@media (max-width:1100px){.u-future{grid-template-columns:1fr}}.u-sub{color:var(--text);margin:0 0 8px;font-size:15.5px;font-weight:600}.u-timeline{margin:0 0 12px;padding:0 0 0 4px;list-style:none}.u-timeline li{border-left:3px solid var(--border-strong);grid-template-columns:112px minmax(0,1fr);gap:14px;padding:10px 0 10px 14px;display:grid;position:relative}.u-timeline li:before{content:"";background:var(--surface-raised);border:3px solid var(--border-strong);border-radius:50%;width:13px;height:13px;position:absolute;top:16px;left:-8px}.u-timeline li.sev-danger{border-left-color:var(--danger)}.u-timeline li.sev-danger:before{border-color:var(--danger)}.u-timeline li.sev-warn{border-left-color:var(--warn)}.u-timeline li.sev-warn:before{border-color:var(--warn)}.u-timeline li.sev-ok{border-left-color:var(--ok)}.u-timeline li.sev-ok:before{border-color:var(--ok)}.u-timeline li.sev-info{border-left-color:var(--info)}.u-timeline li.sev-info:before{border-color:var(--info)}.u-timeline .when{font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.u-timeline .when b{font-size:16px}.u-timeline .when span{color:var(--text-3);font-size:13.5px}.u-timeline .what{min-width:0;font-size:15.5px;line-height:1.6}.u-link{font:inherit;color:var(--brand-600);text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}:root[data-theme=dark] .u-link{color:#8fb3ff}.u-skill{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-self:start;padding:14px}.u-mini{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:4px;font-size:13.5px}.u-mini th,.u-mini td{text-align:left;border-bottom:1px solid var(--border);padding:5px 6px}.u-mini th{color:var(--text-3);font-weight:500}.u-ask{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.u-input{border:1px solid var(--border-strong);border-radius:var(--r-input);background:var(--surface-raised);min-width:0;height:42px;color:var(--text);flex:1;padding:0 12px;font-size:15.5px}.u-btn{border-radius:var(--r-btn);background:var(--brand-700);color:#fff;cursor:pointer;border:0;height:42px;padding:0 18px;font-size:15.5px;font-weight:600}.u-btn:disabled{opacity:.5;cursor:not-allowed}.u-answer{background:var(--info-bg);border-radius:10px;margin-top:12px;padding:14px}.u-hot-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:14px;display:grid}.u-hot-tile{border:1px solid var(--border);border-left:4px solid var(--danger);background:var(--surface-raised);border-radius:10px;padding:10px 12px}.u-hot-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:16px;display:flex}.u-hot-list{margin:0 0 4px;padding:0;list-style:none}.u-hot-item{align-items:baseline;gap:6px;min-width:0;padding:3px 0;font-size:14.5px;line-height:1.5;display:flex}.u-hot-item .u-link{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.u-hot-kind{color:var(--text-3);border:1px solid var(--border);border-radius:4px;flex:none;padding:0 5px;font-size:12px}.u-hot-depth{color:var(--danger);font-variant-numeric:tabular-nums;flex:none}.u-hot-cam{background:var(--info-bg);color:var(--info);border-radius:999px;flex:none;align-items:center;gap:3px;padding:1px 8px;font-size:13px;text-decoration:none;display:inline-flex}.u-hot-cam:hover{text-decoration:underline}:root[data-theme=dark] .u-hot-cam{color:#a8c2ff}:root[data-theme=dark] .u-hot-depth{color:#fca5a5}.u-hot-knee{background:var(--danger-bg);border-radius:10px;margin-top:14px;padding:12px}.u-hot-knee .u-hot-list{columns:2 320px}@media (max-width:760px){.u-stats[style*=repeat\(3]{grid-template-columns:1fr!important}}.u-cam-btn{border-radius:var(--r-btn);background:var(--brand-700);color:#fff;align-items:center;gap:8px;height:42px;margin-top:14px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.u-cam-btn:hover{background:var(--brand-600)}.u-pub{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.u-pubtop{gap:20px}.u-pubbrand{color:inherit;border:0;align-items:center;gap:10px;margin:0;padding:0;text-decoration:none;display:flex}.u-pubtabs{gap:4px;height:100%;display:flex}.u-pubtabs a{color:var(--text-2);border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 14px;font-size:15.5px;text-decoration:none;display:inline-flex}.u-pubtabs a:hover{color:var(--text);background:var(--brand-50)}.u-pubtabs a[aria-current=page]{color:var(--brand-700);border-bottom-color:var(--brand-600);font-weight:600}:root[data-theme=dark] .u-pubtabs a[aria-current=page]{color:#a8c2ff;border-bottom-color:#a8c2ff}.u-pubstaff{align-items:center;gap:6px;height:38px;padding:0 14px;text-decoration:none;display:inline-flex}.u-pubcontent{flex:1;max-width:1680px}.u-pubfoot{text-align:center;color:var(--text-3);border-top:1px solid var(--border);padding:14px 24px 22px;font-size:13.5px}@media (max-width:900px){.u-hide-sm{display:none!important}.u-pubtabs a span,.u-pubbrand small{display:none}}.u-hero-map{border:1px solid var(--border);border-radius:14px;height:min(58vh,620px);min-height:380px;margin-bottom:16px;position:relative;overflow:hidden}.u-hero-stats{z-index:5;pointer-events:none;flex-wrap:wrap;gap:10px;max-width:calc(100% - 80px);display:flex;position:absolute;top:14px;left:14px}.u-hero-stat{pointer-events:auto;background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;min-width:150px;padding:10px 14px;box-shadow:0 6px 20px #0f1e3c1f}.u-hero-stat .k{color:var(--text-2);font-size:13.5px}.u-hero-stat .v{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.15}.u-hero-stat .v small{color:var(--text-3);margin-left:4px;font-size:14px;font-weight:500}.u-hero-stat .s{color:var(--text-3);font-size:12.5px}.u-hero-stat.danger .v{color:var(--danger)}.u-hero-stat.warn .v{color:var(--warn)}:root[data-theme=dark] .u-hero-stat.danger .v{color:#fca5a5}:root[data-theme=dark] .u-hero-stat.warn .v{color:#fbbf6a}.u-hero-title{z-index:5;background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:14px;position:absolute;bottom:14px;left:14px}@media (max-width:700px){.u-hero-stat{flex:40%;min-width:0;padding:8px 10px}.u-hero-map{height:64vh}.u-pubtop{gap:8px;padding:0 12px}.u-pubtabs a{padding:0 10px}.u-pubstaff span{display:none}.u-pubstaff{padding:0 10px}.u-pubbrand b{font-size:16px}.u-pubcontent{padding:12px 12px 24px}.u-hero-stats{flex-wrap:nowrap;gap:6px;max-width:none;top:8px;left:8px;right:8px}.u-hero-stat{border-radius:10px;flex:1 1 0;min-width:0;padding:6px 8px}.u-hero-stat .k{font-size:11.5px;line-height:1.3}.u-hero-stat .v{font-size:22px}.u-hero-stat .s{display:none}.u-hero-title{font-size:12px;bottom:8px;left:8px;right:8px}.u-pubcontent .u-filterbar{margin:-12px -12px 12px;padding:10px 12px}.u-filterbar .asof{margin-left:0}}.u-announce{border-left:4px solid var(--warn);background:var(--warn-bg)}.u-radar-img{background:#0b1220;border-radius:10px;width:100%;height:auto;display:block}.u-radar-pick{border:1px solid var(--border-strong,#cbd5e1);background:var(--surface-raised,#fff);min-height:36px;color:inherit;font:inherit;border-radius:8px;max-width:100%;padding:4px 8px}.u-wx3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.u-wx-day{border:1px solid var(--border,#e2e8f0);border-radius:10px;gap:4px;padding:10px 12px;display:grid}.u-wx-day.warn{background:#f59e0b14;border-color:#f59e0b}.u-wx-day.danger{background:#e5232f14;border-color:#e5232f}.u-wx-day .k{font-weight:700}.u-wx-day .k small{color:var(--text-muted,#64748b);margin-left:4px;font-weight:400}.u-wx-day .t{font-size:15px}.u-wx-day .v{flex-wrap:wrap;align-items:center;gap:4px;font-size:18px;font-weight:700;display:flex}.u-wx-day .v small{font-size:13px;font-weight:400}.u-wx-day .s{color:var(--text-muted,#64748b);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}@media (max-width:640px){.u-wx3{grid-template-columns:1fr}}.u-cam-img{display:block;position:relative}.u-cam-old{color:#fff;background:#b45309;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:600;position:absolute;top:8px;left:8px}.u-cam.stale img{filter:grayscale(.6);opacity:.8}.u-cam-ph{position:relative}.u-cam-water{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#475569;border-radius:999px;max-width:calc(100% - 16px);padding:3px 9px;font-size:13px;font-weight:700;position:absolute;bottom:8px;right:8px;overflow:hidden;box-shadow:0 1px 3px #00000059}.u-cam-ph .u-cam-water{margin-bottom:10px;font-size:14px;position:static}.u-cam-water.danger{background:#dc2626}.u-cam-water.warn{background:#d97706}.u-cam-water.ok{background:#15803d}.u-row-wrap{align-items:stretch;gap:6px;display:flex}.u-row-wrap>.u-row{flex:1;min-width:0}.u-vthumb{border:1px solid var(--border,#e2e8f0);color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f2747,#1d4e89);border-radius:8px;flex:0 0 84px;place-items:center;min-height:56px;padding:0;font-size:12.5px;font-weight:600;display:grid;position:relative;overflow:hidden}.u-vthumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.u-vthumb small{text-align:center;background:#0000008c;padding:1px 4px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.u-vthumb.old img{filter:grayscale(.7)}.u-vthumb.old small{background:#b45309}.u-vthumb .ic{align-items:center;gap:4px;display:inline-flex}.u-vthumb.none{background:var(--surface-muted,#f1f5f9);color:var(--text-muted,#64748b);cursor:default;font-size:12px;font-weight:400}.u-vview img{object-fit:contain;background:#0b1220;border-radius:8px;width:100%;display:block}.u-dam-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;display:flex}.u-dam-stats,.u-dam-tools,.u-dam-scope{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.u-dam-search{border:1px solid var(--border-strong,#cbd5e1);background:var(--surface-raised,#fff);min-height:36px;color:inherit;font:inherit;border-radius:8px;padding:4px 10px}.u-dam-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;display:grid}.u-dam{border:1px solid var(--border,#e2e8f0);border-radius:10px;gap:6px;padding:10px 12px;display:grid}.u-dam.stale{opacity:.65}.u-dam .h{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.u-dam .h .u-badge{margin-left:auto}.u-dam .s{color:var(--text-muted,#64748b);font-size:13px}.u-dam-ref{color:var(--text-muted,#64748b);border-top:1px dashed var(--border,#e2e8f0);flex-wrap:wrap;gap:4px 12px;padding-top:6px;font-size:12.5px;display:flex}.u-dam-ref a,.u-dam-ref span{align-items:center;gap:3px;display:inline-flex}.u-linkbtn{font:inherit;cursor:pointer;color:var(--brand-700,#1d4ed8);background:0 0;border:0;align-items:center;gap:3px;padding:0;text-decoration:underline;display:inline-flex}.u-dam-ref a{color:var(--brand-700,#1d4ed8)}.u-dam-meter{background:var(--surface-muted,#eef2f7);border-radius:999px;height:18px;position:relative;overflow:hidden}.u-dam-meter i{border-radius:999px;position:absolute;top:0;bottom:0;left:0}.u-dam-meter em{background:repeating-linear-gradient(45deg,#dc2626 0 4px,#fca5a5 4px 8px);position:absolute;top:0;bottom:0;right:0}.u-dam-meter span{color:#0f172a;font-size:12.5px;font-weight:700;line-height:18px;position:absolute;top:0;right:8px}.u-nat-lead{margin:0 0 10px;font-size:16px}.u-nat-lead .danger{color:var(--danger,#dc2626)}.u-nat-list{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:6px 14px;display:grid}.u-nat-row{text-align:left;border:1px solid var(--border,#e2e8f0);background:var(--surface-raised,#fff);color:inherit;font:inherit;cursor:pointer;border-radius:10px;grid-template-columns:26px minmax(90px,130px) 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.u-nat-row:hover{border-color:var(--brand-700,#1d4ed8)}.u-nat-row[aria-current=true]{border-color:var(--brand-700,#1d4ed8);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-700,#1d4ed8) 25%, transparent)}.u-nat-row .n{color:var(--text-muted,#64748b);text-align:right}.u-nat-row .p{font-size:15.5px}.u-nat-row .chips{flex-wrap:wrap;gap:4px;display:flex}.u-nat-row .t{color:var(--text-muted,#64748b);font-size:12.5px}@media (max-width:640px){.u-nat-list{grid-template-columns:1fr}.u-nat-row{grid-template-columns:22px 1fr auto}.u-nat-row .chips{grid-column:2/-1}}.u-st-extra{gap:12px;margin:14px 0 4px;display:grid}.u-st-maps{flex-wrap:wrap;gap:8px;display:flex}.u-btn-map{background:var(--brand-700,#1d4ed8);color:#fff;border:1px solid var(--brand-700,#1d4ed8);border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.u-btn-map.ghost{color:var(--brand-700,#1d4ed8);background:0 0}.u-st-cam{border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:10px}.u-st-cam .h{align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.u-scene-note{background:var(--ok-bg,#ecfdf3);border:1px solid #86efac;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.u-scene-note.warning{background:var(--warn-bg,#fff7ed);border-color:#fdba74}.u-scene-note.critical{background:var(--danger-bg,#fef2f2);border-color:#fca5a5}.u-scene-note a{margin-left:auto}.u-scene-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.u-scene-tile{border:1px solid var(--border,#e2e8f0);background:var(--surface-raised,#fff);border-radius:12px;margin:0;overflow:hidden}.u-scene-tile.r0{border:3px solid #dc2626}.u-scene-tile.r1{border:3px solid #d97706}.u-scene-tile img{aspect-ratio:16/10;object-fit:cover;background:#0b1220;width:100%;display:block}.u-scene-tile figcaption{gap:4px;padding:8px 10px;display:grid}.u-scene-tile .t{font-weight:700}.u-scene-badges{flex-wrap:wrap;gap:4px;display:flex}.u-scene-live{aspect-ratio:16/10;color:#fff;width:100%;font:inherit;cursor:pointer;background:linear-gradient(135deg,#0f2747,#1d4e89);border:0;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.u-scene-flow{margin-top:14px}.u-scene-flow .h{margin-bottom:6px;font-weight:700}.u-scene-flow .strip{gap:4px;padding-bottom:6px;display:flex;overflow-x:auto}.u-scene-flow .step{flex:none;align-items:center;gap:4px;display:flex}.u-scene-flow .arr{color:var(--text-muted,#64748b)}.u-scene-mini{border:2px solid var(--border,#e2e8f0);width:150px;color:inherit;border-radius:8px;text-decoration:none;display:grid;overflow:hidden}.u-scene-mini.r0{border-color:#dc2626}.u-scene-mini.r1{border-color:#d97706}.u-scene-mini.r2{border-color:#16a34a}.u-scene-mini img{aspect-ratio:4/3;object-fit:cover;width:100%}.u-scene-mini span{padding:3px 5px;font-size:12px;line-height:1.3}.u-rain-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px;display:grid}.u-rain-bars{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:3px;min-width:120px;height:34px;display:grid}.u-rain-bars.tall{height:130px}.u-rain-bars span{background:var(--surface-muted,#f1f5f9);border-radius:3px;align-items:flex-end;height:100%;display:flex}.u-rain-bars i{border-radius:3px;width:100%;display:block}.u-rain-bars em{background:repeating-linear-gradient(45deg,#0000 0 3px,#e2e8f0 3px 5px);border-radius:3px;width:100%;height:100%}.u-rain-axis{color:var(--text-muted,#64748b);justify-content:space-around;margin-top:2px;font-size:12px;display:flex}.u-rain-rank{gap:4px;display:grid}.u-rain-row{border:1px solid var(--border,#e2e8f0);background:var(--surface-raised,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:minmax(110px,160px) minmax(150px,200px) 70px 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid}.u-rain-row.head{cursor:default;color:var(--text-muted,#64748b);background:0 0;border:0;font-size:12.5px}@media (max-width:640px){.u-rain-row{grid-template-columns:1fr auto}.u-rain-row .u-rain-bars{grid-column:1/-1}.u-rain-row>span:nth-child(3){display:none}}.u-cam-note{color:#dbe4f0;text-align:center;margin-top:8px;padding:0 10px;font-size:12.5px}.u-cam-filter{flex-direction:column;gap:10px;margin:0 0 12px;display:flex}.u-cam-zones{flex-wrap:wrap;gap:6px;display:flex}.u-cam-office{flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.u-cam-filter select{border:1px solid var(--line,#d0d7e2);background:var(--surface,#fff);min-height:40px;color:inherit;font:inherit;border-radius:8px;max-width:100%;padding:6px 10px}.u-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.u-pager button{align-items:center;gap:4px;display:inline-flex}.u-pager button:disabled{opacity:.4;cursor:default}.u-cam-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.u-cam{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;margin:0;overflow:hidden}.u-cam img{aspect-ratio:16/9;object-fit:cover;background:#0b1220;width:100%;display:block}.u-cam-ph{aspect-ratio:16/9;background:linear-gradient(135deg,#0f2747,#1d4e89);align-content:center;place-items:center;display:grid}.u-cam-ph .u-btn{background:#ffffff29;border:1px solid #ffffff59;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.u-cam figcaption{padding:8px 10px;font-size:13.5px;line-height:1.45}.u-cam figcaption .t{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.u-cam-modal{z-index:100;background:#050a14b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.u-cam-box{background:var(--surface-raised);border-radius:12px;width:min(860px,100%);padding:14px}