:root{--vp-bg:#edf4fb;--vp-bg-deep:#dfeaf8;--vp-surface:#fff;--vp-surface-soft:#f4f8ff;--vp-line:#d7e4f2;--vp-text:#0b1f3f;--vp-muted:#5d708c;--vp-blue:#0057ff;--vp-blue-2:#0d63d2;--vp-blue-deep:#062b57;--vp-green:#0f9d6d;--vp-cyan:#0d9aa5;--vp-purple:#6d56d1;--vp-orange:#d2872d;--vp-red:#d94a4a;--vp-shadow:0 20px 52px rgba(7,27,64,.10);--vp-shadow-soft:0 10px 24px rgba(8,25,60,.06)}
*{box-sizing:border-box}
body.mps-public{margin:0;background:#eef3f8;color:var(--vp-text);font-family:Inter,Segoe UI,Arial,sans-serif}
.vendor-portal-header{background:#fff;border-bottom:1px solid #d4deee;padding:10px 14px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(7,27,64,.08)}
.vendor-header-container{display:flex;align-items:center;gap:16px;max-width:1560px;margin:0 auto}
.vendor-header-logo{flex:0 0 auto}
.logo-link{display:flex;align-items:center;text-decoration:none;outline:none;border-radius:8px;padding:4px;transition:opacity .2s ease}
.logo-link:hover{opacity:.8}
.logo-link:focus-visible{outline:2px solid #0d5ec7;outline-offset:2px}
.header-logo-img{height:40px;width:auto;max-width:180px;object-fit:contain;object-position:left center;display:block}
.logo-link.text-only .logo-mark{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#0b63ce,#00a78e);display:flex;align-items:center;justify-content:center;font-weight:950;font-size:18px;color:#fff}
.vendor-header-title{flex:1;min-width:0}
.vendor-portal-name{font-size:14px;font-weight:700;color:#0b1f3f;letter-spacing:.3px;text-transform:uppercase}
.mps-body-inner{display:contents}
.vendor-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 360px;gap:12px;min-height:100vh;padding:10px;background:#edf3f9;border:1px solid #d9e3f0}
.vendor-left{background:#0f2439;color:#fff;padding:14px 12px 14px;border-radius:8px;box-shadow:none;position:sticky;top:10px;height:calc(100vh - 20px);overflow:auto;border:1px solid #203a59}
.vendor-logo{display:flex;align-items:center;gap:12px;padding:0 8px 16px;min-height:56px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:16px}
.vendor-logo img{width:170px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.vendor-logo-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#0b63ce,#00a78e);display:grid;place-items:center;font-weight:950;font-size:20px;color:#fff}
.vendor-logo-text{font-weight:900;line-height:1.05}
.vendor-sidebar-nav{display:grid;gap:6px}
.vendor-sidebar-nav a{min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;border-radius:6px;color:rgba(255,255,255,.95);text-decoration:none;font-size:12px;font-weight:700;border:1px solid transparent;transition:background .15s ease,transform .15s ease,border-color .15s ease}
.vendor-sidebar-nav a:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);transform:none}
.vendor-nav-icon-img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain;object-position:center;display:block;filter:none}
.vendor-sidebar-nav a.active{background:#0d5ec7;color:#fff;box-shadow:none;border-color:rgba(255,255,255,.12)}
.side-arrow{opacity:.7}
.vendor-logout-wrap{margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.sidebar-logout{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-weight:850}
.vendor-main{background:transparent;min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:0}
.vendor-content{padding:0;position:relative}
.vendor-content .workspace-inner{max-width:1260px;margin:0 auto}
.vendor-right{padding:0;display:grid;gap:16px;align-content:start;position:sticky;top:14px;height:calc(100vh - 28px);overflow:auto}
.quick-actions,.vendor-right .mps-card{background:#fff;border:1px solid #dbe4ed;border-radius:8px;box-shadow:none}
.quick-actions{padding:12px}
.quick-actions .qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qa-item{display:flex;gap:8px;align-items:center;padding:10px;border-radius:8px;text-decoration:none;color:#071f49;font-weight:850;background:var(--vp-surface-soft);border:1px solid var(--vp-line);transition:none}
.qa-item:hover{transform:none;box-shadow:none}
.qa-item .qa-ico{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f3f7ff;color:#0750a9;font-weight:900}
.qa-icon-img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain;object-position:center;display:block;flex:0 0 auto}
.recent-table{width:100%;border-collapse:collapse}
.recent-table th,.recent-table td{padding:10px 12px;border-bottom:1px solid rgba(215,224,235,.7);font-size:13px;color:#172033;text-align:left}
.recent-type{font-weight:900;padding:6px 8px;border-radius:6px;color:#fff;display:inline-block;font-size:12px}
.status-pill{padding:6px 10px;border-radius:8px;font-weight:900;font-size:12px}
.status-Issued{background:#e6f4ff;color:#0967d8}
.status-Open{background:#eefaf1;color:#16a34a}
.status-Pending{background:#fff6e6;color:#9a6100}
.status-Paid{background:#e8fff7;color:#0e8f66}
.status-Unread{background:#fff0f6;color:#b91c1c}
.perf-bars{display:grid;gap:10px;margin-top:12px}
.perf-row{display:flex;align-items:center;gap:10px}
.perf-label{width:110px;font-weight:800;color:#071f49}
.perf-track{flex:1;height:10px;background:#e9f2ff;border-radius:8px;overflow:hidden}
.perf-fill{height:100%;background:linear-gradient(90deg,#0057ff 0%,#1b64df 100%)}
.star{color:#ffb020;font-weight:900;margin-right:6px}
.notify-list,.docs-list{display:grid;gap:8px;padding:12px}
.notify-row,.doc-row{padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(215,224,235,.8)}
.notify-copy,.doc-meta{font-size:13px;color:#475569}
.notify-time{font-size:12px;color:#94a3b8;margin-top:6px}
.num--lg{font-size:18px}
.mps-field--full{grid-column:1/-1}
.mps-actions--full{grid-column:1/-1}
.mps-actions--end{justify-content:flex-end}
.mps-actions--mb16{margin-bottom:16px}
.mps-card--row{display:flex;justify-content:space-between;align-items:center}
.mpx-stats--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.mpx-stats--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mpx-actions-grid--2{grid-template-columns:repeat(2,1fr)}
.launch-hero .hero-summary-margin{margin-top:18px}
.launch-hero .hero-summary-title{color:rgba(255,255,255,.9);font-weight:800;margin-bottom:8px}
.launch-hero .hero-stats-row{display:flex;gap:12px;flex-wrap:wrap}
.launch-hero .hero-stat-box{background:rgba(255,255,255,.08);padding:10px;border-radius:8px;color:#fff;min-width:120px}
.launch-hero .stat-label{font-size:12px;font-weight:800;opacity:.95}
.launch-hero .stat-value{font-size:20px;font-weight:900;margin-top:6px}
.launch-hero .stat-link{color:#cde4ff;text-decoration:none;font-weight:900;font-size:12px}
.launchpad-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.launchpad-hero-actions .mps-btn{border-radius:8px}
.launchpad-hero-actions .mps-btn.secondary{background:#fff;color:#0b4f9c;border:1px solid #c7dcf4}
.launchpad-art{position:relative;margin:0 0 18px;overflow:hidden;border:1px solid #d6e1ef;border-radius:12px;background:#062e5b;box-shadow:0 8px 22px rgba(10,35,80,.1)}
.launchpad-art>img:not(.launchpad-art-brand){display:block;width:100%;height:auto}
.launchpad-art-brand{position:absolute;z-index:1;top:18px;left:22px;width:min(180px,22%);height:auto;padding:8px 10px;border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(1,22,51,.25)}
.panel-title-strong{font-weight:900;margin-bottom:8px}
.panel-body--no-padding{padding:0}
.sidebar-grid{display:grid;gap:12px}
.panel-inner-padding{padding:14px}
.perf-header{display:flex;align-items:center;gap:12px}
.perf-score{font-weight:900;font-size:20px}
.perf-label-secondary{color:#6b7280;margin-left:auto}
.vendor-logout-wrap{margin-top:18px}
.spacer-16{height:16px}
.spacer-12{height:12px}
.panel-title-strong .panel-head-link{float:right;color:#6b7280;font-weight:700;text-decoration:none}
.panel-head-link{color:#6b7280;font-weight:700;text-decoration:none}
.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
.launch-tile{display:grid;grid-template-columns:56px 1fr 20px;gap:12px;align-items:center;padding:14px 16px;border-radius:8px;background:#fff;box-shadow:none;text-decoration:none;color:inherit;transition:none;min-height:72px;border:1px solid #dfe7f3}
.launch-tile:hover{transform:none;box-shadow:none}
.tile-icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:16px}
.tile-icon-img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 8px 12px rgba(10,35,80,.12))}
.stat-icon-img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain;object-position:center;display:block}
.tile-icon.tone-blue{background:#e6f4ff;color:#0750a9}
.tile-icon.tone-green{background:#ecfdf5;color:#027a48}
.tile-icon.tone-purple{background:#f3e8ff;color:#6b21a8}
.tile-icon.tone-orange{background:#fff7ed;color:#92400e}
.tile-icon.tone-cyan{background:#ecfeff;color:#065f46}
.tile-icon.tone-teal{background:#e6fffa;color:#0f766e}
.tile-icon.tone-violet{background:#f5f3ff;color:#6b21a8}
.tile-icon.tone-yellow{background:#fffbeb;color:#92400e}
.tile-icon.tone-red{background:#fff1f2;color:#9a123e}
.launch-tile > span:nth-child(2) strong{display:block;font-size:14px;font-weight:900;color:#071f49}
.launch-tile > span:nth-child(2) span{display:block;font-size:12px;color:#475569;margin-top:4px}
.tile-arrow{color:#9aa6b2;font-size:18px}
.workspace-topbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:20;padding:5px 12px;background:#f3f6fb;border-bottom:1px solid #d4deee;box-shadow:none}
.workspace-brand-lockup{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}
.workspace-brand-copy{display:grid;gap:1px;min-width:0}
.workspace-brand-name{display:block;font-size:11px;letter-spacing:.16em;font-weight:900;color:#1a2d3d;line-height:1.1}
.workspace-brand-subtitle{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#5c6d81;line-height:1.2}
.workspace-brand-mark{width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,#0d5ec7,#0c7ad9);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:none}
.workspace-header-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;margin-left:auto;margin-right:6px;min-width:0}
.header-line{display:block;color:#6b7b90;font-size:8px;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;white-space:nowrap}
.header-line-main{color:#1a2d3d;font-weight:800;font-size:9px}
.topbar-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.tool-button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:6px;border:1px solid #d7e1ee;background:#fff;color:#1a2d3d;font-size:10px;font-weight:800;box-shadow:none}
.vendor-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:1px solid #cedae8;border-radius:6px;background:#fff;color:#1a2d3d;text-decoration:none;font-weight:800;font-size:10px;box-shadow:none}
.vendor-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#0b5ec7,#2d7ae6);color:#fff;font-weight:800;font-size:9px}
.menu-button{display:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:42px;height:31px;margin-left:auto;border-radius:10px;transition:background .15s ease}
.menu-button:hover{background:rgba(13,36,72,.04)}
.menu-button span{display:block;width:24px;height:2px;border-radius:99px;background:#0d2448;transition:transform .2s ease,opacity .2s ease}
.workspace-mobile-panel{display:none}
.mpx-brand-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid var(--vp-line);border-radius:14px;padding:16px 18px;margin-bottom:18px;box-shadow:0 10px 32px rgba(10,35,80,.06)}
.mpx-brand-lock{display:flex;align-items:center;gap:12px}
.mpx-brand-mark{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#0b63ce,#00a78e);display:grid;place-items:center;color:#fff;font-weight:950}
.mpx-brand-lock strong{display:block;font-size:21px;letter-spacing:.04em;color:#071f49}
.mpx-brand-lock small{display:block;color:#687493;font-weight:850;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.mpx-stat-link{text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}
.mpx-stat-link:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(10,35,80,.12)}
.mpx-stat-link em{display:inline-flex;margin-top:10px;color:#0057ff;font-style:normal;font-weight:900}
.vendor-command-dashboard .mpx-icon{font-size:15px}
.mpx-icon-img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;object-fit:contain;object-position:center;display:block}
.side-icon,.qa-ico{letter-spacing:0}
.workspace-brand-logo{height:36px;width:auto;max-width:160px;object-fit:contain;object-position:left center;display:block}
.workspace-brand-lockup{display:flex;align-items:center;gap:10px}
.workspace-brand-mark{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#0b63ce,#00a78e);display:flex;align-items:center;justify-content:center;font-weight:950;font-size:16px;color:#fff;flex:0 0 auto}
.workspace-brand-copy{display:flex;flex-direction:column;gap:2px}
.workspace-brand-name{font-size:13px;font-weight:900;color:#0b1f3f;letter-spacing:.3px}
.workspace-brand-subtitle{font-size:11px;font-weight:700;color:#5d708c}
@media(max-width:1100px){.vendor-shell{grid-template-columns:1fr}.vendor-left,.vendor-right{display:none}.vendor-content{padding:0}.launch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .workspace-main{padding:0 0 18px}
  .workspace-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;background:#fff;border-bottom:1px solid var(--vp-line);box-shadow:0 1px 3px rgba(7,22,46,.05)}
  .workspace-brand-lockup{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0}
  .workspace-brand-copy{display:none}
  .workspace-header-lines{display:none}
  .workspace-brand-mark{width:38px;height:38px;border-radius:8px;font-size:13px;flex-shrink:0;box-shadow:0 2px 8px rgba(8,45,86,.12)}
  .topbar-tools{display:none}
  .menu-button{display:flex;align-items:center;justify-content:center;margin-left:auto;position:relative;z-index:5;width:44px;height:44px;gap:5px;background:transparent;border:0;cursor:pointer;border-radius:8px;transition:background .2s ease}
  .menu-button:active{background:rgba(13,36,72,.08)}
  .menu-button span{display:block;width:20px;height:2px;border-radius:1px;background:#0d2448;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease}
  .menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-button.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
  .menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .workspace-mobile-panel{display:none;position:fixed;top:62px;left:0;right:0;z-index:99;background:#fff;border-bottom:1px solid var(--vp-line);box-shadow:0 4px 12px rgba(7,22,46,.06);max-height:calc(100vh - 62px);overflow-y:auto}
  .workspace-mobile-panel.is-open{display:block}
  .workspace-mobile-nav{display:grid;padding:6px 8px;gap:2px}
  .workspace-mobile-nav a{display:block;padding:12px 14px;border-radius:8px;color:#0f234a;text-decoration:none;font-weight:600;font-size:14px;transition:background .15s ease,color .15s ease}
  .workspace-mobile-nav a:active{background:rgba(0,86,201,.08)}
  .workspace-mobile-nav a:hover{background:rgba(0,86,201,.06);color:#0056c9}
  .workspace-welcome{display:none}
  .hero-card{border-radius:16px}
  .launch-hero{grid-template-columns:1fr}
  .launch-grid{grid-template-columns:1fr}.launch-tile{grid-template-columns:48px 1fr 20px;padding:14px}.mpx-brand-strip{display:grid}.quick-actions .qa-grid{grid-template-columns:1fr}
}