/* HIBA CREATIVE v91 - Corporate auth pages + soft client panel palette */
:root{
  --hiba-navy:#081729;
  --hiba-navy-2:#0d2036;
  --hiba-ink:#101828;
  --hiba-muted:#667085;
  --hiba-line:#e5edf6;
  --hiba-soft:#f5f8fc;
  --hiba-card:#ffffff;
  --hiba-orange:#ff6b18;
  --hiba-orange-2:#ff8a3d;
  --hiba-orange-soft:#fff1e8;
  --hiba-green:#16a34a;
  --hiba-shadow:0 18px 55px rgba(8,23,41,.10);
}

/* SIGN IN / SIGN UP ------------------------------------------------------ */
body#uyeolgirisbody{
  min-height:100vh !important;
  background:linear-gradient(135deg,#f6f9fd 0%,#fff 48%,#fff3ea 100%) !important;
  color:var(--hiba-ink) !important;
  overflow-x:hidden !important;
}
body#uyeolgirisbody *{box-sizing:border-box;}
body#uyeolgirisbody #uyeolgiris{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  min-height:100vh !important;
  height:auto !important;
  overflow:auto !important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,107,24,.10),transparent 34%),
    radial-gradient(circle at 90% 18%,rgba(8,23,41,.09),transparent 30%),
    linear-gradient(135deg,#f6f9fd 0%,#fff 54%,#fff3ea 100%) !important;
  padding:42px 18px !important;
}
body#uyeolgirisbody #new-signin-signup,
body#uyeolgirisbody .uyeolgirisyapx,
body#uyeolgirisbody .uyeolgirisyap{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  border-radius:0 !important;
  float:none !important;
  display:block !important;
}
body#uyeolgirisbody .uyeolgirisyapx{
  min-height:calc(100vh - 84px) !important;
  display:grid !important;
  grid-template-columns:minmax(320px,1fr) minmax(380px,520px) !important;
  gap:30px !important;
  align-items:stretch !important;
}
body#uyeolgirisbody .uyeolgirisyap:not(.uyeolgirisyapx){
  max-width:520px !important;
  padding-top:20px !important;
}
body#uyeolgirisbody .uyeolgirisslogan,
body#uyeolgirisbody .uyeol{
  position:relative !important;
  inset:auto !important;
  float:none !important;
  width:100% !important;
  min-height:auto !important;
  border:1px solid var(--hiba-line) !important;
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:var(--hiba-shadow) !important;
}
body#uyeolgirisbody .uyeolgirisslogan{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:620px !important;
  background:
    linear-gradient(135deg,rgba(8,23,41,.94),rgba(12,34,56,.90)),
    url('../images/signinsignupbg2020.jpg') center/cover no-repeat !important;
  color:#fff !important;
}
body#uyeolgirisbody .uyeolgirisslogan:before{
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  pointer-events:none;
}
body#uyeolgirisbody .uyeolgirisslogan-con{
  width:100% !important;
  max-width:520px !important;
  margin:0 !important;
  padding:46px !important;
  position:relative;
  z-index:1;
}
body#uyeolgirisbody .uyeolgirisslogan .logo,
body#uyeolgirisbody .uyeolgirishead .logo,
body#uyeolgirisbody .logo{
  margin:0 0 28px 0 !important;
  float:none !important;
  text-align:left !important;
}
body#uyeolgirisbody .uyeolgirisslogan .logo img,
body#uyeolgirisbody .uyeolgirishead .logo img,
body#uyeolgirisbody .logo img{
  width:auto !important;
  max-width:240px !important;
  height:auto !important;
  display:inline-block !important;
}
body#uyeolgirisbody .uyeolgirisslogan h4{
  width:100% !important;
  margin:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:20px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
}
body#uyeolgirisbody .uyeolgirisslogan h4:before{
  content:"HİBA CREATIVE Müşteri Alanı";
  display:block;
  color:#fff;
  font-size:36px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:18px;
}
body#uyeolgirisbody .uyeolgirisslogan .gonderbtn{
  height:auto !important;
  min-width:190px !important;
  padding:15px 22px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  font-weight:800 !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
}
body#uyeolgirisbody .uyeol,
body#uyeolgirisbody .signupcon{
  background:rgba(255,255,255,.94) !important;
  color:var(--hiba-ink) !important;
}
body#uyeolgirisbody .uyeol{
  min-height:620px !important;
  display:flex !important;
  align-items:center !important;
}
body#uyeolgirisbody .signupcon{
  width:100% !important;
  padding:46px !important;
  border-radius:30px !important;
}
body#uyeolgirisbody .padding30{padding:0 !important;}
body#uyeolgirisbody .signinsignup-title,
body#uyeolgirisbody .clientloginheadinfo,
body#uyeolgirisbody .clean-theme-signup-box-title{
  color:var(--hiba-ink) !important;
  letter-spacing:-.03em;
}
body#uyeolgirisbody .signinsignup-title{
  font-size:34px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  margin:0 0 10px !important;
}
body#uyeolgirisbody .clientloginheadinfo{
  font-size:16px !important;
  color:var(--hiba-muted) !important;
  margin-bottom:26px !important;
}
body#uyeolgirisbody #Signin_Form,
body#uyeolgirisbody #Signforget_Form,
body#uyeolgirisbody #Signup_Form{
  width:100% !important;
  max-width:none !important;
  margin:24px auto 0 !important;
}
body#uyeolgirisbody #Signin_Form input,
body#uyeolgirisbody #Signforget_Form input,
body#uyeolgirisbody #Signup_Form input,
body#uyeolgirisbody #Signup_Form select,
body#uyeolgirisbody #Signup_Form textarea,
body#uyeolgirisbody #uyeolgiris input,
body#uyeolgirisbody #uyeolgiris select,
body#uyeolgirisbody #uyeolgiris textarea{
  width:100% !important;
  min-height:54px !important;
  padding:0 18px !important;
  border:1px solid var(--hiba-line) !important;
  border-radius:14px !important;
  background:#f8fafc !important;
  color:var(--hiba-ink) !important;
  box-shadow:none !important;
  font-size:15px !important;
  outline:none !important;
}
body#uyeolgirisbody #uyeolgiris textarea{padding:16px 18px !important; min-height:120px !important;}
body#uyeolgirisbody #uyeolgiris input:focus,
body#uyeolgirisbody #uyeolgiris select:focus,
body#uyeolgirisbody #uyeolgiris textarea:focus{
  border-color:rgba(255,107,24,.50) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(255,107,24,.10) !important;
}
body#uyeolgirisbody ::placeholder{color:#98a2b3 !important; opacity:1 !important;}
body#uyeolgirisbody .yuzde50,
body#uyeolgirisbody .clean-theme-signup-box .yuzde50,
body#uyeolgirisbody .yuzde70,
body#uyeolgirisbody .yuzde100{
  box-sizing:border-box !important;
}
body#uyeolgirisbody .clean-theme-signup-box{
  background:#fff !important;
  border:1px solid var(--hiba-line) !important;
  border-radius:20px !important;
  padding:22px !important;
  margin-bottom:18px !important;
  box-shadow:0 10px 30px rgba(8,23,41,.04) !important;
}
body#uyeolgirisbody .clean-theme-signup-box .yuzde50{
  width:calc(50% - 8px) !important;
  margin-right:16px !important;
}
body#uyeolgirisbody .clean-theme-signup-box .yuzde50:nth-of-type(even){margin-right:0 !important;}
body#uyeolgirisbody .signup-stages-block{
  width:54px !important;
  height:54px !important;
  line-height:54px !important;
  margin:0 10px !important;
  background:#eef3f8 !important;
  color:#667085 !important;
  font-size:20px !important;
  font-weight:900 !important;
}
body#uyeolgirisbody .signup-stages-block.active{
  background:linear-gradient(135deg,var(--hiba-orange),var(--hiba-orange-2)) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(255,107,24,.25) !important;
}
body#uyeolgirisbody .signup-stage-line{
  height:6px !important;
  background:#eef3f8 !important;
}
body#uyeolgirisbody .signin-signup-foot-btn button,
body#uyeolgirisbody .gonderbtn,
body#uyeolgirisbody .yesilbtn,
body#uyeolgirisbody .mio-ajax-submit,
body#uyeolgirisbody button[type="submit"]{
  min-height:52px !important;
  padding:14px 24px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--hiba-orange),var(--hiba-orange-2)) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 14px 28px rgba(255,107,24,.25) !important;
}
body#uyeolgirisbody .createnewaccountlink,
body#uyeolgirisbody .sifreunuttulink,
body#uyeolgirisbody .checktext a{
  color:var(--hiba-orange) !important;
}
body#uyeolgirisbody .socialconnect{
  width:100% !important;
  border:0 !important;
  margin:12px 0 18px !important;
}
body#uyeolgirisbody .clientcopyright,
body#uyeolgirisbody .clientcopyright a{color:#667085 !important;}
body#uyeolgirisbody .verificationcontent{
  background:#fff !important;
  color:var(--hiba-ink) !important;
  border-radius:24px !important;
}

