@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Sora:wght@600;700;800&display=swap');
:root{
  --g:#1a6b45;--g-d:#0f4a2e;--g-l:#e8f5ee;--g-ll:#f4fbf7;
  --amber:#f59e0b;--amber-l:#fffbeb;
  --indigo:#4f46e5;--indigo-l:#eef2ff;
  --rose:#e11d48;--rose-l:#fff1f2;
  --sky:#0284c7;--sky-l:#e0f2fe;
  --orange:#ea580c;--orange-l:#fff7ed;
  --purple:#5f259f;--purple-l:#f5f0ff;
  --teal:#0d9488;--teal-l:#f0fdfa;
  --s50:#f8fafc;--s100:#f1f5f9;--s200:#e2e8f0;--s300:#cbd5e1;
  --s400:#94a3b8;--s500:#64748b;--s600:#475569;--s700:#334155;--s800:#1e293b;--s900:#0f172a;
  --r:13px;--sh:0 2px 12px rgba(0,0,0,.07);--sh-lg:0 10px 36px rgba(0,0,0,.12);
  --font:'DM Sans',sans-serif;--font-d:'Sora',sans-serif;
}
.msi-wrap *{box-sizing:border-box;font-family:var(--font)}
.msi-wrap{max-width:980px;margin:0 auto;padding:0 14px;color:var(--s800)}

