/* Auth Pages — Clean White Style */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Cairo',sans-serif;direction:rtl;text-align:right}

.auth-body{
  min-height:100vh;
  background:linear-gradient(135deg,#fff8f8 0%,#fff 50%,#fff5f5 100%);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}

.auth-container{width:100%;max-width:440px}

.auth-card{
  background:#fff;
  border-radius:20px;
  padding:40px 36px;
  box-shadow:0 8px 40px rgba(0,0,0,.08);
  border:1px solid #f0f0f0;
}

/* Logo */
.auth-logo{text-align:center;margin-bottom:28px}
.auth-logo-icon{
  width:64px;height:64px;
  background:linear-gradient(135deg,#E8192C,#C0001F);
  border-radius:18px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.6rem;color:#fff;
  box-shadow:0 8px 24px rgba(232,25,44,.3);
  margin-bottom:12px;
}
.auth-logo h1{font-size:1.3rem;font-weight:900;color:#1a1a1a;margin-bottom:4px}
.auth-logo p{font-size:.85rem;color:#6b7280}

/* Alert */
.auth-alert{
  padding:11px 14px;border-radius:10px;
  font-size:.84rem;font-weight:600;
  display:flex;align-items:center;gap:8px;
  margin-bottom:20px;
}
.auth-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}
.auth-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}

/* Form */
.auth-form{display:flex;flex-direction:column;gap:16px}
.auth-field label{display:block;font-size:.82rem;font-weight:700;color:#374151;margin-bottom:6px}
.auth-field label span{color:#E8192C}
.auth-input-wrap{position:relative}
.auth-input-wrap > i{
  position:absolute;top:50%;right:13px;transform:translateY(-50%);
  color:#9ca3af;font-size:.85rem;pointer-events:none;
}
.auth-input-wrap input{
  width:100%;
  padding:11px 38px 11px 14px;
  border:1.5px solid #e5e7eb;
  border-radius:10px;
  font-family:inherit;font-size:.9rem;color:#1a1a1a;
  transition:.2s;background:#fff;
}
.auth-input-wrap input:focus{
  border-color:#E8192C;
  box-shadow:0 0 0 3px rgba(232,25,44,.08);
  outline:none;
}
.toggle-pw{
  position:absolute;top:50%;left:12px;transform:translateY(-50%);
  background:none;border:none;color:#9ca3af;cursor:pointer;
  font-size:.85rem;padding:4px;
}
.toggle-pw:hover{color:#E8192C}

/* Remember */
.auth-remember{
  display:flex;align-items:center;justify-content:space-between;
  font-size:.82rem;
}
.auth-remember label{display:flex;align-items:center;gap:6px;color:#4b5563;cursor:pointer}
.auth-remember a{color:#E8192C;font-weight:700;text-decoration:none}
.auth-remember a:hover{text-decoration:underline}

/* Submit btn */
.auth-btn{
  width:100%;padding:13px;
  background:linear-gradient(135deg,#E8192C,#C0001F);
  color:#fff;border:none;border-radius:12px;
  font-family:inherit;font-size:.95rem;font-weight:800;
  cursor:pointer;transition:.2s;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 4px 14px rgba(232,25,44,.3);
  margin-top:4px;
}
.auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,25,44,.4)}
.auth-btn:active{transform:translateY(0)}

/* Switch */
.auth-switch{
  text-align:center;font-size:.84rem;color:#6b7280;
  margin-top:20px;
}
.auth-switch a{color:#E8192C;font-weight:800;text-decoration:none}
.auth-switch a:hover{text-decoration:underline}

/* Mobile */
@media(max-width:480px){
  .auth-card{padding:28px 20px;border-radius:16px}
  .auth-logo-icon{width:54px;height:54px;font-size:1.3rem}
}