*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,"Noto Sans Bengali",sans-serif;color:#fff}body{background:#06123d}.page{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 94% 65%,#4e0d7980,transparent 55%),radial-gradient(ellipse at 24% 72%,#003a8a85,transparent 60%),linear-gradient(110deg,#001943,#07133e 64%,#190c4d)}.skyline{position:absolute;z-index:-1;left:0;bottom:4%;width:62%;height:70%;background:url('neon_city_transparent.webp') left bottom/contain no-repeat;pointer-events:none}.waves{position:absolute;z-index:3;bottom:0;left:0;width:100%;height:12%;background:url('neon_waves.webp') center bottom/100% 100% no-repeat;pointer-events:none}.brand{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:flex-start;padding:clamp(26px,5vh,58px) 12px 110px}.brand-content{text-align:center;width:min(100%,470px);position:relative;z-index:1;text-shadow:0 2px 15px #04113c}.house-logo{display:block;width:clamp(125px,12vw,200px);height:clamp(65px,7vw,105px);margin:0 auto 7px;filter:drop-shadow(0 0 9px #d7f2ff88)}.brand h1{font-size:clamp(31px,3.1vw,53px);line-height:1.1;letter-spacing:-1.1px;font-weight:850;margin:0}.brand h1 span{color:#00e7f5}.glow-rule{height:2px;width:93%;margin:18px auto 15px;background:linear-gradient(90deg,transparent,#02e9ff,transparent);box-shadow:0 0 13px #00e7ff}.brand p{max-width:410px;margin:0 auto;font-size:clamp(17px,1.6vw,24px);line-height:1.35}.login-panel{position:relative;justify-self:center;width:min(91%,760px);padding:clamp(28px,3vh,40px) clamp(26px,3vw,48px) 32px;margin:30px 20px 90px;text-align:center;border:2px solid transparent;border-radius:clamp(30px,3.7vw,58px);background:linear-gradient(115deg,#092755b0,#1b154ca6) padding-box,linear-gradient(125deg,#00eaff,#5577ff 52%,#f03dff) border-box;box-shadow:0 0 22px #00caff80,0 0 32px #d72fff75,inset 0 0 45px #243d7c55;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}.lang{position:absolute;right:clamp(16px,2vw,30px);top:20px;display:flex;gap:6px}.lang button{font-size:14px;padding:6px 14px;border:1px solid #6884d2;border-radius:10px;background:#141d52ad;color:white;cursor:pointer}.lang button.active{background:#1964e9}.shield{width:54px;height:62px;color:#00f0ff;filter:drop-shadow(0 0 9px #00eaff);display:block;margin:0 auto 8px}.login-panel h2{font-size:clamp(29px,2.5vw,40px);margin:0 0 3px;line-height:1.2}.sub{font-size:clamp(15px,1.2vw,19px);margin:0 0 22px;color:#dfe7ff}.login-panel form{text-align:left}.field{height:57px;display:flex;align-items:center;margin:0 0 15px;border:1px solid #7899e4;border-radius:14px;background:linear-gradient(90deg,#23487866,#36336d70);box-shadow:inset 0 0 18px #577ad822;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:#00eaff;box-shadow:0 0 0 3px #00dfff2e,inset 0 0 15px #477fff2e}.field>svg{width:28px;height:28px;margin:0 14px 0 19px;flex-shrink:0;stroke:#edf5ff;stroke-width:1.8;fill:none}.field input{height:100%;min-width:0;width:100%;padding:0 14px;border:0;border-left:1px solid #7997c7;background:transparent;color:#fff;font:600 19px system-ui,"Noto Sans Bengali",sans-serif;outline:0}.field input::placeholder{color:#e4edff;opacity:1}.field #show-pass{border:0;background:none;padding:10px 15px;color:white;cursor:pointer}.field #show-pass svg{height:26px;width:26px;stroke:currentColor;fill:none;stroke-width:1.8}.form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 20px;font-size:16px}.remember{display:flex;align-items:center;gap:11px;cursor:pointer;font-weight:600}.remember input{appearance:none;width:24px;height:24px;border:2px solid #9cb5ff;border-radius:5px;background:#14295c88;margin:0;cursor:pointer}.remember input:checked{background:#2365f0;border-color:#00eaff}.remember input:checked:after{content:'✓';display:block;text-align:center;line-height:20px}.form-options a{color:#10eaff;text-decoration:underline;font-weight:750}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:59px;border:1px solid #f06aff;border-radius:36px;background:linear-gradient(100deg,#d11bf4,#5317fa);box-shadow:0 0 20px #a622fa55;color:white;font-size:25px;font-weight:800;cursor:pointer}.primary svg{width:30px;height:30px;stroke:currentColor;stroke-width:2.4;fill:none}.or{display:flex;align-items:center;gap:14px;margin:19px 0 12px;color:#eef3ff}.or:before,.or:after{content:"";height:1px;flex:1;background:#6d8bbf}.or span{padding:4px 11px;border-radius:30px;background:#233d7b70}.register{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:750;color:#f5f7ff;text-decoration:underline}.register svg{height:26px;width:26px;stroke:white;stroke-width:1.9;fill:none}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:21px}.features>div{min-width:0;border:1px solid #4c86e6;border-radius:21px;padding:14px 5px 12px;background:linear-gradient(135deg,#173c78a8,#31246d7a);box-shadow:inset 0 0 18px #0e57a82b}.features svg{display:block;margin:auto;height:42px;width:42px;stroke:#00f1ff;stroke-width:1.7;fill:none}.features>div:nth-child(2) svg{stroke:#e542ff}.features>div:nth-child(3) svg{stroke:#ffda3e}.features>div:nth-child(4) svg{stroke:#03efc9}.features small{display:block;font-size:13px;font-weight:750;line-height:1.2;margin-top:9px}.notice{padding:9px 12px;margin:0 0 15px;text-align:left;border-radius:10px;border:1px solid #739bd4;background:#284a7799}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.simple-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 30% 20%,#174281,#090d2d 70%)}.simple-wrap .login-panel{margin:15px auto;max-width:610px}.simple-wrap .login-panel label:not(.sr-only){display:block;margin:10px 0 5px}.simple-wrap .login-panel input:not([type=checkbox]){width:100%;height:49px;border:1px solid #7793ce;border-radius:10px;background:#1b315c;color:white;padding:0 13px}.back{margin-top:18px}.back a{color:#0eeaff}
@media(min-width:900px) and (max-height:820px){.brand{padding-top:24px}.house-logo{height:65px;width:125px}.brand h1{font-size:clamp(30px,2.7vw,45px)}.brand p{font-size:18px}.login-panel{padding:21px 32px 20px;margin-bottom:56px}.shield{height:42px;width:38px}.login-panel h2{font-size:30px}.sub{margin-bottom:12px;font-size:15px}.field{height:47px;margin-bottom:10px}.field input{font-size:16px}.form-options{margin-bottom:11px;font-size:14px}.primary{height:49px;font-size:20px}.or{margin:10px 0 8px}.features{margin-top:11px}.features>div{padding:8px 4px}.features svg{height:29px;width:29px}.features small{font-size:11px;margin-top:4px}}
@media(max-width:899px){.page{display:flex;flex-direction:column}.brand{align-self:stretch;padding:24px 12px 10px;min-height:230px}.house-logo{height:56px;width:115px}.brand h1{font-size:29px}.brand h1 br{display:none}.brand p{font-size:15px}.glow-rule{margin:9px auto}.skyline{width:100%;height:75%;opacity:.6;background-size:cover}.login-panel{margin:14px auto 75px;width:min(94%,680px);padding:50px 20px 23px}.waves{height:8%}.features{gap:7px}.features small{font-size:11px}}
@media(max-width:480px){.login-panel{border-radius:25px}.field{height:50px}.field input{font-size:16px}.form-options{font-size:12px}.primary{height:51px;font-size:20px}.features>div{padding:8px 3px}.features svg{height:25px;width:25px}.features small{font-size:9px}.register{font-size:14px}}