/* CLIENT AREA ------------------------------------------------------------ */
body:has(.leftbar),
body:has(.rightcon),
body:has(.clientarealayout){
  background:#f4f7fb !important;
}
.leftbar{
  background:linear-gradient(180deg,var(--hiba-navy),var(--hiba-navy-2)) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:12px 0 35px rgba(8,23,41,.10) !important;
}
.leftbar .companylogo{
  padding:26px 22px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.leftbar .companylogo img{max-width:190px !important; height:auto !important;}
.leftbar .wclientwelcome{color:rgba(255,255,255,.72) !important;}
.modernclientmenu ul,
#clientAreaMenus-1{padding:14px 12px !important;}
.modernclientmenu ul li a,
#clientAreaMenus-1 li a{
  color:rgba(255,255,255,.78) !important;
  border-radius:14px !important;
  margin:4px 0 !important;
  transition:.18s ease !important;
}
.modernclientmenu ul li a:hover,
#clientAreaMenus-1 li a:hover,
.modernclientmenu ul li a#active,
#clientAreaMenus-1 li a#active{
  color:#fff !important;
  background:rgba(255,107,24,.16) !important;
  box-shadow:inset 3px 0 0 var(--hiba-orange) !important;
}
#clientAreaMenus-1 li ul.inner{
  background:rgba(255,255,255,.04) !important;
  border-radius:14px !important;
  margin:5px 0 8px !important;
  padding:8px !important;
}
.rightcon,
.accountcontent,
#accontent,
.clientcontent,
.dashboard-content{
  background:#f4f7fb !important;
}
.rightconhead,
.ac-header,
.topbar,
.paneltopbar{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid var(--hiba-line) !important;
  box-shadow:0 8px 28px rgba(8,23,41,.05) !important;
}
.wclientwelcome{color:var(--hiba-ink) !important; font-weight:800 !important;}
.headbutonlar a,
#dashboard_button_open,
#dashboard_button_close,
#sepeticon{
  background:#fff !important;
  color:var(--hiba-ink) !important;
  border:1px solid var(--hiba-line) !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(8,23,41,.06) !important;
}
.headbutonlar a:hover,
#dashboard_button_open:hover,
#dashboard_button_close:hover,
#sepeticon:hover{
  color:var(--hiba-orange) !important;
  border-color:rgba(255,107,24,.25) !important;
}
.basket-count,
#notification_bubble_count,
.notifications_count{
  background:var(--hiba-orange) !important;
  color:#fff !important;
}
.acwbox,
.dashboardbox,
.clientarea-box,
.clientbox,
.product-box,
.invoicebox,
.ticketbox,
.accountbox,
.msupportbox,
.tablecon,
.wclientbox,
.whitebox{
  background:#fff !important;
  border:1px solid var(--hiba-line) !important;
  border-radius:22px !important;
  box-shadow:0 14px 42px rgba(8,23,41,.06) !important;
  color:var(--hiba-ink) !important;
}
.acwbox h1,.acwbox h2,.acwbox h3,
.dashboardbox h1,.dashboardbox h2,.dashboardbox h3,
.clientarea-box h1,.clientarea-box h2,.clientarea-box h3,
.wclientbox h1,.wclientbox h2,.wclientbox h3{
  color:var(--hiba-ink) !important;
}
.rightcon input,
.rightcon select,
.rightcon textarea,
.accountcontent input,
.accountcontent select,
.accountcontent textarea{
  border:1px solid var(--hiba-line) !important;
  background:#fff !important;
  color:var(--hiba-ink) !important;
  border-radius:12px !important;
}
.rightcon input:focus,
.rightcon select:focus,
.rightcon textarea:focus{
  border-color:rgba(255,107,24,.45) !important;
  box-shadow:0 0 0 4px rgba(255,107,24,.09) !important;
}
.gonderbtn,
.yesilbtn,
.sari-btn,
.orangebtn,
.rightcon button,
.accountcontent button,
.rightcon .btn,
.accountcontent .btn{
  border-radius:13px !important;
}
.rightcon .gonderbtn,
.accountcontent .gonderbtn,
.rightcon .yesilbtn,
.accountcontent .yesilbtn{
  background:linear-gradient(135deg,var(--hiba-orange),var(--hiba-orange-2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 10px 22px rgba(255,107,24,.20) !important;
}
.rightcon table,
.accountcontent table{
  background:#fff !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border-color:var(--hiba-line) !important;
}
.rightcon table th,
.accountcontent table th{
  background:#f8fafc !important;
  color:var(--hiba-ink) !important;
}
.rightcon table td,
.accountcontent table td{
  border-color:#edf2f7 !important;
  color:#344054 !important;
}
.status-active,.green,.yesil{color:var(--hiba-green) !important;}
.status-pending,.orange,.turuncu{color:var(--hiba-orange) !important;}

@media (max-width:1024px){
  body#uyeolgirisbody #uyeolgiris{padding:20px 14px !important;}
  body#uyeolgirisbody .uyeolgirisyapx{
    grid-template-columns:1fr !important;
    gap:18px !important;
    min-height:0 !important;
  }
  body#uyeolgirisbody .uyeolgirisslogan{
    min-height:auto !important;
    display:block !important;
  }
  body#uyeolgirisbody .uyeolgirisslogan-con{padding:30px 24px !important;}
  body#uyeolgirisbody .uyeolgirisslogan h4:before{font-size:28px !important;}
  body#uyeolgirisbody .uyeol{min-height:auto !important; display:block !important;}
  body#uyeolgirisbody .signupcon{padding:30px 22px !important;}
  body#uyeolgirisbody .signinsignup-title{font-size:28px !important;}
  body#uyeolgirisbody .clean-theme-signup-box .yuzde50,
  body#uyeolgirisbody .yuzde50,
  body#uyeolgirisbody .yuzde70,
  body#uyeolgirisbody .yuzde100{
    width:100% !important;
    margin-right:0 !important;
    float:none !important;
  }
  body#uyeolgirisbody .captcha-content{
    width:100% !important;
    max-width:320px !important;
    transform:none !important;
    margin-left:0 !important;
  }
  .leftbar{
    box-shadow:0 14px 40px rgba(8,23,41,.18) !important;
  }
  .rightcon,
  .accountcontent{padding-left:0 !important;}
  .acwbox,
  .dashboardbox,
  .clientarea-box,
  .clientbox,
  .wclientbox{
    border-radius:18px !important;
  }
}

@media (max-width:560px){
  body#uyeolgirisbody #uyeolgiris{padding:12px !important;}
  body#uyeolgirisbody .uyeolgirisslogan,
  body#uyeolgirisbody .uyeol,
  body#uyeolgirisbody .signupcon{
    border-radius:22px !important;
  }
  body#uyeolgirisbody .uyeolgirisslogan-con,
  body#uyeolgirisbody .signupcon{padding:24px 18px !important;}
  body#uyeolgirisbody .uyeolgirisslogan .logo img,
  body#uyeolgirisbody .logo img{max-width:205px !important;}
  body#uyeolgirisbody .signup-stages-block{
    width:44px !important;
    height:44px !important;
    line-height:44px !important;
    font-size:17px !important;
    margin:0 4px !important;
  }
  body#uyeolgirisbody .signin-signup-foot-btn button,
  body#uyeolgirisbody .gonderbtn,
  body#uyeolgirisbody .yesilbtn,
  body#uyeolgirisbody .mio-ajax-submit{
    width:100% !important;
  }
}