*{box-sizing:border-box}
body.mpv2-page{margin:0;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;background:#07111f;color:#e8eef7}
.mpv2-login-card{width:min(420px,calc(100% - 2rem));margin:8vh auto;padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b1220}
.mpv2-logo{width:72px;height:72px;border-radius:18px;background:#fff;color:#0d3d5c;display:grid;place-items:center;font-weight:900;margin-bottom:.8rem}
.mpv2-login-card h1{margin:.2rem 0}
.mpv2-login-card p,.mpv2-muted{color:#9fb0c8}
.mpv2-login-card label{display:block;margin:.75rem 0 .25rem;color:#9fb0c8}
.mpv2-login-card input{width:100%;min-height:48px;border:1px solid #26344f;border-radius:12px;background:#101b2d;color:#fff;padding:0 .8rem}
.mpv2-login-card button,.mpv2-cart button,.mpv2-secondary,.mpv2-mobile-pay button{width:100%;min-height:50px;margin-top:1rem;border:0;border-radius:12px;background:#16a34a;color:#fff;font-weight:800}
.mpv2-muted-btn{width:100%;min-height:46px;margin-top:.65rem;border:1px solid #334155;border-radius:12px;background:#101b2d;color:#fff;font-weight:800}
.mpv2-error{padding:.65rem;border-radius:10px;background:#7f1d1d;color:#fecaca}
.mpv2-top{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;background:#0d3d5c}
.mpv2-top span{display:block;color:#bfdbfe;font-size:.82rem}
.mpv2-lan-status{margin-top:.2rem;color:#bbf7d0!important;font-weight:800}
.mpv2-top a{color:#fff;text-decoration:none}
.mpv2-top-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}
.mpv2-branch-switch{display:flex;align-items:center;gap:.45rem;min-width:min(260px,38vw);color:#bfdbfe;font-size:.82rem}
.mpv2-branch-switch select{width:100%;min-height:36px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#10233a;color:#fff;padding:0 .55rem}
.mpv2-shell{display:grid;grid-template-columns:1fr 340px;gap:1rem;padding:1rem}
.mpv2-panel,.mpv2-cart{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0b1220;padding:1rem}
.mpv2-tabs{display:flex;gap:.5rem;margin-bottom:.8rem;overflow:auto}
.mpv2-tabs button{flex:1;min-width:max-content;min-height:40px;border:1px solid #26344f;border-radius:999px;background:#101b2d;color:#cbd5e1}
.mpv2-tabs button.active{background:#16a34a;color:#fff}
.mpv2-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.55rem;margin-bottom:.9rem}
.mpv2-app-grid button,.mpv2-app-action{min-height:74px;border:1px solid #26344f;border-radius:14px;background:#101b2d;color:#e8eef7;text-align:left;padding:.65rem;text-decoration:none;font:inherit}
.mpv2-app-grid button.active{border-color:#16a34a;background:#092217;box-shadow:0 0 0 2px rgba(22,163,74,.16)}
.mpv2-app-grid strong,.mpv2-app-action strong{display:block;font-size:.92rem}
.mpv2-app-grid span,.mpv2-app-action span{display:block;margin-top:.2rem;color:#9fb0c8;font-size:.76rem}
.mpv2-view{display:none}
.mpv2-view.active{display:block}
.mpv2-search,.mpv2-textarea{width:100%;min-height:46px;border:1px solid #26344f;border-radius:12px;background:#101b2d;color:#fff;padding:.75rem .85rem;margin-bottom:.8rem}
.mpv2-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}
.mpv2-product{border:1px solid #26344f;border-radius:14px;background:#101b2d;padding:.75rem}
.mpv2-product strong{display:block}
.mpv2-product span{color:#9fb0c8;font-size:.86rem}
.mpv2-product button{width:100%;margin-top:.65rem;min-height:38px;border:0;border-radius:10px;background:#2563eb;color:#fff}
.mpv2-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.mpv2-mode-row button{margin-top:.65rem}
.mpv2-product button:disabled,.mpv2-cart button:disabled,.mpv2-mobile-pay button:disabled{opacity:.62}
.mpv2-cart{position:sticky;top:72px;height:calc(100vh - 92px)}
.mpv2-cart h2{margin-top:0}
.mpv2-cart-line{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px solid #1f2a44;padding:.55rem 0}
.mpv2-cart-line button{width:auto;min-height:30px;margin:.25rem 0 0 .35rem;padding:0 .5rem;background:#334155}
.mpv2-total{display:flex;justify-content:space-between;margin-top:1rem;font-size:1.1rem}
.mpv2-pay-label{display:block;margin:.8rem 0 .25rem;color:#9fb0c8;font-size:.86rem}
.mpv2-pay-input{width:100%;min-height:42px;border:1px solid #26344f;border-radius:10px;background:#101b2d;color:#fff;padding:0 .7rem}
.mpv2-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.mpv2-kpis div,.mpv2-list>div,.mpv2-list>p{border:1px solid #26344f;border-radius:12px;background:#101b2d;padding:.75rem}
.mpv2-kpis span,.mpv2-list span{display:block;color:#9fb0c8;font-size:.82rem}
.mpv2-kpis strong,.mpv2-list strong{display:block;margin-top:.25rem}
.mpv2-list button{margin-top:.5rem;min-height:34px;border:0;border-radius:9px;background:#334155;color:#fff;padding:0 .7rem}
.mpv2-section-title{font-size:1rem;color:#9fb0c8;margin:1rem 0 .5rem}
.mpv2-mobile-pay{display:none}
.mpv2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.mpv2-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.mpv2-readout,.mpv2-settings-card{border:1px solid #26344f;border-radius:12px;background:#101b2d;padding:.75rem}
.mpv2-connect-steps-card{border-color:#16a34a;background:#092217;box-shadow:0 0 0 2px rgba(22,163,74,.22)}
.mpv2-readout span{display:block;color:#9fb0c8;font-size:.82rem}
.mpv2-readout strong{display:block;margin-top:.25rem;word-break:break-word}
.mpv2-connect-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.75rem 0}
.mpv2-steps{margin:.25rem 0 0;padding-left:1.25rem;color:#cbd5e1;line-height:1.55}
.mpv2-theme-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.mpv2-theme-row button{min-height:42px;border:1px solid #26344f;border-radius:12px;background:#101b2d;color:#fff;font-weight:700}
.mpv2-theme-row button.active{outline:2px solid #16a34a;background:#14532d}
.mpv2-unready{border:1px dashed #334155;border-radius:14px;background:#101b2d;padding:1rem;color:#cbd5e1}
.mpv2-unready h2{margin:.1rem 0 .35rem}
.mpv2-link-btn{display:grid;place-items:center;text-decoration:none}
.mpv2-bottom-nav{display:none}
.mpv2-lock-banner{border:1px solid #14532d;border-radius:12px;background:#052e16;color:#bbf7d0;padding:.75rem;margin-bottom:.8rem}
.mpv2-lock-banner.locked{border-color:#7f1d1d;background:#2b1111;color:#fecaca}
.mpv2-gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(3,7,18,.86);padding:1rem}
.mpv2-gate[hidden]{display:none}
.mpv2-gate-card{width:min(420px,100%);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0b1220;padding:1.1rem}
.mpv2-gate-card h1{margin:.3rem 0}
.mpv2-gate-card label{display:block;margin:.7rem 0 .25rem;color:#9fb0c8}
.mpv2-gate-card input{width:100%;min-height:46px;border:1px solid #26344f;border-radius:12px;background:#101b2d;color:#fff;padding:0 .8rem}
.mpv2-gate-card button{width:100%;min-height:48px;margin-top:.8rem;border:0;border-radius:12px;background:#16a34a;color:#fff;font-weight:800}
.mpv2-gate-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.mpv2-gate-tabs button{background:#101b2d;border:1px solid #26344f;color:#cbd5e1}
.mpv2-gate-tabs button.active{background:#16a34a;color:#fff}
body.mpv2-theme-pearl{background:#f6f8fb;color:#0f172a}
body.mpv2-theme-pearl .mpv2-panel,body.mpv2-theme-pearl .mpv2-cart,body.mpv2-theme-pearl .mpv2-gate-card,body.mpv2-theme-pearl .mpv2-login-card{background:#fff;color:#0f172a;border-color:#dbe3ef}
body.mpv2-theme-pearl .mpv2-product,body.mpv2-theme-pearl .mpv2-readout,body.mpv2-theme-pearl .mpv2-settings-card,body.mpv2-theme-pearl .mpv2-kpis div,body.mpv2-theme-pearl .mpv2-list>div,body.mpv2-theme-pearl .mpv2-list>p,body.mpv2-theme-pearl .mpv2-search,body.mpv2-theme-pearl .mpv2-textarea,body.mpv2-theme-pearl .mpv2-pay-input,body.mpv2-theme-pearl .mpv2-tabs button,body.mpv2-theme-pearl .mpv2-theme-row button{background:#f8fafc;color:#0f172a;border-color:#dbe3ef}
body.mpv2-theme-fern{background:#06170f;color:#e7f8ee}
body.mpv2-theme-fern .mpv2-top{background:#166534}
body.mpv2-theme-fern .mpv2-panel,body.mpv2-theme-fern .mpv2-cart{background:#092217}
body.mpv2-theme-fern .mpv2-product,body.mpv2-theme-fern .mpv2-readout,body.mpv2-theme-fern .mpv2-settings-card,body.mpv2-theme-fern .mpv2-kpis div,body.mpv2-theme-fern .mpv2-list>div,body.mpv2-theme-fern .mpv2-list>p{background:#0b2b1b;border-color:#1f6f43}
body.mpv2-theme-carbon{background:#030712;color:#e5e7eb}
body.mpv2-theme-carbon .mpv2-top{background:#111827}
body.mpv2-theme-carbon .mpv2-panel,body.mpv2-theme-carbon .mpv2-cart,body.mpv2-theme-carbon .mpv2-product,body.mpv2-theme-carbon .mpv2-readout,body.mpv2-theme-carbon .mpv2-settings-card{background:#0f172a;border-color:#374151}
@media(max-width:860px){
  .mpv2-shell{display:block;padding:.7rem;padding-bottom:9.5rem}
  .mpv2-top{align-items:flex-start;flex-wrap:wrap}
  .mpv2-branch-switch{order:3;width:100%;min-width:100%;margin-top:.35rem}
  .mpv2-cart{position:static;height:auto;max-height:none;margin-top:.7rem}
  .mpv2-products{grid-template-columns:1fr 1fr}
  .mpv2-mobile-pay{position:fixed;left:0;right:0;bottom:56px;z-index:5;display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;background:#07111f;border-top:1px solid #26344f}
  .mpv2-mobile-pay span{white-space:nowrap}
  .mpv2-mobile-pay button{margin:0}
  .mpv2-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);min-height:56px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0b1220;border-top:1px solid #26344f}
  .mpv2-bottom-nav button{border:0;border-right:1px solid #1f2a44;background:transparent;color:#9fb0c8;font-weight:800;font-size:.74rem}
  .mpv2-bottom-nav button.active{color:#fff;background:#14532d}
}
@media(max-width:460px){
  .mpv2-products,.mpv2-kpis,.mpv2-form-grid,.mpv2-connect-grid,.mpv2-connect-actions,.mpv2-theme-row{grid-template-columns:1fr}
  .mpv2-tabs button{font-size:.88rem}
}