:root{
  --ebs-green:#78b62f;
  --ebs-navy:#12313e;
}

html, body.ebs-admin-login-body{
  margin:0;
  padding:0;
  height:100%;
  background:#ffffff;
  font-family:'Poppins', Arial, sans-serif;
  overflow:hidden;
}

.ebs-login-wrap{
  height:100vh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  overflow:hidden;
}

.ebs-login-card{
  width:100%;
  max-width:450px;
  max-height:85vh;
  overflow-y:auto;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,0.08);
  padding:50px 30px;
  box-sizing:border-box;
}

.ebs-login-logo{
  display:block;
  margin:0 auto 28px;
  max-width:150px;
  height:auto;
}

#ebs-login-form label{
  display:block;
  font-weight:600;
  font-size:14px;
  color:#334155;
  margin-bottom:8px;
}

#ebs-login-form input[type="text"],
#ebs-login-form input[type="password"]{
  width:100%;
  box-sizing:border-box;
  padding:8px 12px;
  margin-bottom:18px;
  border:1px solid #d7dbe0;
  border-radius:10px;
  background:#f7f8fa;
  font-size:15px;
  color:#1f2937;
  outline:none;
}

#ebs-login-form input:focus{
  border-color:var(--ebs-green);
  background:#fff;
}

.ebs-password-wrap{
  position:relative;
}
.ebs-password-wrap input{
  padding-right:46px !important;
}
#ebs-toggle-pass{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  margin-top:-11px;
  background:none;
  border:none;
  cursor:pointer;
  color:var(--ebs-navy);
  font-size:16px;
  padding:0;
}

.ebs-login-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  background:#0c232c !important;
  color:#fff !important;
  border:none !important;
  border-radius:6px !important;
  padding:10px !important;
  font-size:16px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  margin-top:12px !important;
  text-align:center !important;
  box-shadow:none !important;
  transition:background .15s ease, color .15s ease !important;
}
.ebs-login-btn:hover,
.ebs-login-btn:focus,
.ebs-login-btn:active{
  background:#85c441 !important;
  color:#fff !important;
}
.ebs-login-btn:disabled{ opacity:.6; cursor:default; }

.ebs-login-error{
  background:#fdecec;
  color:#c0392b;
  border:1px solid #f5c2c0;
  padding:10px 14px;
  border-radius:8px;
  font-size:13px;
  margin-bottom:16px;
}

@media (max-width:600px){
  .ebs-login-wrap{
   padding: 20px;   
  }
  .ebs-login-card{
    padding:30px 20px;
    border-radius:16px;
    box-shadow:0 10px 40px rgba(0, 0, 0, 0.08);
    max-width:100%;
    height:75vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
}
