body.crm-login-screen { min-height: 100vh; background: radial-gradient(circle at top left, rgba(37,99,235,.28), transparent 34%), linear-gradient(135deg, #0f172a, #111827); }
.crm-login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.crm-login-card { width: min(100%, 430px); padding: 30px; border-radius: 28px; background: rgba(255,255,255,.96); box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.crm-login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.crm-login-logo { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 16px; background: linear-gradient(135deg, var(--crm-primary), var(--crm-primary-2)); color: #fff; font-weight: 900; }
.crm-login-brand div { display: flex; flex-direction: column; }
.crm-login-brand small, .crm-login-title p, .crm-login-help { color: var(--crm-muted); }
.crm-login-title span { color: var(--crm-primary); font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.crm-login-title h1 { margin: 5px 0 7px; font-size: 30px; }
.crm-login-form { display: grid; gap: 14px; margin-top: 22px; }
.crm-login-field { display: grid; gap: 7px; color: var(--crm-muted); font-size: 13px; font-weight: 800; }
.crm-login-field input { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--crm-border); border-radius: 14px; }
.crm-password-box { display: flex; align-items: center; border: 1px solid var(--crm-border); border-radius: 14px; background: #fff; overflow: hidden; }
.crm-password-box input { border: 0; border-radius: 0; }
.crm-password-box button { border: 0; background: transparent; color: var(--crm-primary); font-weight: 800; padding: 0 12px; cursor: pointer; }
.crm-login-remember { display: flex; align-items: center; gap: 8px; color: var(--crm-muted); font-size: 13px; }
.crm-login-submit { min-height: 48px; border: 0; border-radius: 15px; background: linear-gradient(135deg, var(--crm-primary), var(--crm-primary-2)); color: #fff; font-weight: 900; cursor: pointer; }
.crm-login-message { margin-top: 16px; padding: 12px 13px; border-radius: 14px; font-weight: 700; }
.crm-login-message-error { background: rgba(220,38,38,.1); color: #991b1b; }
.crm-login-message-notice { background: rgba(37,99,235,.1); color: #1e40af; }
.crm-login-help { margin-top: 18px; font-size: 13px; text-align: center; }