.mf-open{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:10px 15px;background:#1769e0;color:#fff;font:700 13px Inter,Arial,sans-serif;cursor:pointer;margin:6px;box-shadow:0 4px 12px rgba(23,105,224,.2)}
.mf-app,.mf-app *{box-sizing:border-box}
.mf-app{position:fixed;inset:0;z-index:2147483000;background:#f3f6fb;overflow:auto;overflow-x:hidden;color:#172033;font-family:Inter,Arial,sans-serif;font-size:14px}
.mf-head{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #dfe6ef;backdrop-filter:blur(12px)}
.mf-head-inner{width:min(1440px,calc(100% - 48px));min-height:84px;margin:auto;display:flex;gap:24px;align-items:center;justify-content:space-between}
.mf-brand{display:flex;align-items:center;gap:13px;min-width:0}
.mf-brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:linear-gradient(145deg,#1769e0,#0d4fb7);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(23,105,224,.22)}
.mf-eyebrow{margin-bottom:3px;color:#1769e0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.mf-title{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.mf-sub{font-size:12px;line-height:1.45;color:#667085;margin-top:4px}
.mf-head-actions,.mf-actions,.mf-card-actions{display:flex;gap:9px;flex-wrap:wrap}
.mf-card-actions{justify-content:flex-end;margin-top:16px}
.mf-sync{display:flex;align-items:center;gap:7px;color:#667085;font-size:11px;white-space:nowrap}
.mf-sync-dot{width:7px;height:7px;border-radius:50%;background:#12b76a}.mf-sync.loading .mf-sync-dot{background:#f79009;animation:mf-pulse 1s infinite}
.mf-btn{min-height:40px;border:1px solid #cbd6e5;border-radius:10px;background:#fff;padding:9px 14px;font:700 13px Inter,Arial,sans-serif;cursor:pointer;color:#344054;transition:.15s}
.mf-btn:hover{border-color:#8eadd6;background:#f8fbff}
.mf-btn.primary{background:#1769e0;border-color:#1769e0;color:#fff;box-shadow:0 4px 10px rgba(23,105,224,.16)}
.mf-btn.danger{background:#fff5f4;border-color:#f6aaa2;color:#b42318}
.mf-btn.ghost{border-color:transparent;background:transparent}
.mf-btn.small{min-height:32px;padding:6px 10px;font-size:11px;border-radius:8px}
.mf-btn:disabled{opacity:.5;cursor:not-allowed}
.mf-main{width:min(1440px,calc(100% - 48px));padding:24px 0 64px;margin:auto}
.mf-tabs{display:inline-flex;gap:4px;padding:4px;background:#e7edf6;border-radius:12px}
.mf-tab{min-height:38px;border:0;border-radius:9px;padding:9px 14px;background:transparent;color:#475467;font:750 13px Inter,Arial,sans-serif;cursor:pointer}
.mf-tab.on{background:#fff;color:#1769e0;box-shadow:0 2px 8px rgba(15,35,70,.1)}
.mf-panel{display:none}.mf-panel.on{display:block}
.mf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 12px}
.mf-kpis-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.mf-kpi{position:relative;min-height:104px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:15px;text-align:left;font-family:inherit;color:inherit;cursor:pointer;overflow:hidden}
.mf-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mf-tone,#1769e0)}
.mf-kpi.blue{--mf-tone:#1769e0}.mf-kpi.indigo{--mf-tone:#465fd8}.mf-kpi.green{--mf-tone:#079455}
.mf-kpi.warning{--mf-tone:#f79009}.mf-kpi.danger{--mf-tone:#d92d20}.mf-kpi.error{--mf-tone:#7a5af8}
.mf-kpi.active,.mf-kpi:hover{border-color:#8eadd6;box-shadow:0 4px 14px rgba(15,35,70,.06)}
.mf-kpi-label{display:block;color:#667085;font-size:11px;font-weight:700}
.mf-kpi-value{display:block;margin-top:8px;font-size:26px;line-height:1;font-weight:800;letter-spacing:-.03em}
.mf-kpi-note{display:block;margin-top:8px;color:#98a2b3;font-size:11px}
.mf-queue{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #dfe6ef;border-radius:12px;background:#fff}
.mf-queue b{font-size:13px}.mf-queue span{color:#667085;font-size:12px}
.mf-toolbar{display:flex;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap}
.mf-input,.mf-select,.mf-note{border:1px solid #cbd6e5;border-radius:10px;background:#fff;padding:10px 13px;font:500 13px Inter,Arial,sans-serif;color:#344054;outline:none;width:100%}
.mf-input,.mf-select{height:42px}.mf-search-wide{width:min(520px,100%);min-width:240px}
.mf-input:focus,.mf-select:focus,.mf-note:focus{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.1)}
.mf-note{min-height:84px;resize:vertical}
.mf-chips{display:flex;gap:6px;flex-wrap:wrap}
.mf-chip{min-height:34px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;padding:6px 12px;font:700 12px Inter,Arial,sans-serif;color:#475467;cursor:pointer}
.mf-chip.on{background:#1769e0;border-color:#1769e0;color:#fff}
.mf-board-meta{margin:0 0 10px;color:#667085;font-size:12px;font-weight:700}
.mf-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.mf-owner-card{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:13px;box-shadow:0 3px 12px rgba(15,35,70,.04)}
.mf-owner-card.urgent{border-color:#f6aaa2}
.mf-owner-card.warning{border-color:#f7d59a}
.mf-owner-card.oversold{border-color:#c4b5fd}
.mf-owner-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}
.mf-owner-card-id{min-width:0}.mf-owner-card-id b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-owner-card-id small{display:block;margin-top:3px;color:#667085;font-size:10px}
.mf-overflow-flag{width:100%;margin-bottom:8px;border:1px solid #ddd6fe;border-radius:8px;background:#f5f3ff;color:#5b21b6;padding:6px 8px;font:700 11px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.mf-overflow-list{display:grid;gap:8px}.mf-overflow-item{padding:10px;border-radius:10px;background:#f5f3ff}
.mf-overflow-item b,.mf-overflow-item span{display:block}.mf-overflow-item span{margin-top:4px;color:#667085;font-size:11px}
.mf-lock{width:34px;height:34px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;cursor:pointer}
.mf-lock.has{background:#eef5ff;border-color:#b9d3f8}.mf-lock.missing{opacity:.55}
.mf-cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mf-cell{min-height:78px;border:1px dashed #d0d5dd;border-radius:10px;background:#f8fafc;padding:7px 6px;text-align:left;cursor:pointer;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:4px}
.mf-cell.active{border-style:solid;border-color:#b9d3f8;background:#eef5ff}
.mf-cell.expiring{border-style:solid;border-color:#f7d59a;background:#fff8eb}
.mf-cell.expired_pending_removal{border-style:solid;border-color:#f6aaa2;background:#fff1f0}
.mf-cell.available:hover{border-color:#1769e0;background:#f5f9ff}
.mf-cell.hit{outline:2px solid #1769e0}
.mf-cell-n{font-size:9px;font-weight:800;color:#98a2b3;letter-spacing:.04em}
.mf-cell-mail{font-size:10px;font-weight:800;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mf-cell-date{font-size:9px;color:#667085;font-weight:700}
.mf-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667085;padding:40px 20px}
.mf-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:16px;background:#eaf2ff;color:#1769e0;font-size:22px;font-weight:800}
.mf-empty h3{margin:0;color:#172033}.mf-empty p{max-width:460px;margin:8px auto 16px}
.mf-error{margin:12px 0;padding:14px;border:1px solid #fecdca;border-radius:11px;background:#fff4f3;color:#b42318;font-size:12px}
.mf-skeleton{position:relative;overflow:hidden;background:#e9eef5;border-radius:8px}
.mf-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:mf-shimmer 1.25s infinite}
.mf-skeleton.card{height:94px}.mf-skeleton.card.tall{height:168px}
.mf-import-card{margin-top:16px;padding:18px;background:#fff;border:1px solid #dfe6ef;border-radius:16px}
.mf-import-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.mf-import-title{font-size:17px;font-weight:800}.mf-import-copy{margin-top:4px;color:#667085;font-size:12px;line-height:1.5}
.mf-progress-inline{margin-top:12px;padding:11px 13px;border:1px solid #cfe0f7;border-radius:11px;background:#f7faff}
.mf-progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e7edf5}
.mf-progress-bar{height:100%;background:#1769e0}
.mf-progress-copy{display:flex;justify-content:space-between;margin-top:7px;color:#667085;font-size:10px}
.mf-drop{display:flex;gap:14px;margin-top:16px;border:1px dashed #9eb7d8;border-radius:12px;padding:18px;background:#f8fbff}
.mf-seed-box{margin-top:16px;padding:14px;border:1px solid #dfe6ef;border-radius:12px;background:#fbfcfe}
.mf-batch-summary{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.mf-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf2f8;font-size:11px;font-weight:800}
.mf-pill.strong{background:#dfeaff;color:#175cd3}.mf-pill.ready{background:#e9f8ef;color:#067647}
.mf-pill.review{background:#fff4d9;color:#a15c00}.mf-pill.error{background:#feeceb;color:#b42318}
.mf-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:14px 0}
.mf-drawer-wrap{position:fixed;inset:0;z-index:2147483640}
.mf-drawer-mask{position:absolute;inset:0;background:rgba(15,23,42,.45)}
.mf-drawer{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#fff;padding:20px;overflow:auto;box-shadow:-16px 0 40px rgba(15,23,42,.18)}
.mf-drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.mf-drawer h3{margin:0;font-size:18px;overflow-wrap:anywhere}
.mf-drawer p{color:#667085;font-size:12px;line-height:1.55}
.mf-drawer label{display:block;margin:10px 0 0;font-size:11px;font-weight:700;color:#667085}
.mf-drawer label .mf-input,.mf-drawer label .mf-select,.mf-drawer label .mf-note{margin-top:6px}
.mf-sell-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mf-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.mf-meta-grid div{padding:10px;border-radius:10px;background:#f8fafc}
.mf-meta-grid span{display:block;color:#667085;font-size:10px;margin-bottom:4px}
.mf-meta-grid b{font-size:13px}
.mf-secret-card{display:grid;gap:8px;padding:12px;border-radius:12px;background:#f5f8ff;border:1px solid #d7e6fb}
.mf-secret-card span{display:block;font-size:10px;color:#667085}
.mf-secret-card b{font-size:13px;overflow-wrap:anywhere}
.mf-toast{position:fixed;z-index:2147483647;right:20px;bottom:20px;padding:12px 15px;border-radius:10px;color:#fff;font:700 12px Inter,Arial,sans-serif;box-shadow:0 10px 35px #0003}
.mf-toast.ok{background:#067647}.mf-toast.bad{background:#b42318}
@keyframes mf-shimmer{100%{transform:translateX(100%)}}@keyframes mf-pulse{50%{opacity:.35}}
@media(max-width:1100px){.mf-kpis-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  .mf-head-inner,.mf-main{width:calc(100% - 24px)}
  .mf-head-inner{flex-direction:column;align-items:flex-start;padding:12px 0;min-height:0}
  .mf-head-actions{width:100%}.mf-head-actions .mf-btn{flex:1}
  .mf-kpis,.mf-kpis-6{grid-template-columns:1fr 1fr}
  .mf-cells{grid-template-columns:1fr 1fr; }
  .mf-cell:last-child{grid-column:1/-1}
  .mf-drawer{width:100%}
  .mf-sell-grid,.mf-meta-grid{grid-template-columns:1fr}
  .mf-import-header{flex-direction:column}
  .mf-track{min-width:720px}
}
.mf-search-bar{align-items:flex-start}
.mf-search-wrap{position:relative;flex:1;min-width:240px}
.mf-hits{position:absolute;left:0;right:0;top:46px;z-index:30;max-height:320px;overflow:auto;background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 12px 32px rgba(15,35,70,.16);padding:6px}
.mf-hit{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font-family:inherit}
.mf-hit b,.mf-hit small{display:block}.mf-hit small{margin-top:2px;color:#667085;font-size:11px}
.mf-hit.on,.mf-hit:hover{background:#eef5ff}
.mf-table-card{background:#fff;border:1px solid #dfe6ef;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px rgba(15,35,70,.04)}
.mf-table-meta{padding:10px 14px;color:#667085;font-size:12px;font-weight:700;border-bottom:1px solid #edf1f6}
.mf-table-scroll{overflow:auto;max-height:calc(100vh - 360px)}
.mf-track{width:100%;border-collapse:collapse;font-size:13px}
.mf-track th{position:sticky;top:0;background:#f8fafc;text-align:left;padding:10px 12px;font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e6ebf2}
.mf-track td{padding:11px 12px;border-bottom:1px solid #eef1f5;vertical-align:middle}
.mf-track tbody tr{cursor:pointer}
.mf-track tbody tr:hover{background:#f8fbff}
.mf-track tbody tr.on{background:#eef5ff}
.mf-track tbody tr.urgent{box-shadow:inset 3px 0 0 #d92d20}
.mf-track tbody tr.warning{box-shadow:inset 3px 0 0 #f79009}
.mf-track td b{font-size:12px}
.mf-mini{display:inline-flex;margin-left:6px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800}
.mf-mini.warn{background:#fff4d9;color:#a15c00}.mf-mini.danger{background:#feeceb;color:#b42318}.mf-mini.oversold{background:#f5f3ff;color:#5b21b6}
.mf-track-actions{width:48px}
.mf-pager{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid #edf1f6}
.mf-per{width:auto;min-width:110px;height:34px}
.mf-drawer-tools{display:flex;gap:8px;align-items:center}
.mf-slot-list{display:grid;gap:8px;margin-top:12px}
.mf-slot-row{display:flex;gap:10px;align-items:center;width:100%;border:1px solid #dfe6ef;border-radius:12px;background:#fff;padding:10px;text-align:left;cursor:pointer;font-family:inherit;color:inherit}
.mf-slot-row:hover{border-color:#8eadd6;background:#f8fbff}
.mf-slot-row.available{border-style:dashed}
.mf-slot-row.expiring{background:#fff8eb;border-color:#f7d59a}
.mf-slot-row.expired_pending_removal{background:#fff1f0;border-color:#f6aaa2}
.mf-slot-row.hit{outline:2px solid #1769e0}
.mf-slot-main{min-width:0}.mf-slot-main b,.mf-slot-main small{display:block}.mf-slot-main small{margin-top:3px;color:#667085;font-size:11px}
.mf-refresh-mask{position:relative}.mf-refresh-mask:after{content:"Đang tải…";position:absolute;right:12px;top:10px;font-size:11px;color:#a15c00}