@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: ;--lightningcss-dark:initial;color-scheme:dark;--mf-ink:#06111f;--mf-sider:#08192d;--mf-panel:#0c2038;--mf-panel-raised:#112a47;--mf-line:#a4c5e924;--mf-text:#edf5ff;--mf-muted:#8fa8c3;--mf-blue:#2e8cff;--mf-blue-bright:#70b4ff;--mf-blue-soft:#2e8cff24;--mf-mint:#36d5ac;--mf-amber:#ffbf5b;--mf-rose:#ff7186;--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}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 80% -15%,#2e8cff2e,#0000 32%),radial-gradient(circle at 8% 84%,#135bb31f,#0000 28%);position:fixed;inset:0}.midnight-app{z-index:1;position:relative;background:0 0!important}.midnight-sider.ant-layout-sider{border-right:1px solid var(--mf-line);background:linear-gradient(#0a1c31 0%,#06111f 100%)!important}.brand-lockup{border-bottom:1px solid var(--mf-line);align-items:center;gap:12px;height:82px;padding:0 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#258bff,#1156c7);border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;box-shadow:0 10px 24px #1368e657}.brand-name{line-height:1.1;display:grid}.brand-name b{color:var(--mf-text);font:700 15px/1 var(--mf-display);letter-spacing:-.3px}.brand-name small{color:var(--mf-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;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{color:var(--mf-text)!important;background:#ffffff0b!important}.midnight-sider .ant-menu-item-selected{box-shadow:inset 0 0 0 1px #5daaff1f;color:#eaf4ff!important;background:linear-gradient(90deg,#2e8cff42,#2e8cff0f)!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:#36d5ac24;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(18px);backdrop-filter:blur(18px);padding:0 24px;background:#06111fc7!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-text);font:700 16px/1.2 var(--mf-display);letter-spacing:-.3px}.live-chip{color:#a4f1dc;background:#36d5ac14;border:1px solid #36d5ac38;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 #36d5ac1a}.header-user{border:1px solid var(--mf-line);background:#ffffff06;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 12px 36px #00000024;border:1px solid var(--mf-line)!important;border-radius:var(--mf-radius)!important;background:linear-gradient(150deg,#112a47f0,#091c31f0)!important}.ant-card-head{min-height:56px;color:var(--mf-text);border-bottom-color:var(--mf-line)}.ant-card-head-title{color:var(--mf-text);font-weight:700}.ant-card-hoverable:hover{transform:translateY(-3px);box-shadow:0 20px 44px #0000003d,0 0 0 1px #2e8cff17;border-color:#529eff66!important}.ant-btn{border-radius:9px;font-weight:600}.ant-btn-default{color:#cce5ff;border-color:var(--mf-line);background:#ffffff09}.ant-btn-default:hover{color:#fff!important;border-color:var(--mf-blue)!important;background:var(--mf-blue-soft)!important}.ant-btn-primary{background:linear-gradient(135deg,#2f91ff,#1468d7);border-color:#2d88f2;box-shadow:0 8px 18px #1468d738}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select-selector{color:var(--mf-text)!important;box-shadow:none!important;background:#040f1c7a!important;border-color:#a4c5e92e!important}.ant-input::placeholder{color:#728ca8}.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 #2e8cff24!important}.ant-select-dropdown,.ant-dropdown-menu,.ant-modal-content{border:1px solid var(--mf-line);color:var(--mf-text)!important;background:var(--mf-panel-raised)!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:#a9c1dc!important;border-bottom-color:var(--mf-line)!important;background:#030d1973!important}.ant-table-tbody>tr>td{color:#dcecff!important;background:0 0!important;border-bottom-color:#a4c5e917!important}.ant-table-tbody>tr:hover>td,.ant-table-cell-row-hover{background:#2e8cff12!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:#ffffff06!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);height:2px;box-shadow:0 0 12px var(--metric-color);opacity:.8;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) 14%, transparent);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;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(#57a5ff,#1666d5);border-radius:8px 8px 3px 3px;width:min(100%,52px);min-height:10px;transition:transform .25s,filter .25s;box-shadow:0 -7px 20px #2e8cff2e}.mf-bar:hover{filter:brightness(1.18);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-text)!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;box-shadow:0 0 9px}@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 #70b4ffbf!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#071526}::-webkit-scrollbar-thumb{background:#234666;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#32638f}