@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mf-ink:#f4f7fb;--mf-sider:#fff;--mf-panel:#fff;--mf-panel-raised:#fff;--mf-line:#e2e9f2;--mf-text:#1c2733;--mf-muted:#63758a;--mf-blue:#1e5aa8;--mf-blue-bright:#2c78d4;--mf-blue-soft:#1e5aa814;--mf-navy:#16385f;--mf-mint:#1a9e6f;--mf-amber:#d9930d;--mf-rose:#d42c2c;--mf-gold:#f2b521;--mf-radius:14px;--mf-font:"IBM Plex Sans Thai", sans-serif;--mf-display:"Space Grotesk", "IBM Plex Sans Thai", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--mf-ink);color:var(--mf-text);font-family:var(--mf-font);margin:0}.midnight-app{z-index:1;position:relative;background:var(--mf-ink)!important}.midnight-sider.ant-layout-sider{border-right:1px solid var(--mf-line);box-shadow:4px 0 18px #1c3c640a;background:var(--mf-sider)!important}.brand-lockup{border-bottom:1px solid var(--mf-line);align-items:center;gap:12px;height:82px;padding:0 18px;display:flex}.brand-name{line-height:1.15;display:grid}.brand-name b{color:var(--mf-navy);font:700 15px/1.2 var(--mf-font);letter-spacing:-.2px}.brand-name small{color:var(--mf-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px}.midnight-sider .ant-menu{color:var(--mf-muted);padding:14px 10px;background:0 0!important}.midnight-sider .ant-menu-item{border-radius:10px;height:42px;font-weight:600;line-height:42px;margin:3px 0!important;padding-inline:12px!important}.midnight-sider .ant-menu-item:after{border-radius:2px;border-inline-end:2px solid var(--mf-blue)!important}.midnight-sider .ant-menu-item:hover{background:var(--mf-blue-soft)!important;color:var(--mf-blue)!important}.midnight-sider .ant-menu-item-selected{box-shadow:inset 0 0 0 1px #1e5aa81a;color:var(--mf-blue)!important;background:linear-gradient(90deg,#1e5aa81f,#1e5aa808)!important}.midnight-sider .ant-menu-item-divider{background:var(--mf-line);margin:12px 8px}.midnight-sider .ant-badge-count{color:var(--mf-mint);box-shadow:none;background:#1a9e6f1f;font-size:9px;font-weight:700}.app-header.ant-layout-header{height:68px;color:var(--mf-text);border-bottom:1px solid var(--mf-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 24px;background:#ffffffdb!important}.command-title{align-items:center;gap:12px;display:flex}.command-title .kicker{color:var(--mf-muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.command-title .page-name{color:var(--mf-navy);font:700 16px/1.2 var(--mf-display);letter-spacing:-.3px}.live-chip{color:#127a54;background:#1a9e6f14;border:1px solid #1a9e6f40;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.live-dot{background:var(--mf-mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #1a9e6f1f}.header-user{border:1px solid var(--mf-line);background:#fff;border-radius:999px;padding:5px 8px 5px 5px}.page-shell{min-height:calc(100vh - 68px);padding:24px;background:0 0!important;margin:0!important}.page-shell>div{max-width:1600px;margin-inline:auto}.ant-typography,.ant-statistic-content,.ant-table,.ant-input,.ant-select,.ant-btn{font-family:var(--mf-font)}.ant-typography,.ant-statistic-content,.ant-table,.ant-table-cell,.ant-form-item-label>label{color:var(--mf-text)!important}.ant-typography.ant-typography-secondary,.ant-typography-secondary{color:var(--mf-muted)!important}.ant-card{color:var(--mf-text);overflow:hidden;box-shadow:0 6px 22px #1c3c640f;background:var(--mf-panel)!important;border:1px solid var(--mf-line)!important;border-radius:var(--mf-radius)!important}.ant-card-head{min-height:56px;color:var(--mf-text);border-bottom-color:var(--mf-line)}.ant-card-head-title{color:var(--mf-navy);font-weight:700}.ant-card-hoverable:hover{transform:translateY(-3px);box-shadow:0 16px 40px #1c3c641f;border-color:#1e5aa859!important}.ant-btn{border-radius:9px;font-weight:600}.ant-btn-default{color:var(--mf-text);border-color:var(--mf-line);background:#fff}.ant-btn-default:hover{color:var(--mf-blue)!important;border-color:var(--mf-blue)!important;background:var(--mf-blue-soft)!important}.ant-btn-primary{background:linear-gradient(135deg,#2c78d4,#1e5aa8);border-color:#1e5aa8;box-shadow:0 8px 18px #1e5aa838}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select-selector{color:var(--mf-text)!important;border-color:var(--mf-line)!important;box-shadow:none!important;background:#fff!important}.ant-input::placeholder{color:#9aa9bb}.ant-input-affix-wrapper .anticon,.ant-select-arrow{color:var(--mf-muted)}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:var(--mf-blue)!important;box-shadow:0 0 0 3px #1e5aa81f!important}.ant-select-dropdown,.ant-dropdown-menu,.ant-modal-content{border:1px solid var(--mf-line);color:var(--mf-text)!important;background:#fff!important}.ant-select-item{color:var(--mf-text)!important}.ant-select-item-option-active,.ant-select-item-option-selected{background:var(--mf-blue-soft)!important}.ant-modal-header{border-bottom-color:var(--mf-line);background:0 0!important}.ant-modal-title,.ant-modal-close{color:var(--mf-text)!important}.ant-divider{border-color:var(--mf-line)}.ant-table-wrapper .ant-table{background:0 0!important}.ant-table-thead>tr>th{letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--mf-muted)!important;border-bottom-color:var(--mf-line)!important;background:#f2f5f9!important}.ant-table-tbody>tr>td{color:var(--mf-text)!important;background:0 0!important;border-bottom-color:#edf1f7!important}.ant-table-tbody>tr:hover>td,.ant-table-cell-row-hover{background:#1e5aa80d!important}.ant-table-placeholder>td{background:0 0!important}.ant-pagination-item,.ant-pagination-prev button,.ant-pagination-next button{color:var(--mf-text)!important;border-color:var(--mf-line)!important;background:#fff!important}.ant-pagination-item-active{border-color:var(--mf-blue)!important}.ant-tag{border-radius:999px;font-weight:600}.mf-kpi-card{min-height:138px;position:relative}.mf-kpi-card:after{content:"";background:var(--metric-color);opacity:.85;height:2px;position:absolute;inset:auto 16px 0}.mf-kpi-icon{width:38px;height:38px;color:var(--metric-color);background:color-mix(in srgb, var(--metric-color) 12%, #fff);border-radius:11px;place-items:center;display:grid}.mf-kpi-label{color:var(--mf-muted);font-size:12px;font-weight:600}.mf-kpi-card .ant-statistic-content{font-family:var(--mf-display);font-variant-numeric:tabular-nums;letter-spacing:-.8px;color:var(--mf-navy)!important;font-size:27px!important}.mf-chart-card .ant-card-body{min-height:275px}.mf-chart-area{align-items:flex-end;gap:14px;height:210px;padding-top:20px;display:flex}.mf-bar-column{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.mf-bar{background:linear-gradient(#4c92dd,#1e5aa8);border-radius:8px 8px 3px 3px;width:min(100%,52px);min-height:10px;transition:transform .25s,filter .25s;box-shadow:0 -6px 18px #1e5aa826}.mf-bar:hover{filter:brightness(1.08);transform:translateY(-5px)}.mf-bar-label{color:var(--mf-muted);font:600 11px var(--mf-display)}.mf-health{align-items:center;gap:25px;min-height:210px;display:flex}.mf-health .ant-progress-text{font:700 25px var(--mf-display);color:var(--mf-navy)!important}.mf-health-legend{flex:1;gap:12px;display:grid}.mf-health-legend-row{color:var(--mf-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.mf-health-legend-row b{color:var(--mf-text);font-family:var(--mf-display)}.mf-health-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}@media (width<=768px){.page-shell{padding:14px}.app-header.ant-layout-header{padding:0 14px}.live-chip,.command-title .kicker{display:none}.mf-health{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:2px;outline:3px solid #2c78d480!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#eef2f8}::-webkit-scrollbar-thumb{background:#c3cfdd;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9fb2c7}