/* FLASH */
.msi-flash{padding:13px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;background:var(--g-l);border:1px solid #bbf7d0}
.msi-flash-ok{background:var(--g-l);border-color:#bbf7d0;color:#14532d}
.msi-ok{color:#14532d}.msi-err{color:var(--rose)}

/* TABS */
.msi-tabrow{display:flex;border-bottom:2px solid var(--s200);gap:2px;margin-bottom:0}
.msi-tab{padding:10px 18px;border:none;background:none;font-family:var(--font);font-size:13.5px;font-weight:500;color:var(--s400);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .17s}
.msi-tab:hover{color:var(--s700)}
.msi-tab.on{color:var(--g);border-bottom-color:var(--g);font-weight:700}
.msi-tp{display:none}.msi-tp.on{display:block}

/* CARD */
.msi-card{background:#fff;border-radius:var(--r);border:1px solid var(--s200);box-shadow:var(--sh);margin-bottom:18px;overflow:hidden}
.msi-card-hd{padding:22px 22px 0}
.msi-card-bd{padding:22px}
.msi-h2{font-family:var(--font-d);font-size:1.25rem;font-weight:800;margin:7px 0 4px}
.msi-h3{font-family:var(--font-d);font-size:1.05rem;font-weight:700;margin:6px 0 4px}
.msi-muted{color:var(--s400);font-size:13.5px;margin:0}
.msi-text-c{text-align:center}
.msi-justify-c{justify-content:center}

/* BADGE */
.msi-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:7px}
.msi-bg{background:var(--g-l);color:var(--g)}
.msi-bi{background:var(--indigo-l);color:var(--indigo)}
.msi-ba{background:var(--amber-l);color:#78350f}
.msi-bs{background:var(--sky-l);color:var(--sky)}
.msi-bp{background:var(--purple-l);color:var(--purple)}
.msi-bt{background:var(--teal-l);color:var(--teal)}

/* FORM */
.msi-form{display:flex;flex-direction:column;gap:14px;padding:22px}
.msi-g2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:2px}
.msi-g3{grid-template-columns:1fr 1fr 1fr}
.msi-f{display:flex;flex-direction:column;gap:5px}
.msi-full{grid-column:1/-1}
.msi-f label{font-size:12.5px;font-weight:600;color:var(--s600)}
.msi-f label .r{color:var(--rose)}
.msi-f input,.msi-f select,.msi-f textarea{padding:10px 12px;border:1.5px solid var(--s200);border-radius:8px;font-size:13.5px;font-family:var(--font);background:var(--s50);color:var(--s800);outline:none;transition:all .16s}
.msi-f input:focus,.msi-f select:focus,.msi-f textarea:focus{border-color:var(--g);background:#fff;box-shadow:0 0 0 3px rgba(26,107,69,.09)}
.msi-f input::placeholder,.msi-f textarea::placeholder{color:var(--s400)}
.msi-slbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--s400);grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:4px 0 2px}
.msi-slbl::after{content:'';flex:1;height:1px;background:var(--s100)}

/* RADIO/CHECK PILLS */
.msi-rg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.msi-rp{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1.5px solid var(--s200);border-radius:8px;font-size:12.5px;cursor:pointer;transition:all .16s;background:#fff;color:var(--s600);font-weight:500;user-select:none;line-height:1.3}
.msi-rp:hover{border-color:var(--g);color:var(--g);background:var(--g-ll)}
.msi-rp.on{border-color:var(--g);background:var(--g-l);color:var(--g-d);font-weight:600}
.msi-rp input{display:none}
.msi-range{font-size:10.5px;font-weight:400;opacity:.75;margin-left:3px}

/* SERVICE PILL */
.msi-svc-pill{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border:1.5px solid var(--s200);border-radius:9px;font-size:13px;cursor:pointer;transition:all .16s;background:#fff;color:var(--s700);font-weight:500;user-select:none}
.msi-svc-pill:hover{border-color:var(--g);background:var(--g-ll)}
.msi-svc-pill.on{border-color:var(--g);background:var(--g-l);color:var(--g-d);font-weight:600}
.msi-svc-pill input{margin-top:2px;flex-shrink:0;accent-color:var(--g)}
.msi-svc-sub{display:block;font-size:11.5px;font-weight:400;color:var(--s400);margin-top:2px}
.msi-svc-pill.on .msi-svc-sub{color:var(--g-d);opacity:.75}

/* INFO BOXES */
.msi-ib{border-radius:9px;padding:11px 13px;font-size:13px;line-height:1.65;display:flex;gap:8px;align-items:flex-start;border:1px solid;margin-bottom:10px}
.msi-ia{background:var(--amber-l);border-color:#fde68a;color:#78350f}
.msi-ig{background:var(--g-l);border-color:#bbf7d0;color:#14532d}
.msi-ii{background:var(--indigo-l);border-color:#c7d2fe;color:#3730a3}
.msi-is{background:var(--sky-l);border-color:#bae6fd;color:#075985}
.msi-ir{background:var(--rose-l);border-color:#fecaca;color:#9f1239}
.msi-it{background:var(--teal-l);border-color:#99f6e4;color:#134e4a}

/* CHARGE CALC */
.msi-ccalc{background:linear-gradient(135deg,#fff8f0,#fff);border:2px solid #fed7aa;border-radius:11px;padding:13px 15px;font-size:12.5px;margin-top:10px}
.msi-ccalc-title{font-family:var(--font-d);font-weight:700;color:var(--orange);margin-bottom:9px;font-size:13px}
.msi-ccr{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed #fed7aa}
.msi-ccr:last-child{border-bottom:none;padding-top:7px;font-weight:700;font-size:13.5px}
.msi-ccr span{color:var(--s600);font-size:12px}
.msi-ccv{font-weight:600;color:var(--s700)}
.msi-ccr.msi-ccr-tot .msi-ccv{color:var(--orange);font-size:14px}
.msi-orange{color:var(--orange);font-weight:700}
.msi-est{font-size:10px;color:var(--s400);font-style:italic}
.msi-est-note{font-size:11.5px;color:var(--s400);font-style:italic;margin-top:4px;line-height:1.5}

/* NOTICE PILL */
.msi-notice-pill{background:var(--rose-l);border:1px solid #fecaca;border-radius:7px;padding:8px 12px;font-size:12px;color:#9f1239;line-height:1.5;margin:6px 0}

/* POLICY BOX */
.msi-policy{background:var(--s50);border:1.5px solid var(--s200);border-radius:10px;padding:14px 16px;font-size:12.5px;color:var(--s600);line-height:1.7;margin-bottom:12px}
.msi-policy h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--s500);margin-bottom:9px}
.msi-policy ul{padding-left:17px}
.msi-policy li{margin-bottom:4px}
.msi-policy li strong{color:var(--s800)}

/* T&C BOX */
.msi-tcbox{background:var(--s50);border:1px solid var(--s200);border-radius:8px;padding:11px 13px;font-size:12px;color:var(--s600);display:flex;gap:8px;align-items:flex-start;line-height:1.55;cursor:pointer}
.msi-tcbox input[type=checkbox]{width:15px;height:15px;flex-shrink:0;margin-top:2px;accent-color:var(--g)}

/* BUTTONS */
.msi-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;border:2px solid transparent;transition:all .17s;text-decoration:none;white-space:nowrap}
.msi-btn-p{background:var(--g);color:#fff}.msi-btn-p:hover:not(:disabled){background:var(--g-d);transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,107,69,.28)}
.msi-btn-phonepe{background:#5f259f;color:#fff}.msi-btn-phonepe:hover{background:#4a1a80;transform:translateY(-1px);box-shadow:0 4px 12px rgba(95,37,159,.28)}
.msi-btn-i{background:var(--indigo);color:#fff}.msi-btn-i:hover{background:#4338ca;transform:translateY(-1px)}
.msi-btn-o{border-color:var(--s300);color:var(--s600);background:#fff}.msi-btn-o:hover{border-color:var(--g);color:var(--g);background:var(--g-l)}
.msi-btn-gh{background:var(--s100);color:var(--s500);border-color:transparent}.msi-btn-gh:hover{background:var(--s200);color:var(--s700)}
.msi-btn-ok{background:#16a34a;color:#fff}
.msi-btn-full{width:100%}.msi-btn-sm{padding:7px 12px;font-size:12px;border-radius:7px}
.msi-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
.msi-btn-row{display:flex;gap:8px;flex-wrap:wrap}

/* PAYMENT BOX */
.msi-ppbox{background:linear-gradient(135deg,#f5f0ff,#fff);border:2px solid #c4b5fd;border-radius:13px;padding:22px;text-align:center}
.msi-pp-logo{font-size:2.5rem;margin-bottom:10px}
.msi-pp-amount{font-family:var(--font-d);font-size:1.9rem;font-weight:800;color:#5f259f;margin:8px 0}
.msi-pp-note{font-size:12.5px;color:var(--s500);margin-bottom:14px;line-height:1.6}
.msi-pp-steps{display:flex;gap:9px;margin-bottom:14px;justify-content:center;flex-wrap:wrap}
.msi-pp-step{background:#fff;border:1px solid #ddd6fe;border-radius:8px;padding:8px 13px;font-size:12px;color:#5b21b6;font-weight:500;min-width:90px;text-align:center}
.msi-sn{font-family:var(--font-d);font-size:1.1rem;font-weight:800;color:#5f259f;display:block}

/* BROWSE */
.msi-bbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:9px}
.msi-rctr{background:#fff;border:2px solid var(--g);border-radius:10px;padding:8px 14px;text-align:center;min-width:82px}
.msi-rctr-full{border-color:var(--rose);background:var(--rose-l)}
.msi-rnum{font-family:var(--font-d);font-size:1.3rem;font-weight:800;color:var(--g);line-height:1}
.msi-rctr-full .msi-rnum{color:var(--rose)}
.msi-rlbl{font-size:9.5px;color:var(--s400);display:block;margin-top:2px}
.msi-frow{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap}
.msi-frow select{padding:7px 11px;border:1.5px solid var(--s200);border-radius:7px;font-size:12.5px;background:#fff;color:var(--s600);cursor:pointer;outline:none;font-family:var(--font)}
.msi-frow select:focus{border-color:var(--g)}

/* MAID GRID */
.msi-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:15px}
.msi-mc{background:#fff;border-radius:var(--r);border:1.5px solid var(--s200);overflow:hidden;display:flex;flex-direction:column;transition:all .2s}
.msi-mc:hover{border-color:var(--g);box-shadow:var(--sh-lg);transform:translateY(-3px)}
.msi-mc.msi-feat{border-color:var(--amber)}
.msi-mimg{position:relative;height:174px;overflow:hidden;background:var(--s100)}
.msi-mimg img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.msi-mph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:2.6rem;font-weight:800;color:var(--g);background:var(--g-l)}
.msi-adot{position:absolute;bottom:9px;left:9px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}
.msi-dg{background:#22c55e}.msi-da{background:var(--amber)}.msi-ds{background:var(--s400)}
.msi-frib{position:absolute;top:10px;right:10px;background:var(--amber);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:100px}
.msi-rbadge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.6);color:#fff;font-size:9px;font-weight:600;padding:2px 8px;border-radius:100px;backdrop-filter:blur(4px)}
.msi-japa-badge{display:inline-flex;align-items:center;gap:4px;background:#fdf4ff;border:1px solid #ddd6fe;color:#7e22ce;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;margin-bottom:5px}
.msi-mbody{padding:13px;flex:1}
.msi-mname{font-family:var(--font-d);font-size:.9rem;font-weight:700;margin-bottom:4px}
.msi-mmeta{display:flex;gap:8px;font-size:11px;color:var(--s400);flex-wrap:wrap;margin-bottom:8px}
.msi-mtags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.msi-tag{padding:2px 8px;background:var(--g-l);color:var(--g);border-radius:100px;font-size:10.5px;font-weight:600}
.msi-mrows{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--s600)}
.msi-mr{display:flex;align-items:center;gap:5px}
.msi-mr span{width:13px;text-align:center;flex-shrink:0}
.msi-mbio{font-size:11px;color:var(--s400);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid var(--s100);line-height:1.5}
.msi-mfoot{padding:11px 13px;background:var(--s50);border-top:1px solid var(--s100)}
.msi-anote{font-size:10px;color:var(--s400);text-align:center;margin-top:5px}

/* MODAL */
.msi-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
.msi-mback{position:absolute;inset:0}
.msi-mbox{position:relative;background:#fff;border-radius:15px;padding:26px 22px;width:100%;max-width:470px;box-shadow:0 24px 64px rgba(0,0,0,.22);max-height:90vh;overflow-y:auto}
.msi-mclose{position:absolute;top:12px;right:12px;background:var(--s100);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;color:var(--s500);display:flex;align-items:center;justify-content:center}
.msi-mclose:hover{background:var(--s200)}
.msi-mico{font-size:2rem;text-align:center;margin-bottom:7px}

/* DASHBOARD */
.msi-dhdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:9px}
.msi-duser{display:flex;align-items:center;gap:12px}
.msi-ava{width:46px;height:46px;border-radius:50%;background:var(--g);color:#fff;font-family:var(--font-d);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.msi-strow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:20px}
.msi-stc{background:#fff;border:1.5px solid var(--s200);border-radius:10px;padding:14px;text-align:center}
.msi-stc.msi-sa{border-color:var(--g);background:var(--g-l)}
.msi-stc.msi-sco{border-color:#22c55e;background:#f0fdf4}
.msi-stc.msi-sp{border-color:#5f259f;background:#f5f0ff}
.msi-stn{font-family:var(--font-d);font-size:1.6rem;font-weight:800;color:var(--s700);line-height:1.1}
.msi-sa .msi-stn{color:var(--g)}.msi-sco .msi-stn{color:#16a34a}.msi-sp .msi-stn{color:#5f259f}
.msi-stl{font-size:11px;color:var(--s400);font-weight:500;margin-top:3px}
.msi-sec-title{font-family:var(--font-d);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:10px}
.msi-sec-title::before{content:'';width:3px;height:14px;background:var(--g);border-radius:2px}
.msi-rlist{display:flex;flex-direction:column;gap:10px}
.msi-ri{background:#fff;border:1.5px solid var(--s200);border-radius:10px;padding:13px 15px;display:flex;gap:11px;align-items:flex-start;transition:all .17s}
.msi-ri:hover{border-color:var(--g)}
.msi-ri-connected{border-color:#bbf7d0;background:#f0fdf4}
.msi-ri-processing{border-color:#bfdbfe;background:#eff6ff}
.msi-ri-rejected{border-color:#fecaca;background:#fef2f2;opacity:.85}
.msi-rph{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--s100)}
.msi-rph img{width:100%;height:100%;object-fit:cover}
.msi-rph2{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:.9rem;font-weight:800;color:var(--g);background:var(--g-l)}
.msi-rin{flex:1;min-width:0}
.msi-rin-name{font-weight:700;font-size:13.5px;margin-bottom:2px}
.msi-rbadge-sm{font-size:10px;background:var(--g-l);color:var(--g);border:1px solid #bbf7d0;padding:1px 7px;border-radius:100px;font-weight:600;margin-left:4px}
.msi-anote3{margin-top:6px;background:var(--amber-l);border:1px solid #fde68a;border-radius:6px;padding:5px 9px;font-size:11.5px;color:#78350f}
.msi-rsc{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.msi-spill{padding:3px 9px;border-radius:100px;font-size:10.5px;font-weight:700;white-space:nowrap;border:1px solid}
.msi-sp-pending{background:var(--amber-l);color:#92400e;border-color:#fde68a}
.msi-sp-processing{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.msi-sp-connected{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}
.msi-sp-closed{background:var(--s100);color:var(--s400);border-color:var(--s200)}
.msi-sp-rejected{background:var(--rose-l);color:var(--rose);border-color:#fecaca}

/* INVOICE */
.msi-inv-box{background:#fff;border:1px solid var(--s200);border-radius:10px;padding:20px}
.msi-inv-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid var(--g);flex-wrap:wrap;gap:8px}
.msi-inv-logo{font-family:var(--font-d);font-size:1.05rem;font-weight:800;color:var(--g)}
.msi-inv-table{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:12.5px}
.msi-inv-table th{background:var(--g-l);color:var(--g-d);padding:7px 10px;text-align:left;font-size:11px;font-weight:700}
.msi-inv-table td{padding:8px 10px;border-bottom:1px solid var(--s100)}
.msi-inv-table tfoot td{background:var(--g-l)}
.msi-inv-policy{font-size:11px;color:var(--s400);border-top:1px solid var(--s100);padding-top:10px;line-height:1.6}
.msi-inv-policy p{margin-bottom:4px}

/* MISC */
.msi-locked{text-align:center;padding:56px 28px;background:#fff;border-radius:var(--r);border:1px solid var(--s200)}
.msi-lock{font-size:2.8rem;margin-bottom:14px}
.msi-empty{text-align:center;padding:40px;color:var(--s400);font-size:13.5px;background:var(--s50);border-radius:var(--r)}
.msi-empty a{color:var(--g);font-weight:600}
.msi-avatar-big{width:64px;height:64px;border-radius:50%;background:var(--g);color:#fff;font-family:var(--font-d);font-size:1.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}

/* PRINT */
@media print{
  .msi-btn,.msi-btn-row,.topbar,nav{display:none!important}
  body{background:#fff!important}
  #msi-invoice-print{box-shadow:none!important;border:none!important}
}

@media(max-width:640px){
  .msi-g2,.msi-g3{grid-template-columns:1fr}
  .msi-mgrid{grid-template-columns:1fr}
  .msi-strow{grid-template-columns:1fr 1fr;gap:8px}
  .msi-ri{flex-direction:column}
  .msi-rsc{flex-direction:row;align-items:center}
  .msi-bbar{flex-direction:column}
}