:root { --bg: #000; --panel: #0f0f0f; --accent: #8b5cf6; }
        body { background: var(--panel); color: #fff; font-family: 'Cairo', sans-serif; height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0; }
        .login-card { width: 100%; max-width: 400px; padding: 20px; }
        .brand-logo { width: 60px; height: 60px; background: var(--accent); border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 30px; margin: 0 auto 30px; }
        .input-group-custom { position: relative; margin-bottom: 20px; }
        .crm-input { background: #0a0a0a; border: 1px solid #222; color: #fff; border-radius: 15px; padding: 15px 20px; width: 100%; outline: none; transition: 0.3s; }
        .crm-input:focus { border-color: var(--accent); }
        .password-toggle { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #666; font-size: 1.2rem; }
        .btn-login { background: var(--accent); color: #fff; border: none; padding: 15px; border-radius: 15px; width: 100%; font-weight: 700; cursor: pointer; }
        .error-msg { background: rgba(239, 68, 68, 0.1); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.2); padding: 12px; border-radius: 12px; text-align: center; margin-bottom: 20px; font-size: 14px; }