{% extends "core/base.html" %}
{% block title %}ورود | مرکز راهبری کسب و کار{% endblock %}
{% block extra_css %}<style>
.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px}
.auth-shell{width:min(460px,100%);padding:38px;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.04);backdrop-filter:blur(20px);box-shadow:0 25px 90px rgba(0,0,0,.35)}
.auth-logo{display:flex;gap:12px;align-items:center;font-weight:800;font-size:18px;margin-bottom:28px}
.auth-icon{width:42px;height:42px;border-radius:13px;background:var(--gradient);display:grid;place-items:center}
.auth-shell h1{font-size:32px;margin-bottom:10px}.auth-sub{color:var(--muted);line-height:2;font-size:14px;margin-bottom:25px}
.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:#c9ccd6;margin-bottom:8px}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.045);color:white;outline:none;font-family:inherit}
.form-group textarea{min-height:140px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:rgba(79,124,255,.55)}
.auth-actions{display:flex;gap:12px;margin-top:22px}.auth-actions>*{flex:1}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:15px;background:rgba(255,90,90,.1);border:1px solid rgba(255,90,90,.2);color:#ffb4b4;font-size:13px}
.back-home{display:block;text-align:center;margin-top:20px;color:#9297a8;font-size:13px}
@media(max-width:520px){
  .auth-page{padding:16px}
  .auth-shell{padding:26px 20px;border-radius:22px}
  .auth-shell h1{font-size:25px}
  .auth-actions{flex-direction:column}
  /* prevent iOS Safari auto-zoom on focus */
  .form-group input,.form-group textarea,.form-group select{font-size:16px}
}
</style>{% endblock %}
{% block content %}
<div class="auth-page"><div class="auth-shell">
<div class="auth-logo"><div class="auth-icon">C</div><b>مرکز راهبری کسب‌وکار</b></div>
<h1>ورود به حساب</h1><p class="auth-sub">برای ورود به پنل کاربری اطلاعات حساب خود را وارد کنید.</p>
{% if form.errors %}<div class="alert">نام کاربری یا رمز عبور صحیح نیست.</div>{% endif %}
<form method="post">{% csrf_token %}
<div class="form-group"><label>نام کاربری</label><input type="text" name="username" autocomplete="username" required autofocus></div>
<div class="form-group"><label>رمز عبور</label><input type="password" name="password" autocomplete="current-password" required></div>
<div class="auth-actions"><button class="btn btn-primary" type="submit">ورود</button><a class="btn btn-secondary" href="{% url 'index' %}">خانه</a></div>
</form>
<a class="back-home" href="{% url 'register' %}">حساب ندارید؟ ثبت‌نام کنید</a>
</div></div>
{% endblock %}