@font-face{font-family:'PJS';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/pjs-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'PJS';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/pjs-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'PJS';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/pjs-latin-ext-800.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'PJS';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/pjs-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/inter-latin-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/inter-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'NSB';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/nsb-bengali-400.woff2') format('woff2');unicode-range:U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11DF0-11DF1;}
@font-face{font-family:'NSB';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/nsb-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'NSB';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/nsb-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Tripzyan login screen — same palette and fonts as the invoice itself */
:root{
  --navy:#0f1e3d;
  --navy-2:#22345c;
  --red:#e8262b;
  --ink:#182135;
  --muted:#8d99ae;
  --line:#dde3ec;
  --sans:'Inter','NSB',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --display:'PJS','Inter','NSB',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
.login-body{
  font-family:var(--sans);color:var(--ink);
  background:
    radial-gradient(900px 500px at 15% 0%,rgba(37,99,235,.28) 0,rgba(37,99,235,0) 60%),
    radial-gradient(900px 500px at 100% 100%,rgba(232,38,43,.24) 0,rgba(232,38,43,0) 55%),
    linear-gradient(150deg,#0b1730 0%,#16264a 55%,#0f1e3d 100%);
  display:flex;align-items:center;justify-content:center;padding:26px 16px;
}
.ic{width:1.05em;height:1.05em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.login-wrap{width:100%;max-width:408px}
.login-card{
  position:relative;background:#fff;border-radius:20px;padding:34px 30px 24px;overflow:hidden;
  box-shadow:0 30px 70px rgba(4,10,24,.45);
  text-align:center;
}
.login-accent{
  position:absolute;inset:0 0 auto 0;height:7px;
  background:linear-gradient(90deg,var(--navy) 0%,var(--navy-2) 45%,var(--red) 100%);
}
.login-logo{width:190px;max-width:70%;height:auto;display:block;margin:2px auto 14px}
.login-card h1{
  margin:0;font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:.4px;color:var(--navy);
}
.login-sub{margin:4px 0 20px;color:var(--muted);font-size:13.5px}

.login-error{
  margin:0 0 16px;padding:10px 12px;border-radius:11px;font-size:13.5px;
  background:#fff3f3;border:1px solid #f7c9cb;color:#a1171c;text-align:left;
}

.lf{display:block;text-align:left;margin-bottom:14px}
.lf>span:first-child{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;font-weight:500}
.lf-in{
  display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;
  padding:0 12px;background:#fbfcff;transition:.15s;
}
.lf-in:focus-within{border-color:var(--navy-2);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.lf-in .ic{color:var(--navy-2)}
.lf-in input{
  flex:1;min-width:0;border:0;background:transparent;outline:none;padding:12px 0;font:inherit;color:var(--ink);
}
.reveal{
  border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;
  border-radius:8px;
}
.reveal:hover{color:var(--navy);background:#f1f5fb}

.login-btn{
  width:100%;margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 18px;border:0;border-radius:12px;cursor:pointer;
  font-family:var(--display);font-size:15.5px;font-weight:700;color:#fff;
  background:linear-gradient(180deg,#e8262b,#c81f24);
  box-shadow:0 10px 24px rgba(232,38,43,.30);transition:.15s;
}
.login-btn:hover{background:linear-gradient(180deg,#f03236,#d02126);box-shadow:0 12px 28px rgba(232,38,43,.38)}
.login-btn:active{transform:translateY(1px)}

.login-note{
  margin:18px 0 0;padding:10px 12px;border-radius:11px;font-size:12.5px;line-height:1.55;
  background:#f4f8fd;border:1px dashed var(--line);color:var(--navy-2);
}
.login-note b{color:var(--navy)}
.login-foot{margin:14px 0 0;font-size:11.5px;color:var(--muted)}

@media (max-width:420px){
  .login-card{padding:28px 20px 20px;border-radius:18px}
  .login-logo{width:165px}
  .login-card h1{font-size:20px}
}