/* 2026-11-02: compact glass card and seamless city artwork */
@media (min-width:900px){
 .page{grid-template-columns:45% 55%;min-height:100svh}
 .skyline{width:57%;height:76%;bottom:4%;background-position:left bottom;background-size:contain;opacity:.95;
   -webkit-mask-image:linear-gradient(to right,#000 0%,#000 67%,transparent 100%),linear-gradient(to top,#000 0%,#000 67%,transparent 100%);
   mask-image:linear-gradient(to right,#000 0%,#000 67%,transparent 100%);
   -webkit-mask-composite:source-in;mask-composite:intersect}
 .brand{padding-top:clamp(22px,3.8vh,40px);padding-bottom:70px}
 .brand-content{max-width:430px}
 .house-logo{width:clamp(112px,10vw,160px);height:clamp(60px,6vw,86px)}
 .brand h1{font-size:clamp(31px,2.85vw,47px)}
 .brand p{font-size:clamp(16px,1.35vw,21px)}
 .glow-rule{margin:12px auto 12px}
 .login-panel{width:min(84%,650px);margin:12px 12px 62px;padding:22px 30px 23px;border-radius:38px;
   background:linear-gradient(115deg,rgba(10,38,85,.62),rgba(31,19,77,.54)) padding-box,
   linear-gradient(120deg,#00eaff,#5577ff 52%,#f03dff) border-box;
   box-shadow:0 0 18px #00caff55,0 0 26px #d72fff55,inset 0 0 25px #243d7c33;
   backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .shield{height:45px;width:43px;margin-bottom:4px}
 .login-panel h2{font-size:clamp(27px,2.1vw,35px)}
 .sub{font-size:15px;margin-bottom:15px}
 .field{height:49px;margin-bottom:11px;background:linear-gradient(90deg,rgba(35,72,120,.32),rgba(54,51,109,.32))}
 .field input{font-size:17px}
 .form-options{margin:0 0 13px;font-size:14px}
 .remember input{width:20px;height:20px}
 .primary{height:51px;font-size:21px}
 .or{margin:11px 0 9px}
 .register{font-size:16px}
 .features{margin-top:14px;gap:10px}
 .features>div{padding:9px 4px 8px;border-radius:16px;background:linear-gradient(135deg,rgba(23,60,120,.45),rgba(49,36,109,.38))}
 .features svg{width:32px;height:32px}
 .features small{font-size:11px;margin-top:6px}
 .lang{top:14px;right:18px}
}
@media (min-width:900px) and (max-height:760px){
 .login-panel{padding:15px 25px 16px;margin-bottom:42px}
 .shield{height:35px;width:35px}.sub{margin-bottom:9px}
 .field{height:43px;margin-bottom:8px}.form-options{margin-bottom:9px}
 .primary{height:45px}.or{margin:8px 0 6px}
 .features{margin-top:9px}.features>div{padding:6px 3px}
 .features svg{width:27px;height:27px}.features small{font-size:10px}
}

/* Narrower login card: desktop only; preserve responsive mobile layout. */
@media (min-width: 900px) {
  .page .login-panel {
    width: min(79%, 590px);
    max-width: 590px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* 2026-11-02: deep-neon contrast restoration; preserve narrow card sizing */
.page {
  background:radial-gradient(ellipse at 96% 65%,rgba(53,8,115,.55),transparent 51%),radial-gradient(ellipse at 19% 69%,rgba(0,36,113,.55),transparent 58%),linear-gradient(110deg,#00102f 0%,#030b2a 62%,#12072f 100%);
}
.skyline {filter:saturate(1.24) contrast(1.17) brightness(1.10)}
.brand-content {text-shadow:0 3px 12px rgba(0,4,20,.85)}
.brand h1 span {color:#00edff;text-shadow:0 0 12px rgba(0,231,255,.25)}
.login-panel {
  background:linear-gradient(115deg,rgba(2,16,51,.91),rgba(17,8,57,.88)) padding-box,linear-gradient(120deg,#00f5ff 0%,#4b70ff 48%,#fa30ff 100%) border-box;
  box-shadow:0 0 13px rgba(0,231,255,.68),0 0 29px rgba(0,169,255,.38),0 0 32px rgba(215,27,255,.53),inset 0 0 34px rgba(21,56,116,.35);
  backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);
}
.field {background:linear-gradient(100deg,rgba(11,37,83,.80),rgba(33,25,86,.80));border-color:#648ee2;box-shadow:inset 0 0 13px rgba(40,98,207,.22),0 0 9px rgba(34,98,203,.15)}
.field:focus-within {border-color:#00efff;box-shadow:0 0 0 2px rgba(0,230,255,.24),0 0 16px rgba(0,210,255,.26)}
.features>div {background:linear-gradient(135deg,rgba(6,32,77,.86),rgba(30,17,84,.82));border-color:#4379d9;box-shadow:inset 0 0 17px rgba(15,72,160,.28),0 0 9px rgba(12,67,175,.12)}
.primary {background:linear-gradient(100deg,#e20ff5 0%,#9213f5 48%,#4c12f9 100%);box-shadow:0 0 17px rgba(185,26,255,.52)}
.shield {filter:drop-shadow(0 0 12px rgba(0,239,255,.72))}
@media (min-width:900px) {
  .page .login-panel {
    width:min(79%,590px);max-width:590px;
    background:linear-gradient(115deg,rgba(2,16,51,.91),rgba(17,8,57,.88)) padding-box,linear-gradient(120deg,#00f5ff 0%,#4b70ff 48%,#fa30ff 100%) border-box;
    box-shadow:0 0 13px rgba(0,231,255,.68),0 0 29px rgba(0,169,255,.38),0 0 32px rgba(215,27,255,.53),inset 0 0 34px rgba(21,56,116,.35);
    backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);
  }
  .page .field {background:linear-gradient(100deg,rgba(11,37,83,.80),rgba(33,25,86,.80))}
  .page .features>div {background:linear-gradient(135deg,rgba(6,32,77,.86),rgba(30,17,84,.82))}
  .page .skyline {opacity:1}
}

/* Seamless night-sky / skyline composition — 2026-11-02.
   CSS-only: keep the 590px login card, forms and assets unchanged. */
.page {
  background:
    radial-gradient(ellipse 32% 36% at 17% 43%, rgba(0,118,255,.22) 0%, transparent 78%),
    radial-gradient(ellipse 31% 35% at 38% 59%, rgba(54,37,221,.23) 0%, transparent 79%),
    radial-gradient(ellipse 42% 55% at 77% 37%, rgba(15,68,176,.24) 0%, transparent 76%),
    radial-gradient(ellipse 29% 55% at 99% 54%, rgba(135,19,191,.26) 0%, transparent 76%),
    linear-gradient(108deg,#001b49 0%,#041438 38%,#080e36 68%,#1c0a48 100%);
}
/* The old asset has a hard crop at the roof. A gentle top fade and
   atmospheric lighting hide the edge without washing out the buildings. */
.page .skyline {
  filter:saturate(1.19) contrast(1.12) brightness(1.08) drop-shadow(0 -10px 28px rgba(0,173,255,.26));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 7%,#000 23%,#000 89%,rgba(0,0,0,.92) 100%),linear-gradient(to right,#000 0%,#000 67%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 7%,#000 23%,#000 89%,rgba(0,0,0,.92) 100%),linear-gradient(to right,#000 0%,#000 67%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
/* Sky illumination and reflected roof glow blend behind both columns. */
.page::before {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 17% 19% at 18% 39%,rgba(0,232,255,.16),transparent 83%),
    radial-gradient(ellipse 21% 19% at 33% 42%,rgba(149,34,255,.16),transparent 84%),
    radial-gradient(ellipse 24% 35% at 58% 45%,rgba(0,152,255,.11),transparent 85%),
    radial-gradient(ellipse 30% 45% at 92% 51%,rgba(181,37,255,.16),transparent 85%);
}
.page .login-panel {
  background:linear-gradient(115deg,rgba(3,22,62,.83),rgba(25,11,66,.83)) padding-box,
             linear-gradient(120deg,#00f5ff 0%,#5476ff 48%,#f733ff 100%) border-box;
  box-shadow:-11px 0 28px -17px rgba(0,232,255,.82),
              13px 0 30px -16px rgba(229,47,255,.83),
              0 0 18px rgba(0,189,255,.27),
              inset 0 0 32px rgba(36,73,158,.28);
}
@media (max-width:899px){
  .page .skyline{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 90%,transparent),linear-gradient(to right,#000 0%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 90%,transparent),linear-gradient(to right,#000 0%,#000 70%,transparent)}
}

/* Clean, single-layer city scene: no duplicate building cutout or right-side light slab. */
.page{background:#06143c url('neon_clean_scene.webp') center center / 100% 100% no-repeat !important;}
.page::before{display:none !important;}
.page .skyline{display:none !important;}
.page .waves{background-image:url('neon_waves.webp');height:12%;bottom:0;opacity:1;}
.page .login-panel{background:linear-gradient(115deg,rgba(4,22,59,.86),rgba(26,12,70,.87)) padding-box,linear-gradient(115deg,#00f5ff 0%,#5476ff 52%,#f733ff 100%) border-box !important;box-shadow:-6px 0 20px -10px rgba(0,232,255,.85),7px 0 22px -9px rgba(229,47,255,.85),inset 0 0 30px rgba(36,73,158,.22) !important;}
@media(max-width:899px){.page{background-size:auto 100% !important;background-position:34% center !important;}.page .login-panel{margin-top:20px;}}


/* 2026-11-03: Keep login credentials dark in Chrome autofill, focus and typed states.
   Shared by Admin, Super Admin and Tenant login templates. */
.field > input:not([type="checkbox"]),
.field > input:not([type="checkbox"]):hover,
.field > input:not([type="checkbox"]):focus,
.field > input:not([type="checkbox"]):active {
  background-color: transparent !important;
  background-image: none !important;
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
  caret-color: #00eaff !important;
  color-scheme: dark;
  box-shadow: none !important;
  outline: none;
}
.field > input:-webkit-autofill,
.field > input:-webkit-autofill:hover,
.field > input:-webkit-autofill:focus,
.field > input:-webkit-autofill:active,
.field > input:autofill {
  -webkit-box-shadow: 0 0 0 1000px #182b5c inset !important;
  box-shadow: 0 0 0 1000px #182b5c inset !important;
  -webkit-text-fill-color: #f7fbff !important;
  caret-color: #00eaff !important;
  border-radius: 0;
  transition: background-color 9999s ease-out 0s;
}
.field > input::placeholder { color: #e4edff !important; opacity: 1; }