@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body{min-width:280px}a{color:inherit;text-decoration:none}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e9edf0;flex-direction:column;height:100vh;padding:24px 16px 16px;display:flex;position:sticky;top:0;overflow:auto}.brand{color:#1c252e;align-items:center;gap:11px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:#006c54;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.brand-name{letter-spacing:-.025em;font-size:1.1rem;font-weight:850}.brand-caption{color:#637381;letter-spacing:.09em;font-size:.67rem;font-weight:750}.nav-group{letter-spacing:.075em;color:#788893;margin:26px 0 7px;padding:0 12px;font-size:.7rem;font-weight:800}.nav-link{color:#526370;border-radius:9px;align-items:center;gap:12px;min-height:43px;margin:2px 0;padding:10px 12px;font-size:.875rem;font-weight:650;display:flex}.nav-link:hover{background:#f4f6f8}.nav-link.active{color:#006c54;background:#e5f5ee;font-weight:800}.topbar{background:#fff;border-bottom:1px solid #e9edf0;justify-content:space-between;align-items:center;gap:8px;min-height:72px;padding:0 32px;display:flex}.content{max-width:1560px;margin:auto;padding:28px 32px 40px}.page-heading{margin-bottom:24px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 24px;display:grid}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.welcome{background:#e9f6ef;border:1px solid #dceee5;margin-bottom:24px;position:relative;overflow:hidden}.welcome-art{pointer-events:none;width:245px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.empty-icon{color:#8b9ca6;background:#f2f5f7;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.tag.MuiChip-root{color:#52616e;background:#edf0f3}.tag-online.MuiChip-root,.tag-active.MuiChip-root,.tag-approved.MuiChip-root{color:#08714c;background:#e2f5eb}.tag-in_progress.MuiChip-root,.tag-accepted.MuiChip-root{color:#145b8e;background:#e5f3ff}.tag-submitted.MuiChip-root,.tag-no_signal.MuiChip-root{color:#805700;background:#fff2d7}.tag-terminated.MuiChip-root,.tag-rejected.MuiChip-root{color:#a82b36;background:#fce9eb}.login{background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100dvh;display:grid}.login-cover{background:#e9f6ef;flex-direction:column;justify-content:space-between;padding:32px 48px;display:flex}.login-form{place-items:center;padding:32px;display:grid}.monitor-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;display:grid}.map-frame{isolation:isolate;height:510px}@media (width<=1150px){.shell{grid-template-columns:220px minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.shell{display:block}.sidebar{width:260px}.content{padding:24px}.topbar{padding:0 20px}}@media (width<=700px){.overview-grid,.monitor-grid,.login{grid-template-columns:minmax(0,1fr)}.login-cover{padding:20px}.login-cover .cover-content{display:none}.login-form{align-items:start;padding:28px 20px}.welcome-art{display:none}.map-frame{height:340px}}@media (width<=480px){.content{padding:20px 14px}.topbar{min-height:60px;padding:0 12px}.kpis{gap:10px}}.welcome.MuiCard-root{background:#e9f6ef}.login{grid-template-columns:minmax(320px,1fr) minmax(0,2fr)}.login-cover{background:#f3f8f5;padding-inline:32px}.login .MuiButton-contained{background:#1c252e}.login .MuiButton-contained:hover{background:#313d48}@media (width<=700px){.login{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.login-cover{padding-inline:20px}}.monitor-staff .listing-filters{flex-direction:column}
