.sig-mf{position:relative;border-radius:32px;padding:32px;color:#F1F2F7;background:radial-gradient(60% 90% at 100% 0%,rgba(79,107,255,.5),transparent 60%),#0B0E2E;font-family:"Inter",system-ui,sans-serif;display:grid;gap:18px;overflow:hidden}
.sig-mf *{box-sizing:border-box}
.sig-mf button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.sig-mf .mf-board-panel,.sig-mf .mf-quote{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:18px;padding:20px;position:relative}
.sig-mf .mf-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.sig-mf .mf-bar-t b,.sig-mf .mf-quote-h b{display:block;font-family:"Inter Tight","Inter",sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em}
.sig-mf .mf-bar-t span,.sig-mf .mf-quote-h span{font-size:13px;color:#A9B6FF}
.sig-mf .mf-vendor{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:13px;font-weight:600;white-space:nowrap;transition:box-shadow .4s,background .4s}
.sig-mf .mf-vendor img{width:20px;height:20px}
.sig-mf .mf-vendor.is-hit{background:rgba(155,231,176,.16);box-shadow:inset 0 0 0 1px #9BE7B0}
.sig-mf .mf-scroll{overflow-x:auto;scrollbar-width:thin}
.sig-mf .mf-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.sig-mf .mf-col{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:14px;padding:12px;min-height:400px}
.sig-mf .mf-col h3{display:flex;justify-content:space-between;align-items:center;font-family:"Inter Tight","Inter",sans-serif;font-size:14px;font-weight:600;letter-spacing:0;margin:0 0 10px;color:#C9D1FF}
.sig-mf .mf-col h3 em{font-style:normal;font-size:12px;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.1);border-radius:999px;padding:1px 8px}
.sig-mf .mf-col[data-col="3"] h3{color:#9BE7B0}
.sig-mf .mf-list{display:flex;flex-direction:column;gap:8px}
.sig-mf .mf-card{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.35;transition:background .5s,box-shadow .5s;will-change:transform}
.sig-mf .mf-po{font-weight:700;font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.02em;color:#A9B6FF}
.sig-mf .mf-it{font-weight:600;margin:2px 0}
.sig-mf .mf-vn{color:rgba(241,242,247,.7);font-size:12px}
.sig-mf .mf-due{font-size:12px;color:rgba(241,242,247,.6);margin-top:4px;font-variant-numeric:tabular-nums}
.sig-mf .mf-tag{display:none;margin-top:6px;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 9px;width:fit-content}
.sig-mf .mf-card.is-late{background:rgba(255,138,138,.16);box-shadow:inset 0 0 0 1px #FF8A8A}
.sig-mf .mf-card.is-late .mf-po{color:#FF8A8A}
.sig-mf .mf-card.is-late .mf-tag{display:block;background:rgba(255,138,138,.2);color:#FF8A8A}
.sig-mf .mf-card.is-ok{background:rgba(79,107,255,.28);box-shadow:inset 0 0 0 1px #6F86FF}
.sig-mf .mf-card.is-ok .mf-tag{display:block;background:rgba(79,107,255,.35);color:#D5DCFF}
.sig-mf .mf-col[data-col="3"] .mf-card{box-shadow:inset 0 0 0 1px rgba(155,231,176,.4)}
.sig-mf .mf-mail{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none;z-index:5;opacity:0}
.sig-mf .mf-mail img{width:22px;height:22px}
.sig-mf .mf-toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%,12px);opacity:0;background:#0B0E2E;color:#F1F2F7;box-shadow:inset 0 0 0 1px rgba(155,231,176,.6),0 10px 30px rgba(0,0,0,.4);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none;white-space:nowrap;z-index:6}
.sig-mf .mf-toast.is-on{opacity:1;transform:translate(-50%,0)}
.sig-mf .mf-toast::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#9BE7B0;margin-right:8px}
.sig-mf .mf-quote-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sig-mf .mf-quote-h img{width:36px;height:36px;border-radius:10px}
.sig-mf .mf-qt{display:grid;gap:6px}
.sig-mf .mf-qrow{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:12px;font-size:14px;font-variant-numeric:tabular-nums;width:100%}
.sig-mf .mf-qhead{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#A9B6FF;padding-top:0;padding-bottom:4px}
.sig-mf button.mf-qrow{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .3s,box-shadow .3s}
.sig-mf button.mf-qrow:hover{background:rgba(255,255,255,.12)}
.sig-mf button.mf-qrow.is-sel{background:rgba(79,107,255,.3);box-shadow:inset 0 0 0 1.5px #A9B6FF}
.sig-mf button.mf-qrow:focus-visible{outline:2px solid #A9B6FF;outline-offset:2px}
.sig-mf .mf-qn{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sig-mf .mf-best{font-style:normal;font-size:11px;font-weight:600;color:#0B0E2E;background:#9BE7B0;border-radius:999px;padding:2px 8px}
.sig-mf .mf-save{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:14px;padding:14px 16px;border-radius:12px;background:rgba(155,231,176,.12);box-shadow:inset 0 0 0 1px rgba(155,231,176,.35);font-size:16px}
.sig-mf .mf-save b{color:#9BE7B0;font-family:"Inter Tight","Inter",sans-serif;font-size:20px;font-variant-numeric:tabular-nums}
.sig-mf .mf-save.is-neg{background:rgba(242,196,107,.12);box-shadow:inset 0 0 0 1px rgba(242,196,107,.4)}
.sig-mf .mf-save.is-neg b{color:#F2C46B}
.sig-mf .mf-save small{font-size:12.5px;color:rgba(241,242,247,.6)}
@media (max-width:899px){
  .sig-mf{padding:18px;border-radius:24px}
  .sig-mf .mf-board-panel,.sig-mf .mf-quote{padding:14px}
  .sig-mf .mf-board{grid-template-columns:repeat(4,232px)}
  .sig-mf .mf-vendor span{display:none}
  .sig-mf .mf-bar-t span{display:none}
  .sig-mf .mf-qhead{display:none}
  .sig-mf .mf-qrow{grid-template-columns:1fr 1fr;gap:6px 12px}
  .sig-mf .mf-qrow>span::before{content:attr(data-l);display:block;font-size:11px;color:#A9B6FF;font-weight:500}
  .sig-mf .mf-qn{grid-column:1/-1}
  .sig-mf .mf-qn::before{display:none!important}
  .sig-mf .mf-toast{white-space:normal;width:max-content;max-width:86%;text-align:center;border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.sig-mf *{transition-duration:.01ms!important}}