:root{--mps-bg:#f4f7fb;--mps-panel:#ffffff;--mps-ink:#172033;--mps-muted:#667085;--mps-line:#dbe3ee;--mps-blue:#2f3192;--mps-dark:#0f172a;--mps-ok:#047857;--mps-warn:#b45309;--mps-bad:#b91c1c;--mps-radius:18px;--mps-shadow:0 16px 45px rgba(15,23,42,.08)}
*{box-sizing:border-box}body.mps-body{margin:0;background:var(--mps-bg);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--mps-ink)}
.mps-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.mps-side{background:#0b1220;color:#eef1f4;padding:24px 18px;position:sticky;top:0;height:100vh}.mps-brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.mps-brand-logo{width:62px;height:48px;border-radius:10px;background:#fff;object-fit:contain;padding:5px;flex:0 0 auto}.mps-brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2f3192,#20246f);display:grid;place-items:center;font-weight:900;color:white}.mps-brand strong{display:block;color:white}.mps-brand span{font-size:12px;color:#c7ccd3}.mps-nav a{display:flex;align-items:center;gap:10px;color:#d9dee5;text-decoration:none;padding:11px 12px;border-radius:12px;margin:3px 0;font-size:14px}.mps-nav a.active,.mps-nav a:hover{background:rgba(199,204,211,.16);color:white}.mps-main{padding:28px}.mps-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.mps-title h1{margin:0;font-size:28px;letter-spacing:-.03em}.mps-title p{margin:6px 0 0;color:var(--mps-muted)}.mps-card{background:var(--mps-panel);border:1px solid var(--mps-line);box-shadow:var(--mps-shadow);border-radius:var(--mps-radius);padding:18px;margin-bottom:18px}.mps-grid{display:grid;gap:16px}.mps-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mps-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mps-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mps-stat{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--mps-line)}.mps-stat .num{font-size:30px;font-weight:900;letter-spacing:-.03em}.mps-stat .lbl{font-size:13px;color:var(--mps-muted);margin-top:4px}.mps-table{width:100%;border-collapse:collapse}.mps-table th,.mps-table td{padding:11px 10px;border-bottom:1px solid var(--mps-line);text-align:left;font-size:14px;vertical-align:top}.mps-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mps-muted);background:#f8fafc}.mps-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.mps-badge.ok{background:#ecfdf5;color:var(--mps-ok);border-color:#a7f3d0}.mps-badge.warn{background:#f5f7fa;color:var(--mps-warn);border-color:#c7ccd3}.mps-badge.bad{background:#fef2f2;color:var(--mps-bad);border-color:#fecaca}.mps-badge.neutral{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.mps-btn{border:0;border-radius:12px;padding:10px 14px;background:var(--mps-blue);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer}.mps-btn.secondary{background:#e2e8f0;color:#0f172a}.mps-btn.danger{background:#b91c1c}.mps-form{display:grid;gap:12px}.mps-form.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mps-field label{font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px}.mps-field input,.mps-field select,.mps-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:11px 12px;background:white;font:inherit}.mps-field textarea{min-height:110px}.mps-message{padding:12px 14px;border-radius:14px;margin-bottom:16px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-weight:700}.mps-message.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.mps-actions{display:flex;flex-wrap:wrap;gap:8px}.mps-kv{display:grid;grid-template-columns:180px 1fr;gap:10px;border-bottom:1px solid var(--mps-line);padding:9px 0}.mps-kv b{color:#475569}.mps-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mps-step{border:1px solid var(--mps-line);border-radius:16px;padding:14px;background:#f8fafc}.mps-step strong{display:block;font-size:15px}.mps-step span{display:block;color:#64748b;font-size:13px;margin-top:4px}.mps-code{font-family:ui-monospace,Consolas,monospace;background:#0f172a;color:#e0f2fe;border-radius:12px;padding:12px;overflow:auto}.mps-public .mps-shell{display:block}.mps-public .mps-side{display:none}.mps-public .mps-main{max-width:1120px;margin:auto}.mps-hero{background:linear-gradient(135deg,#0f172a,#2f3192);color:white;border-radius:28px;padding:34px;margin-bottom:20px}.mps-hero h1{font-size:40px;margin:0 0 10px;letter-spacing:-.04em}.mps-hero p{max-width:760px;color:#eef1f4;font-size:17px}
@media(max-width:980px){.mps-shell{grid-template-columns:1fr}.mps-side{position:relative;height:auto}.mps-grid.cols-2,.mps-grid.cols-3,.mps-grid.cols-4,.mps-flow,.mps-form.cols-2{grid-template-columns:1fr}.mps-main{padding:18px}.mps-top{display:block}.mps-kv{grid-template-columns:1fr}}

.theme-s4_hana{--mps-primary:#2f3192;--mps-primary-dark:#354a5f;--mps-accent:#c7ccd3;--mps-bg:#f7f7f7}.theme-s4_hana .mps-side{background:#2f3c48}.theme-sap_ariba{--mps-primary:#2f3192;--mps-primary-dark:#20246f;--mps-accent:#00a78e;--mps-bg:#f3f7fb}.theme-sap_ariba .mps-side{background:#20246f}.mps-badge.dark-red{background:#7f1d1d;color:#fff}

.theme-s4_hana .mps-brand-mark{background:linear-gradient(135deg,#2f3192,#001f3f)}
.theme-sap_ariba .mps-brand-mark{background:linear-gradient(135deg,#00a3e0,#253858)}
.theme-collaborative_neutral .mps-brand-mark{background:linear-gradient(135deg,#455a64,#111827)}
.mps-message.warning{border-left:4px solid #8e98a4;background:#f5f7fa;color:#20246f;padding:12px;border-radius:12px;margin:12px 0}
.mps-btn.tiny{padding:6px 10px;font-size:12px}
.mps-span-3{grid-column:span 3}
.mps-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.b-brand .b-logo{display:block;width:138px;height:96px;object-fit:contain;margin:0 auto 8px;background:#fff;border-radius:8px;padding:8px}
@media(max-width:900px){.mps-grid-4,.mps-grid-3{grid-template-columns:1fr}.mps-span-3{grid-column:span 1}}



/* v10.0.3 portal + CRM + mailbox enhancements */
.mps-vendor-menu{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px;padding:10px;background:#eef6fb;border:1px solid #c7ddeb;border-radius:14px}.mps-vendor-menu a{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;background:#fff;color:#064e7a;text-decoration:none;border:1px solid #c9d8e4;font-weight:700;font-size:13px}.mps-vendor-menu a:hover{background:#dcecf6}.mps-bell{width:28px;height:28px;border-radius:50%;background:#1198e5;color:#fff;display:inline-grid;place-items:center;font-weight:900;position:relative}.mps-bell:after{content:'1';position:absolute;right:-5px;top:-7px;background:#0077bd;border:2px solid #fff;border-radius:50%;font-size:10px;width:18px;height:18px;display:grid;place-items:center}.mps-outlook-shell{border:1px solid #6b93c2;background:#d7e8fb;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(37,71,110,.18)}.mps-outlook-title{background:linear-gradient(#cfe7ff,#8ebbe9);padding:8px 12px;color:#173b5f;font-weight:700;border-bottom:1px solid #779bc0}.mps-outlook-toolbar{display:flex;gap:7px;align-items:center;background:#eef1f4;border-bottom:1px solid #94b1cf;padding:7px}.mps-outlook-btn{border:1px solid #7e9fbd;background:linear-gradient(#fff,#cddff0);border-radius:3px;padding:5px 9px;color:#193f64;font-weight:700}.mps-mail-grid{display:grid;grid-template-columns:250px 1fr 360px;min-height:620px}.mps-mail-folders{background:#e7f1fc;border-right:1px solid #9eb8d4;padding:10px}.mps-mail-list{background:#fff;border-right:1px solid #9eb8d4}.mps-mail-preview{background:#f9fbff;padding:16px}.mps-mail-row{display:grid;grid-template-columns:22px 1fr 120px 120px;gap:8px;padding:7px 10px;border-bottom:1px solid #d3e1f0;font-size:12px}.mps-mail-row:nth-child(even){background:#f4f8fd}.mps-mail-row.active{background:#cfe4fa}.mps-mail-folder{padding:5px 0;color:#153f66;font-weight:700}.mps-mail-folder span{color:#7b8fa6}.mps-firebrick-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#fff4ef;border:1px solid #ffd0bd;color:#a13712;font-weight:800}.mps-crm-timeline{border-left:3px solid #0b78b6;margin-left:12px;padding-left:18px}.mps-crm-event{background:#fff;border:1px solid #d5e3ee;border-radius:12px;padding:12px;margin-bottom:12px}.mps-doc-a4{background:#f2f4f7;padding:24px}.mps-payment-rule{display:inline-block;border:1px solid #ccdbe8;border-radius:8px;padding:7px 9px;margin:3px;background:#fff}
@media (max-width:1100px){.mps-mail-grid{grid-template-columns:1fr}.mps-mail-folders,.mps-mail-list{border-right:0;border-bottom:1px solid #9eb8d4}}

/* Bikita vendor portal dashboard */
.mps-public .mps-main{max-width:none;margin:0;padding:0}
.mps-public .mps-top{display:none}
.bm-dashboard{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#f5f7fb;color:#111a2e}
.bm-sidebar{background:#fff;border-right:1px solid #e3e8f0;padding:18px 16px;display:flex;flex-direction:column;gap:16px}
.bm-logo{height:62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f6;padding-bottom:14px}
.bm-logo strong{display:block;font-size:22px;letter-spacing:.08em}.bm-logo small{display:block;font-size:12px;letter-spacing:.32em;color:#475467}
.bm-logo-mark{width:54px;height:42px;display:flex;align-items:flex-end;gap:4px}.bm-logo-mark span{display:block;width:13px;background:#0d6bc7;transform:skew(-28deg)}.bm-logo-mark span:nth-child(1){height:26px;background:#1a9bd7}.bm-logo-mark span:nth-child(2){height:38px;background:#0f6fb8}.bm-logo-mark span:nth-child(3){height:31px;background:#1b4f87}
.bm-nav{display:grid;gap:4px}.bm-nav a{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:8px;color:#26364f;text-decoration:none;font-size:15px;font-weight:600}.bm-nav a.active,.bm-nav a:hover{background:#eef1f4;color:#2f3192}.bm-nav a b{margin-left:auto;background:#bfeee9;color:#047c72;border-radius:999px;padding:3px 8px;font-size:12px}.bm-nav-bottom{border-top:1px solid #edf1f6;margin-top:auto;padding-top:14px}
.bm-icon{width:19px;height:19px;border:1.8px solid currentColor;border-radius:5px;display:inline-block;position:relative;flex:0 0 auto}.bm-icon-house:before{content:"";position:absolute;left:4px;top:-5px;width:9px;height:9px;border-left:1.8px solid currentColor;border-top:1.8px solid currentColor;transform:rotate(45deg);background:inherit}.bm-icon-users,.bm-icon-person{border-radius:50%}.bm-icon-gear,.bm-icon-settings{border-radius:50%}.bm-icon-bell{border-radius:9px 9px 5px 5px}.bm-icon-mail{border-radius:3px}.bm-icon-mail:before{content:"";position:absolute;inset:3px;border-top:1.8px solid currentColor;transform:skewY(-25deg)}
.bm-workspace{min-width:0}.bm-topbar{height:72px;background:#fff;border-bottom:1px solid #e3e8f0;display:grid;grid-template-columns:330px minmax(280px,640px) 1fr;align-items:center;gap:24px;padding:0 24px}.bm-topbar h1{font-size:21px;margin:0;font-weight:800}.bm-search{height:48px;border:1px solid #dbe3ee;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#fff}.bm-search input{border:0;outline:0;font:inherit;flex:1;color:#344054}.bm-search span{width:16px;height:16px;border:2px solid #1f2a44;border-radius:50%;position:relative}.bm-search span:after{content:"";width:7px;height:2px;background:#1f2a44;position:absolute;right:-5px;bottom:-3px;transform:rotate(45deg)}.bm-search kbd{border:1px solid #d7deea;border-radius:5px;padding:3px 7px;color:#667085;background:#fafbff}
.bm-top-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.bm-round{width:48px;height:48px;border-radius:50%;box-shadow:0 8px 20px rgba(23,35,64,.12);background:#fff;position:relative}.bm-dot{position:absolute;right:2px;top:-3px;background:#2f3192;color:#fff;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:800}.bm-quick{height:44px;border:1px solid #dbe3ee;background:#fff;border-radius:8px;padding:0 18px;font-weight:800;color:#26364f}.bm-user{display:grid;grid-template-columns:42px auto;column-gap:10px;align-items:center}.bm-user span{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:#bfeee9;display:grid;place-items:center;font-weight:800;color:#037b72}.bm-user strong{font-size:14px}.bm-user small{color:#667085}
.bm-content{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;padding:18px}.bm-main-column{min-width:0}.bm-welcome{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:4px 2px 16px}.bm-welcome h2{font-size:24px;margin:0 0 6px}.bm-welcome p,.bm-refresh span{margin:0;color:#667085}.bm-refresh{display:flex;align-items:center;gap:18px}.bm-refresh select{height:44px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:0 44px 0 16px;color:#344054}
.bm-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:16px;margin-bottom:16px}.bm-kpi{background:#fff;border:1px solid #dfe6f0;border-radius:9px;padding:24px 22px;min-height:164px}.bm-kpi-icon{width:47px;height:47px;border-radius:50%;display:block;margin-bottom:12px;background:#eef1f4}.bm-kpi.green .bm-kpi-icon{background:#dcf6e8}.bm-kpi.orange .bm-kpi-icon{background:#eef1f4}.bm-kpi.red .bm-kpi-icon{background:#ffe5e7}.bm-kpi.teal .bm-kpi-icon{background:#dcf6f4}.bm-kpi.purple .bm-kpi-icon{background:#efe7ff}.bm-kpi p{height:36px;margin:0 0 14px;color:#25324a;font-weight:700}.bm-kpi strong{display:block;font-size:36px;line-height:1;color:#071b3a}.bm-kpi small{display:block;margin-top:12px;color:#07815f}
.bm-panel{background:#fff;border:1px solid #dfe6f0;border-radius:9px;margin-bottom:16px;overflow:hidden}.bm-panel-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e8edf5}.bm-panel-head h3{margin:0;font-size:19px}.bm-panel-head a,.bm-center{color:#2f3192;text-decoration:none;font-weight:700}.bm-table{width:100%;border-collapse:collapse}.bm-table th,.bm-table td{border-bottom:1px solid #e8edf5;padding:12px 18px;text-align:left;font-size:14px;vertical-align:middle}.bm-table th{font-size:12px;color:#344054}.bm-table tr:last-child td{border-bottom:0}.bm-table small{display:block;color:#667085;margin-top:3px}.bm-table strong{display:block}.bm-status,.bm-risk{display:inline-flex;align-items:center;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.bm-status.open,.bm-risk.low{background:#e8f8ef;color:#087443}.bm-status.soon,.bm-risk.medium{background:#fff2df;color:#b45b00}.bm-risk.high{background:#ffe9e9;color:#d92d20}.bm-eye,.bm-more{width:32px;height:32px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;display:inline-block;vertical-align:middle;margin-right:8px}.bm-more:before{content:"...";display:block;text-align:center;font-weight:900;line-height:22px;color:#26364f}.bm-avatar,.bm-owner{width:38px;height:38px;border-radius:50%;background:#d4f0f4;color:#144c63;display:inline-grid;place-items:center;font-weight:800;margin-right:10px;vertical-align:middle}.bm-owner{width:34px;height:34px;background:#9ee1df;color:#035d60}
.bm-rail{min-width:0}.bm-tabs{display:flex;gap:28px;padding:0 18px;height:46px;align-items:center;border-bottom:1px solid #e8edf5}.bm-tabs b{color:#2f3192;border-bottom:3px solid #2f3192;height:46px;display:flex;align-items:center}.bm-tabs span{color:#667085}.bm-message{display:grid;grid-template-columns:12px 1fr auto;gap:12px;padding:14px 12px;border-bottom:1px solid #e8edf5}.bm-message i{width:10px;height:10px;border-radius:50%;margin-top:8px;background:#2f3192}.bm-message i.orange{background:#2f3192}.bm-message strong,.bm-message b{display:block;font-size:14px}.bm-message b{font-weight:600;margin-top:3px}.bm-message p{margin:4px 0 0;color:#667085}.bm-message time,.announcements time{font-size:12px;color:#667085;white-space:nowrap}.bm-center{display:block;text-align:center;padding:14px}.announcements article{padding:16px 18px;border-bottom:1px solid #e8edf5;position:relative}.announcements article b{color:#079455;border:1px solid #12b76a;border-radius:4px;padding:2px 5px;margin-right:8px}.announcements article strong{display:inline-block}.announcements article time{float:right}.announcements article p{margin:8px 0 0;color:#667085}
@media(max-width:1320px){.bm-content{grid-template-columns:1fr}.bm-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.bm-topbar{grid-template-columns:260px 1fr}.bm-top-actions{display:none}}
@media(max-width:860px){.bm-dashboard{grid-template-columns:1fr}.bm-sidebar{position:relative}.bm-topbar{grid-template-columns:1fr;height:auto;padding:16px}.bm-kpis,.bm-rail{grid-template-columns:1fr}.bm-content{padding:12px}.bm-welcome{display:block}.bm-refresh{margin-top:12px;display:grid}.bm-table{display:block;overflow-x:auto;white-space:nowrap}}

/* Bikita launchpad */
.bm-launchpad{min-height:100vh;display:grid;grid-template-rows:88px 1fr 76px;background:#eef5f8;color:#061845;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}
.bm-launch-header{height:88px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 48px;box-shadow:0 1px 0 rgba(6,24,69,.08);z-index:2}
.bm-launch-logo{display:flex;align-items:center;gap:16px;color:#061845;text-decoration:none}.bm-launch-logo strong{display:block;font-size:28px;line-height:1;letter-spacing:.06em}.bm-launch-logo small{font-size:16px;color:#11275c}.bm-mark{width:74px;height:54px;display:flex;align-items:flex-end;gap:5px}.bm-mark i{display:block;width:17px;background:#20246f;transform:skew(-30deg)}.bm-mark i:nth-child(1){height:33px;background:#2f3192}.bm-mark i:nth-child(2){height:50px;background:#2f3192}.bm-mark i:nth-child(3){height:39px;background:#c7ccd3}
.bm-launch-header nav{display:flex;align-items:center;gap:46px}.bm-launch-header nav a{display:flex;align-items:center;gap:10px;color:#082467;text-decoration:none;font-size:17px;font-weight:800}.bm-help-icon{width:27px;height:27px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900}.bm-line-icon{width:27px;height:27px;border:2px solid currentColor;border-radius:50%;display:inline-block;position:relative}.bm-line-icon.user:after{content:"+";position:absolute;right:-9px;top:-7px;font-weight:900}.bm-line-icon.headset:before{content:"";position:absolute;left:-5px;right:-5px;top:8px;height:12px;border:2px solid currentColor;border-top:0;border-radius:0 0 12px 12px}
.bm-launch-main{display:grid;grid-template-columns:minmax(560px,1fr) 560px;gap:42px;position:relative;overflow:hidden;padding:32px 92px 28px;background:linear-gradient(90deg,rgba(2,37,92,.94) 0%,rgba(6,74,126,.74) 42%,rgba(119,200,214,.46) 100%),url('../img/login-dashboard-bg.png') center/cover no-repeat}.bm-launch-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 2% 10%,rgba(16,183,204,.25) 0 2px,transparent 3px) 0 0/22px 22px,linear-gradient(105deg,rgba(0,28,73,.78),rgba(0,70,112,.18) 54%,rgba(255,255,255,.04));pointer-events:none}.bm-launch-main>*{position:relative;z-index:1}
.bm-launch-copy{display:flex;flex-direction:column;justify-content:center;min-height:720px}.bm-copy-inner{max-width:590px;margin-left:70px}.bm-copy-inner h1{font-size:49px;line-height:1.16;margin:0;color:#fff;font-weight:900;letter-spacing:.01em}.bm-accent{display:block;width:54px;height:3px;background:#c7ccd3;margin:26px 0 18px}.bm-copy-inner p{font-size:18px;line-height:1.55;color:#fff;max-width:520px;margin:0 0 22px}.bm-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.bm-feature-list li{display:flex;align-items:center;gap:16px;color:#fff;font-size:18px;font-weight:700}.bm-feature-icon{width:39px;height:39px;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(255,255,255,.08);display:inline-block}
.bm-glance{width:665px;margin:24px 0 0 52px;background:#fff;border-radius:17px;padding:18px 24px 22px;box-shadow:0 18px 38px rgba(4,24,58,.22)}.bm-glance h2{font-size:16px;margin:0 0 18px}.bm-glance-grid{display:grid;grid-template-columns:repeat(3,1fr)}.bm-glance-grid div{display:grid;grid-template-columns:58px 1fr;column-gap:14px;border-right:1px solid #d9e1ec;padding-right:22px}.bm-glance-grid div:last-child{border-right:0}.bm-glance-icon{grid-row:1/4;width:58px;height:58px;border-radius:50%;background:#e8f1ff}.bm-glance-icon.green{background:#e7f8ef}.bm-glance-icon.purple{background:#f0e8ff}.bm-glance-grid p{margin:8px 0 6px;color:#10214d;font-size:14px}.bm-glance-grid strong{font-size:29px;color:#061845}.bm-glance-grid small{font-size:12px;color:#079455}
.bm-signin-area{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center}.bm-signin-card,.bm-secure-card{width:585px;background:rgba(255,255,255,.96);border:1px solid rgba(213,223,236,.9);border-radius:14px;box-shadow:0 22px 55px rgba(3,23,61,.22)}.bm-signin-card{padding:31px 48px}.bm-signin-card h2{font-size:38px;margin:0 0 4px;color:#071845;line-height:1}.bm-signin-card p{font-size:19px;color:#071845;margin:0 0 24px}.bm-signin-card label{display:block;font-weight:800;color:#071845;margin:15px 0 8px}.bm-input{height:51px;border:1px solid #cbd6e5;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff}.bm-input input{border:0;outline:0;font:inherit;flex:1;color:#10214d}.bm-input span{width:19px;height:19px;border:2px solid #0c2868;border-radius:3px;display:inline-block}.bm-input .lock{border-radius:4px}.bm-input .eye{border-radius:50%;margin-left:auto}.bm-login-as{display:grid!important;grid-template-columns:72px 1fr;align-items:center;gap:10px}.bm-login-as select{height:47px;border:1px solid #cbd6e5;border-radius:7px;padding:0 18px;font:inherit;color:#10214d;background:#fff}.bm-form-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0 20px}.bm-form-row a,.bm-status-link{color:#2f3192;text-decoration:none;font-weight:700}.bm-remember{display:flex!important;gap:9px;align-items:center;margin:0!important;font-weight:500!important}.bm-remember input{width:20px;height:20px}.bm-primary,.bm-outline{height:47px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-weight:900;font-size:16px;text-decoration:none}.bm-primary{border:0;background:#075bdc;color:#fff;box-shadow:0 8px 14px rgba(4,88,214,.2)}.bm-outline{border:1.5px solid #075bdc;background:#fff;color:#075bdc;margin-top:12px}.bm-status-link{display:block;text-align:center;margin:17px 0}.bm-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:#26364f;margin:8px 0}.bm-divider span{height:1px;background:#d5deea}.bm-secure-card{display:flex;align-items:center;gap:22px;padding:28px 31px}.bm-secure-card strong{font-size:17px}.bm-secure-card p{margin:7px 0 0;font-size:15px;line-height:1.35;color:#10214d}.bm-shield{width:58px;height:68px;border:4px solid #0b67d1;border-radius:28px 28px 34px 34px;display:block;flex:0 0 auto}
.bm-launch-footer{height:76px;background:#fff;border-top:1px solid #dde5ee;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 52px;color:#0b245f}.bm-launch-footer nav{display:flex;gap:36px}.bm-launch-footer a{color:#0b245f;text-decoration:none;font-weight:700}.bm-launch-footer p{margin:0;color:#405178}.bm-launch-footer button{justify-self:end;border:0;background:#fff;color:#0b245f;font:inherit;font-weight:700}
@media(max-width:1180px){.bm-launch-main{grid-template-columns:1fr;padding:28px}.bm-copy-inner,.bm-glance{margin-left:0}.bm-glance,.bm-signin-card,.bm-secure-card{width:100%;max-width:680px}.bm-launch-copy{min-height:auto}.bm-signin-area{align-items:flex-start}.bm-launch-header{padding:0 22px}.bm-launch-header nav{gap:16px}.bm-launch-footer{grid-template-columns:1fr;gap:10px;height:auto;padding:18px}}
@media(max-width:760px){.bm-launch-header{height:auto;display:grid;gap:16px;padding:16px}.bm-launch-header nav{display:grid;gap:12px}.bm-launch-logo strong{font-size:22px}.bm-launch-main{padding:18px}.bm-copy-inner h1{font-size:34px}.bm-signin-card{padding:24px}.bm-glance-grid{grid-template-columns:1fr;gap:18px}.bm-glance-grid div{border-right:0;border-bottom:1px solid #d9e1ec;padding-bottom:14px}.bm-glance-grid div:last-child{border-bottom:0}.bm-login-as{grid-template-columns:1fr}.bm-launch-footer nav{display:grid;gap:10px}}

/* Bikita full-screen vendor login */
.bm-login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) 590px;gap:48px;align-items:center;padding:42px 68px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,12,24,.9),rgba(5,12,24,.58) 52%,rgba(5,12,24,.94)),url('../img/login-dashboard-bg.png') center/cover no-repeat;color:#fff;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.bm-login-brand{align-self:stretch;min-height:720px;display:flex;flex-direction:column;justify-content:space-between}.bm-login-logo{display:flex;align-items:center;gap:20px}.bm-gold-mark{width:78px;height:78px;display:inline-block;background:linear-gradient(145deg,#f2f5f8,#b8c2cc 52%,#708090);clip-path:polygon(50% 0,94% 30%,82% 86%,50% 100%,18% 86%,6% 30%);box-shadow:0 14px 28px rgba(0,0,0,.22)}.bm-login-logo strong{display:block;font-size:42px;line-height:1;letter-spacing:.05em}.bm-login-logo strong span{display:block;color:#c7ccd3}.bm-login-logo small{display:block;margin-top:13px;letter-spacing:.32em;font-weight:900;color:#fff}.bm-login-tagline h1{font-size:48px;line-height:1.12;margin:0 0 24px;max-width:760px}.bm-login-tagline h1 span{color:#c7ccd3}.bm-login-tagline:after{content:"";display:block;width:88px;height:3px;background:#c7ccd3}.bm-login-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:980px;color:#d7dfeb}.bm-login-trust div{border-left:1px solid rgba(255,255,255,.24);padding-left:24px}.bm-login-trust div:first-child{border-left:0;padding-left:0}.bm-login-trust b{display:block;font-size:18px;color:#fff;margin-bottom:8px}.bm-login-trust span{display:block;line-height:1.45}.bm-login-lang{position:absolute;right:36px;top:28px;border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:12px 22px;background:rgba(8,20,38,.78);color:#fff;font:inherit;font-weight:700}.bm-login-card{width:100%;background:linear-gradient(180deg,rgba(10,24,44,.97),rgba(7,18,35,.97));border:1px solid rgba(199,204,211,.75);border-radius:24px;box-shadow:0 34px 90px rgba(0,0,0,.46);padding:42px 48px 48px}.bm-card-mark{display:block;margin:0 auto 24px;width:76px;height:76px}.bm-login-card h2{text-align:center;font-size:39px;line-height:1;margin:0 0 12px}.bm-login-card p{text-align:center;color:#bbc4d2;margin:0 0 30px;font-size:18px;line-height:1.45}.bm-login-alert{border:1px solid #8ed7aa;background:#e8f8ef;color:#064d2d;border-radius:10px;padding:12px 14px;margin:0 0 18px;font-weight:800}.bm-login-alert.error{border-color:#e9a0a0;background:#fff1f1;color:#7d1111}.bm-login-form{display:grid;gap:17px}.bm-login-form label{display:grid;gap:10px;color:#fff;font-weight:700}.bm-login-form input,.bm-login-form select{height:58px;border:1px solid #3b4b62;border-radius:10px;background:rgba(255,255,255,.035);color:#fff;padding:0 18px;font:inherit}.bm-login-form select{appearance:auto;background-color:rgba(255,255,255,.06)}.bm-login-form input::placeholder{color:#9ca7b8}.bm-login-as{grid-template-columns:84px 1fr!important;align-items:center}.bm-login-row{display:flex;align-items:center;justify-content:space-between;color:#bbc4d2}.bm-login-row a,.bm-login-link{color:#c7ccd3;text-decoration:none;font-weight:800}.bm-login-remember{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:500!important}.bm-login-remember input{width:20px;height:20px}.bm-login-form button{height:60px;border:0;border-radius:10px;background:linear-gradient(180deg,#eef1f4,#8e98a4);color:#0a1424;font-size:18px;font-weight:900;cursor:pointer}.bm-login-secondary{height:56px;border:1px solid #c7ccd3;border-radius:10px;color:#e7edf3;text-decoration:none;display:grid;place-items:center;font-weight:900;margin-top:14px}.bm-login-link{display:block;text-align:center;margin:17px 0}.bm-login-safe{text-align:center;color:#aeb8c7;margin-top:30px}.bm-vendor-login-screen .bm-login-card h2:after{content:"";display:block;width:54px;height:3px;background:#c7ccd3;margin:18px auto 0}
@media(max-width:1080px){.bm-login-screen{grid-template-columns:1fr;padding:28px}.bm-login-brand{min-height:auto;gap:52px}.bm-login-card{max-width:640px}.bm-login-trust{grid-template-columns:1fr}.bm-login-trust div{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:16px 0 0}.bm-login-trust div:first-child{border-top:0;padding-top:0}.bm-login-lang{position:static;width:max-content;margin:0 0 18px auto}}
@media(max-width:700px){.bm-login-screen{padding:18px}.bm-login-logo strong{font-size:30px}.bm-login-logo small{letter-spacing:.18em}.bm-gold-mark{width:58px;height:58px}.bm-login-tagline h1{font-size:34px}.bm-login-card{padding:28px}.bm-login-as{grid-template-columns:1fr!important}.bm-login-row{display:grid;gap:12px}}

/* Bikita brand hardening: logo blue and lithium silver only for primary UI accents. */
:root{--mps-blue:#2f3192;--mps-line:#dce3ef}.theme-s4_hana,.theme-sap_ariba{--mps-primary:#2f3192;--mps-primary-dark:#20246f;--mps-accent:#c7ccd3}.theme-s4_hana .mps-brand-mark,.theme-sap_ariba .mps-brand-mark,.mps-brand-mark{background:linear-gradient(135deg,#2f3192,#20246f)}.bm-login-screen{background:linear-gradient(90deg,rgba(21,25,79,.94),rgba(47,49,146,.62) 52%,rgba(21,25,79,.94)),url('../img/login-dashboard-bg.png') center/cover no-repeat}.bm-login-logo strong span,.bm-login-tagline h1 span,.bm-login-row a,.bm-login-link{color:#c7ccd3}.bm-login-tagline:after,.bm-vendor-login-screen .bm-login-card h2:after{background:#c7ccd3}.bm-login-card{border-color:rgba(199,204,211,.78)}.bm-login-form button{background:linear-gradient(180deg,#2f3192,#20246f);color:#fff;box-shadow:0 12px 24px rgba(47,49,146,.28)}.bm-login-secondary{border-color:#c7ccd3;color:#c7ccd3}.mps-message.warning,.mps-badge.warn,.bm-pill.warn{background:#f5f7fa!important;border-color:#c7ccd3!important;color:#20246f!important}.bm-kpi.orange .bm-kpi-icon,.bm-portal-kpi.orange span{background:#eef1f4!important}.bm-portal-kpi.orange strong,.bm-message i.orange{color:#2f3192!important;background:#2f3192!important}.bm-side-card article.warn:before{border-color:#2f3192!important}.bm-mark i,.bm-mark i:nth-child(1),.bm-mark i:nth-child(2){background:#2f3192}.bm-mark i:nth-child(3),.bm-accent{background:#c7ccd3}

/* tightened login surface */
.bm-login-screen{grid-template-columns:minmax(480px,1fr) minmax(420px,520px);gap:36px;padding:34px 54px}
.bm-login-brand{min-height:640px}.bm-brand-logo{width:132px;height:98px;object-fit:contain;background:rgba(255,255,255,.96);border-radius:10px;padding:8px;box-shadow:0 14px 28px rgba(0,0,0,.18)}.bm-card-logo{display:block;width:132px;height:98px;object-fit:contain;background:#fff;border-radius:10px;padding:8px;margin:0 auto 22px}.bm-login-logo strong{font-size:36px}.bm-login-logo small{letter-spacing:.22em}.bm-login-tagline h1{font-size:42px}.bm-login-trust{gap:18px}.bm-login-card{border-radius:16px;padding:34px 38px 38px}.bm-login-card h2{font-size:34px}.bm-login-card p{font-size:16px;margin-bottom:22px}.bm-login-form{gap:14px}.bm-login-form input,.bm-login-form select{height:50px;border-radius:8px}.bm-login-form button{height:52px;border-radius:8px}.bm-login-secondary{height:48px;border-radius:8px}.bm-login-safe{margin-top:22px}
@media(max-width:1080px){.bm-login-screen{grid-template-columns:1fr;padding:24px}.bm-login-brand{min-height:auto}.bm-login-card{max-width:600px}}

/* Bikita vendor portal screenshot layout */
.bm-dashboard{grid-template-columns:304px minmax(0,1fr);background:#f7f9fc}
.bm-sidebar{border-right:1px solid #d8e0ec;box-shadow:8px 0 28px rgba(17,34,66,.08);padding:28px 18px 22px}
.bm-logo{height:78px;text-decoration:none;color:#071845}.bm-logo small{letter-spacing:0;color:#009688;font-size:17px;font-weight:700}.bm-logo strong{font-size:23px;letter-spacing:.04em}.bm-logo-mark{width:78px;height:58px}.bm-logo-mark span{width:16px}.bm-logo-mark span:nth-child(1){height:34px}.bm-logo-mark span:nth-child(2){height:52px}.bm-logo-mark span:nth-child(3){height:44px}
.bm-nav a{height:42px;border-radius:8px;font-size:16px;color:#253858}.bm-nav a.active{background:#2f3192;color:#fff;box-shadow:0 8px 18px rgba(47,49,146,.22)}.bm-nav a b{background:#eef1f4;color:#2f3192}
.bm-vendor-card{margin-top:auto;border:1px solid #dbe3ee;border-radius:12px;padding:28px 20px;text-align:center;background:#fff}.bm-vendor-card strong,.bm-vendor-card small,.bm-vendor-card em{display:block}.bm-vendor-card strong{margin-top:12px;color:#071845}.bm-vendor-card small{margin-top:7px;color:#475467}.bm-vendor-card em{width:max-content;margin:12px auto;color:#067647;background:#dcfae6;border-radius:5px;padding:6px 14px;font-style:normal;font-weight:800}.bm-vendor-card a{color:#2f3192;text-decoration:none;font-weight:800}.bm-vendor-icon{width:48px;height:48px;border-radius:50%;display:grid;margin:auto;background:#e8f1ff}
.bm-portal-main{min-width:0}.bm-portal-top{height:76px;background:#fff;border-bottom:1px solid #d8e0ec;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0 28px}.bm-portal-search{width:min(520px,42vw);height:45px;border:1px solid #d4dce9;border-radius:8px;display:flex;align-items:center;gap:13px;padding:0 14px;margin-right:auto;background:#fff}.bm-portal-search input{border:0;outline:0;flex:1;font:inherit;color:#344054}.bm-portal-search span{width:17px;height:17px;border:2px solid #344054;border-radius:50%;position:relative}.bm-portal-search span:after{content:"";position:absolute;width:7px;height:2px;right:-6px;bottom:-4px;background:#344054;transform:rotate(45deg)}.bm-portal-search kbd{border:0;background:#f5f7fb;border-radius:7px;padding:6px 10px;color:#667085}.bm-help{color:#071845;text-decoration:none;display:flex;align-items:center;gap:8px}.bm-help:first-letter{border:2px solid #071845}.bm-bell-top{width:28px;height:32px;display:block;border:2px solid #071845;border-radius:14px 14px 8px 8px;position:relative}.bm-bell-top i{position:absolute;right:-11px;top:-12px;background:#2f3192;color:white;border-radius:50%;font-style:normal;font-size:12px;width:21px;height:21px;display:grid;place-items:center;font-weight:800}.bm-user-top{display:grid;grid-template-columns:43px auto;column-gap:12px;align-items:center}.bm-user-top span{grid-row:1/3;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#1aa6b7;color:#fff;font-weight:800}.bm-user-top strong{color:#071845}.bm-user-top small{color:#475467}
.bm-portal-content{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:18px;padding:26px 24px 26px 32px}.bm-welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.bm-welcome-row h1{font-size:28px;margin:0 0 6px;color:#071845}.bm-welcome-row p{margin:0;color:#475467;font-size:16px}.bm-welcome-row small{color:#475467}
.bm-portal-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:18px}.bm-portal-kpi{background:#fff;border:1px solid #dfe6f0;border-radius:8px;min-height:138px;padding:18px 16px;text-decoration:none;color:#071845;box-shadow:0 6px 16px rgba(17,34,66,.06);display:grid;grid-template-columns:42px 1fr;column-gap:12px}.bm-portal-kpi span{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:#eef1f4}.bm-portal-kpi.teal span{background:#d8f4f2}.bm-portal-kpi.orange span{background:#eef1f4}.bm-portal-kpi.purple span{background:#efe7ff}.bm-portal-kpi.green span{background:#dcfae6}.bm-portal-kpi small{font-weight:800;line-height:1.25}.bm-portal-kpi strong{font-size:25px;color:#2f3192;align-self:start}.bm-portal-kpi.orange strong{color:#2f3192}.bm-portal-kpi.green strong{color:#12b76a}.bm-portal-kpi em{grid-column:1/3;border-top:1px solid #edf1f6;margin:12px -16px -10px;padding:12px 16px 0;color:#2f3192;font-style:normal;font-weight:800;font-size:13px}
.bm-data-card,.bm-side-card{background:#fff;border:1px solid #dfe6f0;border-radius:10px;box-shadow:0 6px 16px rgba(17,34,66,.06);overflow:hidden;margin-bottom:16px}.bm-data-head,.bm-side-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e8edf5}.bm-data-head h2,.bm-side-head h2{font-size:18px;margin:0;color:#071845}.bm-data-head a,.bm-side-head a,.bm-portal-table a,.bm-all-link{color:#2f3192;text-decoration:none;font-weight:800}
.bm-portal-table{width:100%;border-collapse:collapse}.bm-portal-table th,.bm-portal-table td{padding:10px 20px;border-bottom:1px solid #e8edf5;text-align:left;font-size:13px;color:#253858;vertical-align:middle}.bm-portal-table th{font-weight:800;color:#475467;background:#fbfcfe}.bm-portal-table tr:last-child td{border-bottom:0}.bm-portal-table small{display:block;color:#475467;margin-top:2px}.bm-pill{display:inline-flex;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:800}.bm-pill.ok{background:#dcfae6;color:#067647}.bm-pill.info{background:#eef1f4;color:#2f3192}.bm-pill.warn{background:#eef1f4;color:#20246f}.bm-pill.muted{background:#e4e7ec;color:#475467}.bm-mini{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;border:1px solid #2f3192;border-radius:5px;color:#2f3192!important;margin-right:8px}.bm-mini.primary{min-width:116px;background:#2f3192;color:#fff!important}.bm-mini.disabled{background:#f2f4f7!important;border-color:#e4e7ec!important;color:#98a2b3!important;pointer-events:none}
.bm-side-card article{padding:14px 18px 14px 52px;border-bottom:1px solid #e8edf5;position:relative;color:#071845;min-height:72px}.bm-side-card article:before{content:"";position:absolute;left:18px;top:19px;width:20px;height:20px;border:2px solid #2f3192;border-radius:50%}.bm-side-card article.ok:before{border-color:#12b76a}.bm-side-card article.warn:before{border-color:#2f3192;border-radius:3px;transform:rotate(45deg)}.bm-side-card article.danger:before{border-color:#f04438;border-radius:3px;transform:rotate(45deg)}.bm-side-card article strong{font-weight:900}.bm-side-card article p{margin:6px 0;color:#253858;line-height:1.35}.bm-side-card article small{display:block;margin-top:5px;color:#475467}.bm-side-card article.danger small{color:#d92d20;font-weight:800}.bm-all-link{display:block;padding:14px 20px;text-align:center}
@media(max-width:1320px){.bm-portal-content{grid-template-columns:1fr}.bm-portal-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.bm-portal-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bm-side-card{margin-bottom:0}}
@media(max-width:900px){.bm-dashboard{grid-template-columns:1fr}.bm-sidebar{position:relative}.bm-portal-top{height:auto;padding:14px;display:grid;gap:14px}.bm-portal-search{width:100%;margin:0}.bm-portal-content{padding:14px}.bm-portal-kpis,.bm-portal-rail{grid-template-columns:1fr}.bm-welcome-row{display:block}.bm-portal-table{display:block;overflow:auto;white-space:nowrap}}
