/* AUTH PAGES ONLY (LOGIN) */

.auth-body{
  min-height:100vh;
  margin:0;
  font-family:"Segoe UI",sans-serif;
  background:#f1f5f9;
}

/* SPLIT LAYOUT */
.login-wrapper{
  display:flex;
  min-height:100vh;
}

/* IMAGE SIDE */
.login-image{
  flex:0 0 60%;
  background:#f8fafc;
  display:flex;
  align-items:center;
  justify-content:center;
}

.login-image img{
  max-width:75%;
  max-height:75%;
  object-fit:contain;
}

/* FORM SIDE */
.login-form-side{
  flex:0 0 40%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px;
}

/* CARD */
.login-card{
  width:100%;
  max-width:420px;
  background:#ffffff;
  border-radius:14px;
  padding:32px;
  border:1px solid #cbd5e1;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* LOGO */
.logo-box{
  text-align:center;
  margin-bottom:24px;
}

.logo-box img{
  max-width:70px;
  margin-bottom:10px;
}

.logo-title{
  font-size:1.05rem;
  font-weight:600;
}

/* FORM */
.form-control{
  height:46px;
  border-radius:8px;
}

.btn-login{
  height:46px;
  border-radius:8px;
  background:#0ea5e9;
  border:none;
  font-weight:600;
}

/* PASSWORD TOGGLE */
.password-wrapper{
  position:relative;
}

.password-toggle{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:.8rem;
  cursor:pointer;
  color:#64748b;
}

/* THEME TOGGLE */
.theme-toggle{
  position:fixed;
  top:18px;
  right:18px;
  padding:6px 14px;
  border-radius:20px;
  background:#e2e8f0;
  font-size:.8rem;
  cursor:pointer;
  z-index:10;
}

/* RESPONSIVE */
@media (max-width:1200px){
  .login-image{ flex:0 0 50%; }
  .login-form-side{ flex:0 0 50%; }
}

@media (max-width:768px){
  .login-image{ display:none; }
  .login-form-side{ flex:1; }
}